Skip to content
Please note that GitHub no longer supports your web browser.

We recommend upgrading to the latest Google Chrome or Firefox.

Learn more
Permalink
Browse files

Add files via upload

  • Loading branch information
andrewbanchich committed Jul 17, 2016
1 parent 8b2a7cb commit c01801bccd4337dd426c4366decec626eaace74a
Showing with 9,190 additions and 0 deletions.
  1. +63 −0 LICENSE.txt
  2. +35 −0 README.txt
  3. +4 −0 assets/css/font-awesome.min.css
  4. +54 −0 assets/css/ie8.css
  5. +88 −0 assets/css/ie9.css
  6. +24 −0 assets/css/images/intro.svg
  7. +3,919 −0 assets/css/main.css
  8. BIN assets/fonts/FontAwesome.otf
  9. BIN assets/fonts/fontawesome-webfont.eot
  10. +685 −0 assets/fonts/fontawesome-webfont.svg
  11. BIN assets/fonts/fontawesome-webfont.ttf
  12. BIN assets/fonts/fontawesome-webfont.woff
  13. BIN assets/fonts/fontawesome-webfont.woff2
  14. +8 −0 assets/js/ie/html5shiv.js
  15. +6 −0 assets/js/ie/respond.min.js
  16. +5 −0 assets/js/jquery.min.js
  17. +2 −0 assets/js/jquery.scrollex.min.js
  18. +2 −0 assets/js/jquery.scrolly.min.js
  19. +210 −0 assets/js/main.js
  20. +2 −0 assets/js/skel.min.js
  21. +587 −0 assets/js/util.js
  22. +38 −0 assets/sass/base/_page.scss
  23. +200 −0 assets/sass/base/_typography.scss
  24. +26 −0 assets/sass/components/_box.scss
  25. +108 −0 assets/sass/components/_button.scss
  26. +98 −0 assets/sass/components/_features.scss
  27. +221 −0 assets/sass/components/_form.scss
  28. +57 −0 assets/sass/components/_icon.scss
  29. +60 −0 assets/sass/components/_image.scss
  30. +236 −0 assets/sass/components/_list.scss
  31. +41 −0 assets/sass/components/_section.scss
  32. +91 −0 assets/sass/components/_split.scss
  33. +131 −0 assets/sass/components/_spotlights.scss
  34. +81 −0 assets/sass/components/_table.scss
  35. +139 −0 assets/sass/components/_wrapper.scss
  36. +59 −0 assets/sass/ie8.scss
  37. +113 −0 assets/sass/ie9.scss
  38. +38 −0 assets/sass/layout/_footer.scss
  39. +92 −0 assets/sass/layout/_header.scss
  40. +33 −0 assets/sass/layout/_intro.scss
  41. +185 −0 assets/sass/layout/_sidebar.scss
  42. +30 −0 assets/sass/layout/_wrapper.scss
  43. +34 −0 assets/sass/libs/_functions.scss
  44. +56 −0 assets/sass/libs/_mixins.scss
  45. +585 −0 assets/sass/libs/_skel.scss
  46. +49 −0 assets/sass/libs/_vars.scss
  47. +54 −0 assets/sass/main.scss
  48. +367 −0 elements.html
  49. +65 −0 generic.html
  50. BIN images/pic01.jpg
  51. BIN images/pic02.jpg
  52. BIN images/pic03.jpg
  53. BIN images/pic04.jpg
  54. BIN images/pic05.jpg
  55. BIN images/pic06.jpg
  56. +209 −0 index.html

Large diffs are not rendered by default.

@@ -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)

Large diffs are not rendered by default.

@@ -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>

0 comments on commit c01801b

Please sign in to comment.
You can’t perform that action at this time.