diff --git a/about/index.html b/about/index.html index 7a39c9a..9949997 100644 --- a/about/index.html +++ b/about/index.html @@ -6,6 +6,7 @@ +
@@ -30,12 +31,12 @@

Coming Soon

diff --git a/contribute/index.html b/contribute/index.html index 61a4cb5..43450b1 100644 --- a/contribute/index.html +++ b/contribute/index.html @@ -6,6 +6,7 @@ +
@@ -30,12 +31,12 @@

Coming Soon

-
- Copyright © 2016 Galapagos Linux. All rights reserved. Web site content is licensed under CC-BY-SA-3.0. -
-
+
+
diff --git a/download/index.html b/download/index.html index 1e222fa..00df9a8 100644 --- a/download/index.html +++ b/download/index.html @@ -6,6 +6,7 @@ +
@@ -30,12 +31,12 @@

Coming Soon

-
- Copyright © 2016 Galapagos Linux. All rights reserved. Web site content is licensed under CC-BY-SA-3.0. -
-
+
+
diff --git a/index.html b/index.html index 25543a5..e1d7d6a 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,9 @@ Galapagos Linux welcomes you - - + + +
@@ -29,7 +30,7 @@

Welcome to Galapagos


-
+

Galapagos is the friendly source-based Linux distribution. Built out of the long history of the venerable Gentoo Linux distribution, Galapagos has three defining goals.

@@ -41,7 +42,7 @@

Welcome to Galapagos

-
+

Interested?

Galapagos Linux is available for Intel x86, PowerPC, ARM, MIPS, SPARC, and other architectures. And it's entirely free and open source. Try it now and see how Galapagos is making Linux fun again!

@@ -67,12 +68,12 @@

Friendliness

-
- Copyright © 2016 Galapagos Linux. All rights reserved. Web site content is licensed under CC-BY-SA-3.0. -
-
+
+
diff --git a/static/galapagos.css b/static/galapagos.css index 0d6879c..fe5c749 100644 --- a/static/galapagos.css +++ b/static/galapagos.css @@ -52,6 +52,21 @@ section#content { padding: 1em; } +/* Add margin between main content hero boxes since they will be on top + * of one another in some situations */ +.hero > .col { + margin-bottom: 2em; +} + +/* Add margin between download / doc buttons since they will be on top + * of one another in some situations */ +.hero > .col#second a.button { + margin-bottom: 1em; + display: inline-flex; + flex-direction: column; + padding: 14px 2em; +} + .hero > .col > .inner { background: #ddd; border-radius: 1em; @@ -81,13 +96,28 @@ body > footer { -webkit-box-shadow: 0 0px 10px 0 #777; box-shadow: 0 0px 10px 0 #777; height: 3em; - font-size: 11pt; line-height: 2em; margin: 0; - padding: 0.5em 0; + padding: 0.5em 0.5em; position: fixed; left: 0; bottom: 0; width: 100%; } +body > footer > .row { + flex-wrap: nowrap; +} + +body > footer > .row > .col-6#left { + width: auto; + max-width: none; + flex-basis: auto; +} + +body > footer > .row > .col-6#right { + width: auto; + max-width: none; + flex-basis: auto; + text-align: right; +} diff --git a/static/mobile.css b/static/mobile.css new file mode 100644 index 0000000..796df65 --- /dev/null +++ b/static/mobile.css @@ -0,0 +1,44 @@ +@media only screen and (max-device-width: 768px) { + /* Make header links visible */ + body > header > .row { + height: auto; + } + + body > header > .row > .hide-on-print { + background-color: #AD6A91; + border-radius: 4px; + } + + /* Anchor footer to bottom, decrease font size + * NB: padding-bottom and height will need to be adjusted in the future + * if more content is added to the footer! */ + html { + position: relative; + } + + body, html { + min-height: 100%; + margin: 0; + } + + body > #content { + padding-bottom: 8em; + margin-bottom: 0; + } + + body > footer { + position: absolute; + bottom: 0; + height: auto; + font-size: 10pt; + } + + body > footer > .row { + flex-wrap: wrap; + } + + /* Since footer will not be one line, restore left-aligned text */ + body > footer > .row > .col-6#right { + text-align: left; + } +} diff --git a/template b/template index aaaecb0..2a30097 100644 --- a/template +++ b/template @@ -6,6 +6,7 @@ +
@@ -30,12 +31,12 @@