Use landing page template and perform minor UI updates on other pages (Still needs alot of work)

This commit is contained in:
Peter Stockings
2024-03-24 21:50:21 +11:00
parent 6dcd46fee0
commit fc021d6971
6 changed files with 172 additions and 41 deletions

View File

@@ -22,10 +22,60 @@
integrity="sha512-g9yptARGYXbHR9r3kTKIAzF+vvmgEieTxuuUUcHC5tKYFpLR3DR+lsisH2KZJG2Nwaou8jjYVRdbbbBQI3Bo5w=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<style>
@import url("https://rsms.me/inter/inter.css");
html {
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
}
.gradient {
background-image: linear-gradient(-225deg, #cbbacc 0%, #2580b3 100%);
}
button,
.gradient2 {
background-color: #f39f86;
background-image: linear-gradient(315deg, #f39f86 0%, #f9d976 74%);
}
/* Browser mockup code
* Contribute: https://gist.github.com/jarthod/8719db9fef8deb937f4f
* Live example: https://updown.io
*/
.browser-mockup {
border-top: 2em solid rgba(230, 230, 230, 0.7);
position: relative;
height: 60vh;
}
.browser-mockup:before {
display: block;
position: absolute;
content: "";
top: -1.25em;
left: 1em;
width: 0.5em;
height: 0.5em;
border-radius: 50%;
background-color: #f44;
box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}
.browser-mockup>* {
display: block;
}
/* Custom code for the demo */
</style>
</head>
<body class="bg-gray-100 font-roboto">
<div class="container mx-auto p-4">
<body class="gradient leading-relaxed tracking-wide flex flex-col">
<div class="container mx-auto p-4 min-h-screen h-full">
{% block content %}