always show footer at the bottom via flexbox
This commit is contained in:
parent
03ea3ba1d7
commit
8c99d4f36c
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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;
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user