Skip to content

Instantly share code, notes, and snippets.

@dannyrb
Last active November 8, 2016 11:44
Show Gist options
  • Save dannyrb/8df804361d46d6dc32af7250bf7fd387 to your computer and use it in GitHub Desktop.
Save dannyrb/8df804361d46d6dc32af7250bf7fd387 to your computer and use it in GitHub Desktop.
Night Sky - Full Width
<div class="container">
<div class="night-sky"></div>
<div class="stars"></div>
<div class="stars2"></div>
<div class="stars3"></div>
<div class="mountains">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" preserveAspectRatio="xMaxYMin meet" viewbox="0 0 110 160">
<!-- Where the magic happens -->
<defs>
<polygon id="tall"
points="0,100 100,0 200,100"
stroke-linejoin="round"
stroke-linecap="round"
stroke="#311B46" stroke-width="5"
fill="#311B46" />
<polygon id="long"
points="0,70 80,0 160,70"
stroke-linejoin="round"
stroke-linecap="round"
stroke="#963D5A" stroke-width="5"
fill="#963D5A" />
<polygon id="short"
points="0,100 80,0 160,100"
stroke-linejoin="round"
stroke-linecap="round"
stroke="#FFA987" stroke-width="5"
fill="#FFA987" />
<g id="mountain-range">
<use xlink:href="#tall" x="-220" y="30"/>
<use xlink:href="#tall" x="-180" y="40"/>
<use xlink:href="#tall" x="-100" y="60"/>
<use xlink:href="#tall" x="0" y="40"/>
<use xlink:href="#tall" x="90" y="20"/>
<use xlink:href="#tall" x="150" y="50"/>
<use xlink:href="#long" x="-180" y="60"/>
<use xlink:href="#long" x="-150" y="70"/>
<use xlink:href="#long" x="-70" y="65"/>
<use xlink:href="#long" x="20" y="70"/>
<use xlink:href="#long" x="90" y="60"/>
<use xlink:href="#long" x="180" y="50"/>
<use xlink:href="#short" x="-160" y="90"/>
<use xlink:href="#short" x="-110" y="70"/>
<use xlink:href="#short" x="100" y="90"/>
</g>
</defs>
<use xlink:href="#mountain-range" x="-100%" y="55"/>
<use xlink:href="#mountain-range" x="-500%" y="55"/>
<use xlink:href="#mountain-range" x="-760%" y="45"/>
<use xlink:href="#mountain-range" x="-1000%" y="45"/>
<use xlink:href="#mountain-range" x="-1500%" y="55"/>
<use xlink:href="#mountain-range" x="-1760%" y="45"/>
<use xlink:href="#mountain-range" x="-2250%" y="45"/>
<use xlink:href="#mountain-range" x="-2700%" y="55"/>
</svg>
</div>
<h1 class="title">The Astronomer</h1>
</div>

Night Sky - Full Width

Nifty use of SVGs, SASS functions, box-shadow, base64 texture, and google fonts to create a pleasing view.

A Pen by Danny Brown on CodePen.

License.

// Title: Night Sky - Full Width
// Author: Daniel Brown
// Website: http://dannyrb.com
// Date: 10/25/2016
//
//
// todo:
// Use media queries to set $max
// Width needs some kind of gutter...
$starFieldWidth: 2560;
$starFieldHeight: 2000;
$starStartOffset: 600px;
$starOneScrollDuration: 75s;
$starTwoScrollDuration: 125s;
$starThreeScrollDuration: 175s;
$numStarOneStars: 1700;
$numStarTwoStars: 700;
$numStarThreeStars: 200;
$width: 100%;
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
background: #000;
}
.container {
position: relative;
width: 100%;
height: 100%;
}
.title {
font-family: 'Megrim', Georgia, serif;
font-size: 50px;
line-height: 50px;
text-align: center;
position: absolute;
width: 100%;
top: 20%;
color: white;
letter-spacing: .3em;
/* Smooth our font */
text-transform: uppercase;
text-shadow: 1px 2px 1px rgba(black, .2);
-webkit-font-smoothing: antialiased;
z-index: 100;
margin: 0; padding: 0;
}
.mountains {
position: absolute;
width: $width;
height: 40%;
bottom: 0;
z-index: 20;
overflow: hidden;
svg {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
}
.night-sky {
position: relative;
height: 100%;
margin: 0;
background-repeat: no-repeat;
background-attachment: fixed;
background: linear-gradient(to bottom, #020107 0%, #311B46 50%, #592C67 60%, #803E7E 75%, #CA759C 90%, #EC9D9D 95%, #C35E4D 100%);
&:before {
height: 100%;
width: 100%;
content: ' ';
position: absolute;
top: 0;
/* http://bg.siteorigin.com/ */
background-image: url(data:image/png;base64,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);
opacity: .1;
}
}
// n is number of stars required
@function multiple-box-shadow ($n) {
// First star
$stars: "#{random($starFieldWidth)}px #{random($starFieldHeight)}px #FFF";
@for $i from 2 through $n {
// Iterate through and append stars to string
$stars: "#{$stars} , #{random($starFieldWidth)}px #{random($starFieldHeight)}px #FFF";
}
// Return all generated stars
@return unquote($stars);
}
@mixin star-template($numStars, $starSize, $scrollSpeed)
{
z-index: 10;
width: $starSize;
height: $starSize;
background: transparent;
box-shadow: multiple-box-shadow($numStars);
animation: animStar $scrollSpeed linear infinite;
&:after
{
content: " ";
top: -$starStartOffset;
width: $starSize;
height: $starSize;
position: absolute;
background: transparent;
box-shadow: multiple-box-shadow($numStars);
}
}
.stars { @include star-template($numStarOneStars, 1px, $starOneScrollDuration); }
.stars2 { @include star-template($numStarTwoStars, 2px, $starTwoScrollDuration); }
.stars3 { @include star-template($numStarThreeStars, 3px, $starThreeScrollDuration); }
@keyframes animStar {
from {
transform: translateY(0px);
}
to {
transform: translateY(-#{$starFieldHeight}px);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment