Cleaning up
This commit is contained in:
parent
a1c5086190
commit
03a08ad392
|
@ -33,130 +33,6 @@
|
||||||
<link href='https://fonts.googleapis.com/css?family=Fira+Mono:300,400,500,700' rel='stylesheet' type='text/css'>
|
<link href='https://fonts.googleapis.com/css?family=Fira+Mono:300,400,500,700' rel='stylesheet' type='text/css'>
|
||||||
<link rel="stylesheet" type="text/css" href="{{ static "style.css" }}">
|
<link rel="stylesheet" type="text/css" href="{{ static "style.css" }}">
|
||||||
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
/*
|
|
||||||
This is too light for accessiblity imo. I'll darken them a bit and see how Ben feels
|
|
||||||
about it. -- Jake 5/26/2023
|
|
||||||
|
|
||||||
background: linear-gradient(15deg, #b4c4fe, #eb8cbf ); */
|
|
||||||
background: linear-gradient(15deg, #7391fd, #e25ca4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-options,
|
|
||||||
header form,
|
|
||||||
header .menu-bar .wiki,
|
|
||||||
header .menu-bar .library
|
|
||||||
{
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
border-bottom-color: white;
|
|
||||||
margin-bottom: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hmn-logo {
|
|
||||||
background-color: rgba(255, 255, 255, 0.1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
header a, footer a {
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
header .submenu {
|
|
||||||
background-color: #000080;
|
|
||||||
}
|
|
||||||
|
|
||||||
#top-container {
|
|
||||||
margin: 3rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
width: 16rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3 {
|
|
||||||
font-family: 'MohaveHMN', sans-serif;
|
|
||||||
margin-bottom: 0;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* '95-esque styles */
|
|
||||||
.frame
|
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
background: #C0C0C0;
|
|
||||||
border-width: 1px;
|
|
||||||
border-color: #FFFFFF #000000 #000000 #FFFFFF;
|
|
||||||
border-style: solid;
|
|
||||||
padding: 1px;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.frame ol, .frame ul
|
|
||||||
{
|
|
||||||
padding-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.frame ul
|
|
||||||
{
|
|
||||||
list-style: disc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.frame strong
|
|
||||||
{
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.frame .title
|
|
||||||
{
|
|
||||||
padding: 6px;
|
|
||||||
width:100%;
|
|
||||||
background:#000080;
|
|
||||||
color:#FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.frame .body
|
|
||||||
{
|
|
||||||
padding: 6px;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.frame *
|
|
||||||
{
|
|
||||||
font-family: "MS Sans Serif"; /* Can someone with a Mac confirm this font is available?
|
|
||||||
Despite the name, it appears to be pre-installed:
|
|
||||||
https://en.wikipedia.org/wiki/List_of_typefaces_included_with_macOS */
|
|
||||||
}
|
|
||||||
|
|
||||||
.frame p {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.frame .image_copy
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.frame .image
|
|
||||||
{
|
|
||||||
width: 40%;
|
|
||||||
flex: 1 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.frame .copy
|
|
||||||
{
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.frame img
|
|
||||||
{
|
|
||||||
border: 4px solid white;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script src="{{ static "js/carousel.js" }}"></script>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
|
@ -1,5 +1,119 @@
|
||||||
{{ template "landing_page.html" . }} {{ define "content" }}
|
{{ template "landing_page.html" . }} {{ define "content" }}
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
/*
|
||||||
|
This is too light for accessiblity imo. I'll darken them a bit and see how Ben feels
|
||||||
|
about it. -- Jake 5/26/2023
|
||||||
|
background: linear-gradient(15deg, #b4c4fe, #eb8cbf ); */
|
||||||
|
background: linear-gradient(15deg, #7391fd, #e25ca4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-options,
|
||||||
|
header form,
|
||||||
|
header .menu-bar .wiki,
|
||||||
|
header .menu-bar .library {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
border-bottom-color: white;
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hmn-logo {
|
||||||
|
background-color: rgba(255, 255, 255, 0.1) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
header a,
|
||||||
|
footer a {
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .submenu {
|
||||||
|
background-color: #000080;
|
||||||
|
}
|
||||||
|
|
||||||
|
#top-container {
|
||||||
|
margin: 3rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logo {
|
||||||
|
width: 16rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3 {
|
||||||
|
font-family: "MohaveHMN", sans-serif;
|
||||||
|
margin-bottom: 0;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* '95-esque styles */
|
||||||
|
.frame {
|
||||||
|
width: 100%;
|
||||||
|
background: #c0c0c0;
|
||||||
|
border-width: 1px;
|
||||||
|
border-color: #ffffff #000000 #000000 #ffffff;
|
||||||
|
border-style: solid;
|
||||||
|
padding: 1px;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame ol,
|
||||||
|
.frame ul {
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame ul {
|
||||||
|
list-style: disc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame strong {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame .title {
|
||||||
|
padding: 6px;
|
||||||
|
width: 100%;
|
||||||
|
background: #000080;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame .body {
|
||||||
|
padding: 6px;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame * {
|
||||||
|
font-family: "MS Sans Serif"; /* Can someone with a Mac confirm this font is available?
|
||||||
|
Despite the name, it appears to be pre-installed:
|
||||||
|
https://en.wikipedia.org/wiki/List_of_typefaces_included_with_macOS */
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame p {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame .image_copy {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame .image {
|
||||||
|
width: 40%;
|
||||||
|
flex: 1 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame .copy {
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frame img {
|
||||||
|
border: 4px solid white;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<div class="center-layout mw7 ph3 ph0-ns flex flex-column g3">
|
<div class="center-layout mw7 ph3 ph0-ns flex flex-column g3">
|
||||||
<div id="top-container">
|
<div id="top-container">
|
||||||
<div class="title"><h1 class="center mb4">Time Machine</h1></div>
|
<div class="title"><h1 class="center mb4">Time Machine</h1></div>
|
||||||
|
|
Loading…
Reference in New Issue