...
 
Commits (3)
......@@ -32,6 +32,21 @@
</head>
<body class="base">
<header class="header">
<img class="header-junk header-junk-mercury" src="{% include static_url.fn dirname='junk' filename='mercury.gif' %}" alt="" />
<img class="header-junk header-junk-venus" src="{% include static_url.fn dirname='junk' filename='venus.gif' %}" alt="" />
<img class="header-junk header-junk-mars" src="{% include static_url.fn dirname='junk' filename='mars.gif' %}" alt="" />
<img class="header-junk header-junk-jupiter" src="{% include static_url.fn dirname='junk' filename='jupiter.gif' %}" alt="" />
<img class="header-junk header-junk-shuttle" src="{% include static_url.fn dirname='junk' filename='shuttle.gif' %}" alt="" />
<img class="header-junk header-junk-alien" src="{% include static_url.fn dirname='junk' filename='alien.gif' %}" alt="" />
<img class="header-junk header-junk-asteroid-1" src="{% include static_url.fn dirname='junk' filename='asteroid-1.gif' %}" alt="" />
<img class="header-junk header-junk-saturn" src="{% include static_url.fn dirname='junk' filename='saturn.gif' %}" alt="" />
<img class="header-junk header-junk-uranus" src="{% include static_url.fn dirname='junk' filename='uranus.gif' %}" alt="" />
<img class="header-junk header-junk-neptune" src="{% include static_url.fn dirname='junk' filename='neptune.gif' %}" alt="" />
<img class="header-junk header-junk-pluto" src="{% include static_url.fn dirname='junk' filename='pluto.gif' %}" alt="" />
<img class="header-junk header-junk-satellite" src="{% include static_url.fn dirname='junk' filename='satellite.gif' %}" alt="" />
<img class="header-junk header-junk-asteroid-2" src="{% include static_url.fn dirname='junk' filename='asteroid-2.gif' %}" alt="" />
<div class="header-banner">
<img class="header-banner-image" src="{% include static_url.fn filename='banner-1.gif' %}" alt="{{ site.data.site.title | escape }}"
/><img class="header-banner-image" src="{% include static_url.fn filename='banner-2.gif' %}" alt="" />
......
......@@ -31,3 +31,5 @@ $disabled-opacity: 0.5;
// media queries
$column-width: 800px;
$small-media-width: $column-width + 2 * $medium-gap;
$small-media-query: "only screen and (max-width: #{$small-media-width})";
......@@ -8,8 +8,32 @@
.header {
color: $meta-color;
text-align: center;
position: relative;
&-banner { margin: $narrow-gap 0; }
&-junk {
position: absolute;
@media #{$small-media-query} {
display: none;
}
&-mercury { left: -150px; top: 20px; }
&-venus { left: -110px; top: 60px; }
&-mars { left: -30px; top: 5px; }
&-jupiter { left: 30px; top: 65px; }
&-shuttle { left: 70px; top: 5px; }
&-alien { left: -30px; top: 90px; }
&-asteroid-1 { left: -95px; top: 5px; }
&-saturn { right: -90px; top: 0px; }
&-uranus { right: 30px; top: 105px; }
&-neptune { right: -100px; top: 70px; }
&-pluto { right: -150px; top: 30px; }
&-satellite { right: -15px; top: 105px; }
&-asteroid-2 { right: 90px; top: 10px; }
}
&-banner { padding: $narrow-gap 0; }
&-banner-image {
max-width: 100%;
margin: $narrow-gap 0;
......
static/badges/linux.gif

3.88 KB | W: | H:

static/badges/linux.gif

2.22 KB | W: | H:

static/badges/linux.gif
static/badges/linux.gif
static/badges/linux.gif
static/badges/linux.gif
  • 2-up
  • Swipe
  • Onion skin
static/badges/textfiles.gif

13.1 KB | W: | H:

static/badges/textfiles.gif

13.1 KB | W: | H:

static/badges/textfiles.gif
static/badges/textfiles.gif
static/badges/textfiles.gif
static/badges/textfiles.gif
  • 2-up
  • Swipe
  • Onion skin
static/badges/wip.gif

1.84 KB | W: | H:

static/badges/wip.gif

899 Bytes | W: | H:

static/badges/wip.gif
static/badges/wip.gif
static/badges/wip.gif
static/badges/wip.gif
  • 2-up
  • Swipe
  • Onion skin