Cleaning up

This commit is contained in:
Jake Mason 2023-05-28 14:10:36 -04:00
parent a1c5086190
commit 03a08ad392
2 changed files with 114 additions and 124 deletions

View File

@ -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>

View File

@ -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>