Permalink
Please
sign in to comment.
Showing
with
9,190 additions
and 0 deletions.
- +63 −0 LICENSE.txt
- +35 −0 README.txt
- +4 −0 assets/css/font-awesome.min.css
- +54 −0 assets/css/ie8.css
- +88 −0 assets/css/ie9.css
- +24 −0 assets/css/images/intro.svg
- +3,919 −0 assets/css/main.css
- BIN assets/fonts/FontAwesome.otf
- BIN assets/fonts/fontawesome-webfont.eot
- +685 −0 assets/fonts/fontawesome-webfont.svg
- BIN assets/fonts/fontawesome-webfont.ttf
- BIN assets/fonts/fontawesome-webfont.woff
- BIN assets/fonts/fontawesome-webfont.woff2
- +8 −0 assets/js/ie/html5shiv.js
- +6 −0 assets/js/ie/respond.min.js
- +5 −0 assets/js/jquery.min.js
- +2 −0 assets/js/jquery.scrollex.min.js
- +2 −0 assets/js/jquery.scrolly.min.js
- +210 −0 assets/js/main.js
- +2 −0 assets/js/skel.min.js
- +587 −0 assets/js/util.js
- +38 −0 assets/sass/base/_page.scss
- +200 −0 assets/sass/base/_typography.scss
- +26 −0 assets/sass/components/_box.scss
- +108 −0 assets/sass/components/_button.scss
- +98 −0 assets/sass/components/_features.scss
- +221 −0 assets/sass/components/_form.scss
- +57 −0 assets/sass/components/_icon.scss
- +60 −0 assets/sass/components/_image.scss
- +236 −0 assets/sass/components/_list.scss
- +41 −0 assets/sass/components/_section.scss
- +91 −0 assets/sass/components/_split.scss
- +131 −0 assets/sass/components/_spotlights.scss
- +81 −0 assets/sass/components/_table.scss
- +139 −0 assets/sass/components/_wrapper.scss
- +59 −0 assets/sass/ie8.scss
- +113 −0 assets/sass/ie9.scss
- +38 −0 assets/sass/layout/_footer.scss
- +92 −0 assets/sass/layout/_header.scss
- +33 −0 assets/sass/layout/_intro.scss
- +185 −0 assets/sass/layout/_sidebar.scss
- +30 −0 assets/sass/layout/_wrapper.scss
- +34 −0 assets/sass/libs/_functions.scss
- +56 −0 assets/sass/libs/_mixins.scss
- +585 −0 assets/sass/libs/_skel.scss
- +49 −0 assets/sass/libs/_vars.scss
- +54 −0 assets/sass/main.scss
- +367 −0 elements.html
- +65 −0 generic.html
- BIN images/pic01.jpg
- BIN images/pic02.jpg
- BIN images/pic03.jpg
- BIN images/pic04.jpg
- BIN images/pic05.jpg
- BIN images/pic06.jpg
- +209 −0 index.html
@@ -0,0 +1,35 @@ | ||
Hyperspace by HTML5 UP | ||
html5up.net | @ajlkn | ||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
|
||
|
||
So I've had the wireframe for this particular design kicking around for some time, but with all | ||
the other interesting (and in some cases, semi-secret) projects I've been working on it took me | ||
a little while to get to actually designing and coding it. Fortunately, things have eased up | ||
enough for me to finaly get around to it, so I'm happy to introduce Hyperspace: a fun, blocky, | ||
one-page design with a lot of color, a bit of animation, and an additional "generic" page template | ||
(because hey, even one-page sites usually need an interior page or two). Hope you dig it :) | ||
|
||
Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images | ||
you can use for pretty much whatever. | ||
|
||
(* = not included) | ||
|
||
AJ | ||
aj@lkn.io | @ajlkn | ||
|
||
|
||
Credits: | ||
|
||
Demo Images: | ||
Unsplash (unsplash.com) | ||
|
||
Icons: | ||
Font Awesome (fortawesome.github.com/Font-Awesome) | ||
|
||
Other: | ||
jQuery (jquery.com) | ||
html5shiv.js (@afarkas @jdalton @jon_neal @rem) | ||
Misc. Sass functions (@HugoGiraudel) | ||
Respond.js (j.mp/respondjs) | ||
Skel (skel.io) |
@@ -0,0 +1,54 @@ | ||
/* | ||
Hyperspace by HTML5 UP | ||
html5up.net | @ajlkn | ||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
*/ | ||
|
||
/* Type */ | ||
|
||
body, input, select, textarea { | ||
color: #ffffff; | ||
} | ||
|
||
/* Button */ | ||
|
||
input[type="submit"], | ||
input[type="reset"], | ||
input[type="button"], | ||
button, | ||
.button { | ||
position: relative; | ||
} | ||
|
||
input[type="submit"]:after, | ||
input[type="reset"]:after, | ||
input[type="button"]:after, | ||
button:after, | ||
.button:after { | ||
display: none; | ||
} | ||
|
||
/* Features */ | ||
|
||
.features { | ||
border: solid 1px; | ||
} | ||
|
||
/* Form */ | ||
|
||
input[type="text"], | ||
input[type="password"], | ||
input[type="email"], | ||
input[type="tel"], | ||
select, | ||
textarea { | ||
background: transparent; | ||
border: solid 1px; | ||
} | ||
|
||
/* Split */ | ||
|
||
.split.style1 > :first-child { | ||
padding-right: 2em; | ||
width: 70%; | ||
} |
@@ -0,0 +1,88 @@ | ||
/* | ||
Hyperspace by HTML5 UP | ||
html5up.net | @ajlkn | ||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
*/ | ||
|
||
/* Type */ | ||
|
||
h1.major:after { | ||
background: #b74e91; | ||
} | ||
|
||
/* Wrapper */ | ||
|
||
.wrapper.fullscreen { | ||
min-height: 0; | ||
padding-bottom: 6em; | ||
padding-top: 6em; | ||
} | ||
|
||
body.is-ie .wrapper.fullscreen { | ||
height: auto; | ||
} | ||
|
||
/* Spotlights */ | ||
|
||
.spotlights > section { | ||
padding-left: 20em; | ||
position: relative; | ||
} | ||
|
||
.spotlights > section > .image { | ||
height: 100%; | ||
left: 0; | ||
position: absolute; | ||
top: 0; | ||
width: 20em; | ||
} | ||
|
||
.spotlights > section > .content { | ||
width: 100%; | ||
} | ||
|
||
/* Features */ | ||
|
||
.features:after { | ||
clear: both; | ||
content: ''; | ||
display: block; | ||
} | ||
|
||
.features section { | ||
float: left; | ||
} | ||
|
||
/* Split */ | ||
|
||
.split:after { | ||
clear: both; | ||
content: ''; | ||
display: block; | ||
} | ||
|
||
.split > * { | ||
float: left; | ||
} | ||
|
||
/* Sidebar */ | ||
|
||
#sidebar nav a:after { | ||
background-color: #b74e91; | ||
} | ||
|
||
/* Header */ | ||
|
||
#header:after { | ||
clear: both; | ||
content: ''; | ||
display: block; | ||
} | ||
|
||
#header > .title { | ||
float: left; | ||
} | ||
|
||
#header > nav { | ||
float: right; | ||
} |
@@ -0,0 +1,24 @@ | ||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000px" height="500px" viewBox="0 0 1000 500" zoomAndPan="disable" preserveAspectRatio="none"> | ||
|
||
<style type="text/css"><![CDATA[ | ||
line | ||
{ | ||
stroke: rgba(255,255,255,0.05); | ||
stroke-width: 1px; | ||
} | ||
]]></style> | ||
<line x1="1100" y1="500" x2="-1000" y2="250" /> | ||
<line x1="1100" y1="500" x2="-1000" y2="-100" /> | ||
<line x1="1100" y1="500" x2="-1000" y2="-500" /> | ||
<line x1="1100" y1="500" x2="-250" y2="-500" /> | ||
<line x1="1100" y1="500" x2="300" y2="-500" /> | ||
<line x1="1100" y1="500" x2="750" y2="-500" /> | ||
<line x1="1750" y1="0" x2="750" y2="500" /> | ||
<line x1="1500" y1="0" x2="500" y2="500" /> | ||
<line x1="1150" y1="0" x2="150" y2="500" /> | ||
<line x1="700" y1="0" x2="-300" y2="500" /> | ||
<line x1="150" y1="0" x2="-850" y2="500" /> | ||
</svg> |
Oops, something went wrong.
0 comments on commit
c01801b