always show footer at the bottom via flexbox

This commit is contained in:
Daniel Micay 2019-05-03 12:46:47 -04:00
parent 03ea3ba1d7
commit 8c99d4f36c
8 changed files with 17 additions and 10 deletions

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/> <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/build"/> <meta property="og:url" content="https://grapheneos.org/build"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?2"/> <link rel="stylesheet" href="/grapheneos.css?3"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/build"/> <link rel="canonical" href="https://grapheneos.org/build"/>
</head> </head>

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/> <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/contact"/> <meta property="og:url" content="https://grapheneos.org/contact"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?2"/> <link rel="stylesheet" href="/grapheneos.css?3"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/contact"/> <link rel="canonical" href="https://grapheneos.org/contact"/>
</head> </head>

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/> <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/donate"/> <meta property="og:url" content="https://grapheneos.org/donate"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?2"/> <link rel="stylesheet" href="/grapheneos.css?3"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/donate"/> <link rel="canonical" href="https://grapheneos.org/donate"/>
</head> </head>

View File

@ -2,6 +2,9 @@
/* https://android.googlesource.com/platform/frameworks/base/+/android-9.0.0_r35/core/res/res/values/colors_material.xml */ /* https://android.googlesource.com/platform/frameworks/base/+/android-9.0.0_r35/core/res/res/values/colors_material.xml */
body { body {
display: flex;
flex-direction: column;
min-height: 100vh;
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
background-color: #fafafa; /* grey50 */ background-color: #fafafa; /* grey50 */
color: rgba(0, 0, 0, 0.87); /* 87% black */ color: rgba(0, 0, 0, 0.87); /* 87% black */
@ -68,7 +71,8 @@ nav ul li.active a {
} }
#content { #content {
margin: auto; margin-left: auto;
margin-right: auto;
padding: 1em; padding: 1em;
max-width: 800px; max-width: 800px;
overflow-wrap: break-word; overflow-wrap: break-word;
@ -89,11 +93,14 @@ footer img {
width: 60px; width: 60px;
height: auto; height: auto;
display: block; display: block;
margin: auto; margin-left: auto;
margin-right: auto;
} }
footer { footer {
margin: auto; margin-top: auto;
margin-left: auto;
margin-right: auto;
padding: 1em; padding: 1em;
max-width: 800px; max-width: 800px;
overflow-wrap: break-word; overflow-wrap: break-word;

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/> <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/"/> <meta property="og:url" content="https://grapheneos.org/"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?2"/> <link rel="stylesheet" href="/grapheneos.css?3"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/"/> <link rel="canonical" href="https://grapheneos.org/"/>
</head> </head>

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/> <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/install"/> <meta property="og:url" content="https://grapheneos.org/install"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?2"/> <link rel="stylesheet" href="/grapheneos.css?3"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/install"/> <link rel="canonical" href="https://grapheneos.org/install"/>
</head> </head>

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/> <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/releases"/> <meta property="og:url" content="https://grapheneos.org/releases"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?2"/> <link rel="stylesheet" href="/grapheneos.css?3"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/releases"/> <link rel="canonical" href="https://grapheneos.org/releases"/>
</head> </head>

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/> <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/source"/> <meta property="og:url" content="https://grapheneos.org/source"/>
<meta property="og:site_name" content="GrapheneOS"/> <meta property="og:site_name" content="GrapheneOS"/>
<link rel="stylesheet" href="/grapheneos.css?2"/> <link rel="stylesheet" href="/grapheneos.css?3"/>
<link rel="manifest" href="/manifest.webmanifest"/> <link rel="manifest" href="/manifest.webmanifest"/>
<link rel="canonical" href="https://grapheneos.org/source"/> <link rel="canonical" href="https://grapheneos.org/source"/>
</head> </head>