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:url" content="https://grapheneos.org/build"/>
<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="canonical" href="https://grapheneos.org/build"/>
</head>

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/contact"/>
<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="canonical" href="https://grapheneos.org/contact"/>
</head>

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/donate"/>
<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="canonical" href="https://grapheneos.org/donate"/>
</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 */
body {
display: flex;
flex-direction: column;
min-height: 100vh;
font-family: Roboto, sans-serif;
background-color: #fafafa; /* grey50 */
color: rgba(0, 0, 0, 0.87); /* 87% black */
@ -68,7 +71,8 @@ nav ul li.active a {
}
#content {
margin: auto;
margin-left: auto;
margin-right: auto;
padding: 1em;
max-width: 800px;
overflow-wrap: break-word;
@ -89,11 +93,14 @@ footer img {
width: 60px;
height: auto;
display: block;
margin: auto;
margin-left: auto;
margin-right: auto;
}
footer {
margin: auto;
margin-top: auto;
margin-left: auto;
margin-right: auto;
padding: 1em;
max-width: 800px;
overflow-wrap: break-word;

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/"/>
<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="canonical" href="https://grapheneos.org/"/>
</head>

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/install"/>
<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="canonical" href="https://grapheneos.org/install"/>
</head>

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/releases"/>
<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="canonical" href="https://grapheneos.org/releases"/>
</head>

View File

@ -11,7 +11,7 @@
<meta property="og:image" content="https://grapheneos.org/graphene.png"/>
<meta property="og:url" content="https://grapheneos.org/source"/>
<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="canonical" href="https://grapheneos.org/source"/>
</head>