diff --git a/README.md b/README.md index a14e2ec..0349c3b 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -A simple starter gruntfile for javascript noodles. +A simple collection of links with a css-zen-garden feel. diff --git a/bower.json b/bower.json index d93e13f..373f392 100644 --- a/bower.json +++ b/bower.json @@ -1,8 +1,7 @@ { - "name": "simple-js-noodles", + "name": "home-links", "version": "0.0.0", "dependencies": { - "normalize-css": "~3.0.3", - "jquery": "~2.1.4" + "normalize-css": "~3.0.3" } } diff --git a/font/source-sans-pro-v9-latin-regular.eot b/font/source-sans-pro-v9-latin-regular.eot new file mode 100644 index 0000000..5dd59e7 Binary files /dev/null and b/font/source-sans-pro-v9-latin-regular.eot differ diff --git a/font/source-sans-pro-v9-latin-regular.svg b/font/source-sans-pro-v9-latin-regular.svg new file mode 100644 index 0000000..a19acae --- /dev/null +++ b/font/source-sans-pro-v9-latin-regular.svg @@ -0,0 +1,345 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/font/source-sans-pro-v9-latin-regular.ttf b/font/source-sans-pro-v9-latin-regular.ttf new file mode 100644 index 0000000..950ff8b Binary files /dev/null and b/font/source-sans-pro-v9-latin-regular.ttf differ diff --git a/font/source-sans-pro-v9-latin-regular.woff b/font/source-sans-pro-v9-latin-regular.woff new file mode 100644 index 0000000..dbdec39 Binary files /dev/null and b/font/source-sans-pro-v9-latin-regular.woff differ diff --git a/font/source-sans-pro-v9-latin-regular.woff2 b/font/source-sans-pro-v9-latin-regular.woff2 new file mode 100644 index 0000000..6dda30c Binary files /dev/null and b/font/source-sans-pro-v9-latin-regular.woff2 differ diff --git a/img/ObleyMirror_100.jpg b/img/ObleyMirror_100.jpg new file mode 100644 index 0000000..b13cb66 Binary files /dev/null and b/img/ObleyMirror_100.jpg differ diff --git a/index.html b/index.html index e0b2a83..7d709bf 100644 --- a/index.html +++ b/index.html @@ -2,16 +2,88 @@ - JS Noodles + the development of obley - -

JS Noodles!

- - - + +
+ + +
+ +
+ +
+ +
+ + + + + + + + + + + +
+ + + diff --git a/main.js b/main.js deleted file mode 100644 index e7dfbe3..0000000 --- a/main.js +++ /dev/null @@ -1,10 +0,0 @@ - - -$( document ).ready(function() { - - $('
', { - 'class': "jquery-note", - text: "...jQuery loaded..." - }).appendTo('body'); - -}); diff --git a/style.css b/style.css index 151f6cc..4194514 100644 --- a/style.css +++ b/style.css @@ -1,10 +1,110 @@ -body { - font-size: 16px; - margin: 50px auto; - width: 350px; +/* source-sans-pro-regular - latin */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: url('./fonts/source-sans-pro-v9-latin-regular.eot'); /* IE9 Compat Modes */ + src: local('Source Sans Pro'), local('SourceSansPro-Regular'), + url('./fonts/source-sans-pro-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/source-sans-pro-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/source-sans-pro-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('./fonts/source-sans-pro-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/source-sans-pro-v9-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */ +} +/* source-sans-pro-italic - latin */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: italic; + font-weight: 400; + src: url('./fonts/source-sans-pro-v9-latin-italic.eot'); /* IE9 Compat Modes */ + src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), + url('./fonts/source-sans-pro-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/source-sans-pro-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/source-sans-pro-v9-latin-italic.woff') format('woff'), /* Modern Browsers */ + url('./fonts/source-sans-pro-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/source-sans-pro-v9-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ +} +/* source-sans-pro-600 - latin */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: url('./fonts/source-sans-pro-v9-latin-600.eot'); /* IE9 Compat Modes */ + src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), + url('./fonts/source-sans-pro-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/source-sans-pro-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/source-sans-pro-v9-latin-600.woff') format('woff'), /* Modern Browsers */ + url('./fonts/source-sans-pro-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/source-sans-pro-v9-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } -.jquery-note { - color: #ccc; - font-size: 0.85em; +body { + font-family: 'Source Sans Pro', arial, sans-serif; + font-size: 16px; + line-height: 1.6em; + margin: 0 auto; + padding: 30px; } + +header::after, +section::after, +main::after, +footer::after { + content: ''; + display: block; + clear: both; +} + +footer, +header { + font-size: 0.75em; +} + +a { + text-decoration: none; +} + +ul { + float: left; + margin: 0 30px 30px; + padding: 0; +} + +li { + list-style: none; + margin: 0; + padding: 0; +} + +footer li, +header li { + display: inline-block; + margin: 0; + padding: 0; +} + +footer a, +header a { + padding: 4px 8px; +} + +footer li:first-of-type a, +header li:first-of-type a { + padding-left: 0; +} + +.logo { + background: url("./img/ObleyMirror_100.jpg") no-repeat; + color: transparent; + float: right; + height: 100px; + width: 100px; +} + +section ul li:first-child, +main ul li:first-child { + font-weight: 600; + border-bottom: 1px solid; + margin-bottom: 0.4em; +} +