Skip to content

Commit

Permalink
testing an update
Browse files Browse the repository at this point in the history
  • Loading branch information
@jessevondoom
jessevondoom committed Nov 6, 2012
1 parent 8d60771 commit 7dda308
Show file tree
Hide file tree
Showing 8 changed files with 88 additions and 314 deletions.
1 change: 1 addition & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
.DS_Store
52 changes: 52 additions & 0 deletions assets/css/app.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
html {margin:0;padding:0;height:100%;}
body {color:#231F20;background-color:#fafaf8;text-align:left;font:14px/1.5em helveticaneue,"helvetica neue",helvetica,"segoe ui","segoe wp",arial,sans-serif;margin:0;padding:0;min-height:300px;text-rendering:optimizelegibility;height:100%;min-height:500px;}
h1 {color:#ff0;font-size:96px;margin:0 0 0 -5px;}
h2, h3, h4, h5 {color:inherit;}
a {color:rgb(8, 145, 223);}
a:hover {color:#000;}
ul {padding-left:16px;}
.cashmusic_video_container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.cashmusic_video_container iframe, .cashmusic_video_container object, .cashmusic_video_container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* FORMS */
form span {line-height:2.5em;}
input,textarea,select {font:italic 14px/1.25em georgia, times, serif !important;border:1px solid #dddddf !important;width:98% !important;padding:8px !important;box-sizing:border-box !important;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;border-radius:0px !important;box-shadow:none !important}
input:active, input:focus, textarea:focus {outline:0;border:1px solid #888 !important;}
input.button, a.mockbutton {background-color:rgb(8, 145, 223);padding:8px 18px 8px 18px !important;font:bold 14px/1.25em helvetica,"segoe ui","segoe wp",arial,sans-serif !important;cursor:pointer;width:auto !important;border:1px solid transparent;color:#fff;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;

}
input.button:hover {background-color:#000 !important;color:#fff;}
input.checkorradio {width:auto !important;margin-top:8px;}
label {font-size:11px;text-transform:uppercase;color:#a49c9c;}
select {height:34px;line-height:34px;width:100%;padding:8px;border:none;background-color:#ededef;background-image:linear-gradient(top, #dfdfdf 0%, #efefef 100%);background-image:-moz-linear-gradient(top, #dfdfdf 0%, #efefef 100%);border-radius:5px;}
select option {padding:8px;}
select:active, select:focus {outline:2px solid #ff0;}
textarea.tall {height:200px;}

.section {padding-top:16px;margin-bottom:180px;}
#about a {color:#df9b08;}
#about a:hover {color:#000;}
#hellospc {position:absolute;top:35%;left:100px;color:#fff;font-size:14px;line-height:1.5em;}
#jackson {position:absolute;top:0px;left:-1px;width:101%;height:130%;background-image:url(../images/jackson.jpg);background-position:center center;background-size:cover;}
#mainnav {position:fixed;bottom:10%;width:100%;background-color:#ff0;z-index:654321;}
#mainnavlinks {padding-left:100px;padding-top:1px;padding-bottom:12px;font-weight:bold;font-size:1.5em;line-height:1.25em;}
#mainnavlinks a {color:#000;margin-right:32px;white-space:nowrap;}
#mainspc {position:relative;z-index:500;margin-top:64px;}
#platform a, #nextmilestone a {color:#df0854;}
#platform a:hover, #nextmilestone a:hover {color:#000;}
#topspc {position:relative;width:100%;height:65%;background-color:#000;overflow:hidden;z-index:600;}
#topspc a {color:#c4ee00;}
#videobg {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(35,31,32,0);z-index:10;}

@media only screen and (max-width: 480px){
#hellospc {top:4px;left:16px;font-size:12px;}
#mainnavlinks {padding-left:16px;line-height:1.5em;}
#mainnavlinks a {display:block;position:relative;width:1px;}
}

a:visited {color:auto;}
.issue {font-size:11px;margin-left:6px;}
1 change: 1 addition & 0 deletions assets/css/foundation.min.css
View file

Large diffs are not rendered by default.

Binary file removed assets/fonts/ostrich-rounded-webfont.eot
View file
Binary file not shown.
185 changes: 0 additions & 185 deletions assets/fonts/ostrich-rounded-webfont.svg
View file

This file was deleted.

Binary file removed assets/fonts/ostrich-rounded-webfont.ttf
View file
Binary file not shown.
Binary file removed assets/fonts/ostrich-rounded-webfont.woff
View file
Binary file not shown.
163 changes: 34 additions & 129 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,136 +1,41 @@
<!DOCTYPE html>
<html>
<head>
<title>CASH Music</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
/* FONTS */
@font-face {
font-family: 'OstrichSansRoundedMedium';
src: url('assets/fonts/ostrich-rounded-webfont.eot');
src: url('assets/fonts/ostrich-rounded-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/ostrich-rounded-webfont.woff') format('woff'),
url('assets/fonts/ostrich-rounded-webfont.ttf') format('truetype'),
url('assets/fonts/ostrich-rounded-webfont.svg#OstrichSansRoundedMedium') format('svg');
font-weight: normal;
font-style: normal;
}
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/png" href="http://cashmusic.org/images/icons/cash.png" />

/* TAG RESETS */
html {margin:0;padding:0;}
body {color:#231f20;background-color:#fff;text-align:left;font:75%/1.5em "helvetica neue",helvetica,arial,sans-serif;margin:0;padding:0;min-height:300px;min-width:750px;}
a {color:#97b800;text-decoration:none;}
a:hover {text-decoration:underline;}
code {display:block;padding:2em;margin:0 0 1.5em 0;background-color:#ddd;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPhJREFUeNqk1M0KgkAQAGCFXqSzBwW9KOg5gugBArGD9PN6KhiIl0Vcg0UUfI0QggRJawyKIjNdB/ayO3wMuzszuUEwI6Ku65PjOCvmNiIAyS3LmoE3pYaqqspt254/EFoIkLPruosXQgO1IkMhuJOL53nLL2QI1InAYns+f4EQ0jVNI78S/kJwXARBoKuqSrryOqEGwRivFUU5/iu5CyrDMDQAwX1+eCsEW2UURYYsy7hvq7RBJSHElCQJDem5D6ipJI5jUxRFNLR536EyTdM9z/M+zRR4QlWSJBtBEHzacdJAV6hkB5V4Y+YSm2XZluO4AzMy7gIMAJSSyK1ong48AAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;margin:0 auto;}
img {border:0;}
ul {padding:0.5em 0 0.5em 1.5em;}
p {margin:0 0 1.5em 0;}
h1 {font-size:3.75em;line-height:1.25em;margin:0;padding:0;}
h2 {font-size:1.5em;line-height:1em;margin:2em 0 0 0;padding:0 0 0.25em 0;}
.fontface h1 {font-size:154px;line-height:0.85em;margin:0;padding:0;font-family:OstrichSansRoundedMedium,"helvetica neue",helvetica,arial,sans-serif;white-space:nowrap;font-weight:normal;}
.fontface h2 {font-size:48px;line-height:1em;margin:36px 0 0 0;padding:0;padding-bottom:6px;font-family:OstrichSansRoundedMedium,"helvetica neue",helvetica,arial,sans-serif;font-weight:normal;}
.fontface h2.tight {margin:0;padding:0;}
h3 {font:italic normal 12px/1em georgia,"times new roman",times,serif italic;font-weight:normal;margin:36px 0 3px 0;color:#a7a9ac;}
small {font-size:0.85em;line-height:1.25em;}
small a {color:#000 !important;font-weight:bold;}
table {font-size:0.85em;}

/* GENERAL STYLES */
span.param, span.return {font-weight:bold;}
span.classdescription {font-size:1.5em;}
span.classdescription br {display:none}
ul.nobullets {padding-left:0;}
ul.nobullets li {list-style-type:none;}
div.commentblock {border-left:8px solid #eee;padding-left:12px;}
#topspc {position:absolute;top:0;left:0;width:100%;height:6px;z-index:1234;background-color:#97b800;}
#navspc {position:absolute;top:9px;left:50%;margin-left:-250px;width:auto;background-color:transparent;}
#navspc a {font-size:32px;line-height:1em;margin:0 30px 0 0;padding:0;font-family:OstrichSansRoundedMedium,"helvetica neue",helvetica,arial,sans-serif;font-weight:normal;}
#mainspc a {font-weight:bold;}
<title>CASH Music</title>

/* FORMS */
input {padding:6px 2% 6px 2%;border:1px solid #ccc;width:96%;}
input:active, input:focus {outline:0;border:1px solid #888;}
input.button, a.mockbutton {background-color:#ccc;padding:6px 18px 6px 18px;font-weight:bold;cursor:pointer;width:auto;}
input.button:hover {background-color:#aaa;}
input.checkorradio {width:auto;}
select {padding:6px 3px 6px 3px;border:1px solid #ccc;width:100%;}
select:active, select:focus {outline:2px solid #ff0;}
label {font-size:0.85em;text-transform:uppercase;color:#999;}

/* COLORS */
.usecolor1 {color:#cd074d;}
.usecolor2 {color:#ca8c07;}
.usecolor3 {color:#97b800;}
.usecolor4 {color:#0080c9;}
.usecolor5 {color:#8a00ca;}
.usecolor0 {color:#999;}

/* FOOTER (base code taken from cssstickyfooter.com) */
* {margin-top:0;padding:0;}
html, body, #wrap {height:100%;}
body > #wrap {height:auto;min-height:100%;}
#mainspc {padding-bottom:90px;padding-top:120px;width:500px;margin:0 auto;}
#footer {position:relative;margin-top:-36px;height:36px;color:#bbb;text-align:left;font-size:0.9em;line-height:1em;clear:both;background-color:transparent;}
#footer p {padding:12px 8px 0px 8px;}
#footer a {color:#aaa;margin-left:24px;}
#footer a:hover {color:#000;}
#footer .donatelink {color:#999;}

/* ACCESSIBILITY STUFFS */
* a:active, * a:focus, #footer a.donatelink:active, #footer a.donatelink:focus, input.checkorradio:focus, input.checkorradio:active
{outline:2px solid #ff0;background-color:#ff0;color:#000;}
</style>
<link rel="stylesheet" href="assets/css/foundation.min.css">
<link rel="stylesheet" href="assets/css/app.css">

<script type="text/javascript">
/* Modernizr 2.0.6 (Custom Build) | MIT & BSD
* Build: http://www.modernizr.com/download/#-fontface-cssclasses-teststyles
*/
;window.Modernizr=function(a,b,c){function y(a,b){return!!~(""+a).indexOf(b)}function x(a,b){return typeof a===b}function w(a,b){return v(prefixes.join(a+";")+(b||""))}function v(a){k.cssText=a}var d="2.0.6",e={},f=!0,g=b.documentElement,h=b.head||b.getElementsByTagName("head")[0],i="modernizr",j=b.createElement(i),k=j.style,l,m=Object.prototype.toString,n={},o={},p={},q=[],r=function(a,c,d,e){var f,h,j,k=b.createElement("div");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:i+(d+1),k.appendChild(j);f=["&shy;","<style>",a,"</style>"].join(""),k.id=i,k.innerHTML+=f,g.appendChild(k),h=c(k,a),k.parentNode.removeChild(k);return!!h},s,t={}.hasOwnProperty,u;!x(t,c)&&!x(t.call,c)?u=function(a,b){return t.call(a,b)}:u=function(a,b){return b in a&&x(a.constructor.prototype[b],c)};var z=function(a,c){var d=a.join(""),f=c.length;r(d,function(a,c){var d=b.styleSheets[b.styleSheets.length-1],g=d.cssRules&&d.cssRules[0]?d.cssRules[0].cssText:d.cssText||"",h=a.childNodes,i={};while(f--)i[h[f].id]=h[f];e.fontface=/src/i.test(g)&&g.indexOf(c.split(" ")[0])===0},f,c)}(['@font-face {font-family:"font";src:url("https://")}'],["fontface"]);n.fontface=function(){return e.fontface};for(var A in n)u(n,A)&&(s=A.toLowerCase(),e[s]=n[A](),q.push((e[s]?"":"no-")+s));v(""),j=l=null,e._version=d,e.testStyles=r,g.className=g.className.replace(/\bno-js\b/,"")+(f?" js "+q.join(" "):"");return e}(this,this.document);
<script src="assets/scripts/modernizr.foundation.js"></script>

var colors = ['cd074d','ca8c07','97b800','0080c9','8a00ca'];
var pagecolor = colors[Math.floor(Math.random() * colors.length)];
document.write('<style type="text/css">a {color:#' + pagecolor + ';}#topspc {background-color:#' + pagecolor + ';}</style>');
</script>

<link rel="icon" type="image/png" href="https://cashmusic.org/assets/images/icons/cash.png" />

</head>
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div data-0="bottom:29%;background-color:rgb(255,255,0);" data-410="bottom:10%;background-color:rgb(255,255,0);" data-650="background-color:rgb(255,255,0);" data-700="background-color:rgb(223,8,84);" data-1200="background-color:rgb(223,8,84);" data-1350="background-color:rgb(255,255,0);" id="mainnav">
<div id="mainnavlinks">
<span style="font-size:12px;font-weight:bold;line-height:1em;color:#000;">CASH Music</span><br />
<a href="../">Home</a> <a href="http://blog.cashmusic.org/">Blog</a> <a href="http://cashmusic.github.com/">Github</a>
</div>
</div>

<body>
<div id="topspc">
<div id="navspc">
<a href="http://cashmusic.org/">cashmusic.org</a> <a href="/DIY/">Platform Docs</a> <a href="http://github.com/cashmusic">Github</a>
<div class="row" id="mainspc">
<div class="section" style="padding-bottom:30px;">
<h1>Hello.</h1>


</div>
</div>
</div>

<div id="wrap">
<div id="mainspc">
<h1>CASH Music</h1>
<h2 class="usecolor0 tight">Play this code loud</h2>
<p>
<b>CASH Music</b> is a nonprofit organization that builds open source digital tools for musicians and labels. Our mission is to help educate and empower artists and their fans to foster a more viable and sustainable future for music.
</p><p>
We’re building a free and open platform that gives musicians and labels a no-programming environment for music tech online. You download it, the platform works with your website, integrates with what you’ve got, and plays nice with services like SoundCloud, PayPal, Facebook, Twitter, MailChimp, and more.
</p>

<br />
<h3>More</h3>
<p>
<a href="http://cashmusic.org/">cashmusic.org</a><br />
<a href="http://twitter.com/cashmusic">twitter.com/cashmusic</a><br />
<a href="http://facebook.com/cashmusic.org">facebook.com/cashmusic.org</a>
</p>
<h3>Docs</h3>
<p>
The latest platform <a href="/DIY/">documentation</a>.
</p>
</div>
</div>

<div id="footer">
<p><b>&copy; 2011 CASH Music.</b> All our code is open-source. <a href="http://cashmusic.org/why/" style="margin-left:0;">Learn more</a>. <a href="http://help.cashmusic.org/">Get help</a> <a href="http://cashmusic.org/donate" class="donatelink"><b>Donate</b></a></p>
</div>

</body>
</html>
</body>
</html>

0 comments on commit 7dda308

Please sign in to comment.