Start moving personal site into db

2024-02-11 20:31:36 +00:00 · 2024-02-11 20:31:36 +00:00 · f482cb562b
commit f482cb562b
parent fc7943f327
13 changed files with 211 additions and 53 deletions
--- a/wedding_site/primary/static/primary/style.css
+++ b/wedding_site/primary/static/primary/style.css
@ -0,0 +1,165 @@
+@font-face {
+    font-family: 'GlacialIndifference';
+    font-style: normal;
+    font-weight: normal;
+    src: local('GlacialIndifference'), 
+        url('fonts/GlacialIndifference-Regular.otf') format('opentype');
+}
+@font-face {
+    font-family: 'GlacialIndifference';
+    font-style: normal;
+    font-weight: bold;
+    src: local('GlacialIndifference'), 
+        url('fonts/GlacialIndifference-Bold.otf') format('opentype');
+}
+@font-face {
+    font-family: 'Emitha-Script';
+    font-style: normal;
+    font-weight: normal;
+    src: local('Emitha-Script'), 
+        url('fonts/Emitha-Script.otf') format('opentype');
+}   
+
+body {
+    width: 100%;
+    height: 600px;
+    margin: 0 auto; 
+    background: 
+        top right / 40% no-repeat url('images/Flowers.png'),
+        bottom -150px left -400px / 1000px no-repeat url('images/Blob1.png'),
+        top -300px right -250px / 700px no-repeat url('images/Blob2.png'),
+        url('images/Background.png');
+    }
+
+.site-tagline{
+    text-align: center;
+    margin-top: 140px;
+    font-family: GlacialIndifference;
+    font-size: 74px;
+}
+
+.site-names{
+    text-align: center;
+    margin-top: 20px;
+    font-family: GlacialIndifference;
+    font-size: 24px;
+    font-weight: bold;
+}
+
+.site-tagline-span{
+    font-family: Emitha-Script;
+    font-size: 184px;
+    position:relative;
+    bottom: -30px;
+}
+    
+ul {
+    list-style-type: none;
+    margin: 0 auto;
+    padding: 0;
+    overflow: hidden;
+}
+
+li {
+    display: inline;
+    float: left;
+}  
+
+.main-nav {
+    margin:0 auto; 
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    }
+
+.nav-button {
+    display: block;
+    color: black;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+    font-size: 24px;
+    font-family: GlacialIndifference;
+}
+
+.standard-a {
+    color: black;
+    text-decoration: none;
+    font-style: italic;
+}
+
+.standard-a:hover {
+    text-decoration: underline;
+}
+
+.biglink-a {
+    color: black;
+    text-decoration: none;
+}
+
+.biglink-a:hover {
+    text-decoration: underline;
+}
+
+li a:hover {
+    text-decoration: underline;
+}
+
+.login-input{
+    margin-top: 30px;
+    text-align: center;
+    font-size: 20px;
+    font-family: GlacialIndifference;
+}
+
+input[type=password] {
+    padding:5px; 
+    border:2px solid #ccc; 
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+}
+
+input[type=password]:autofill {
+    background: #bdc4c2; /* or any other */
+  }
+  
+
+input[type=password]:focus {
+    border-color:#333;
+}
+
+input[type=submit] {
+    padding:5px 15px; 
+    background:#b9b9b9; 
+    border:0 none;
+    cursor:pointer;
+    -webkit-border-radius: 5px;
+    border-radius: 5px; 
+}
+
+.article-content{
+    margin-top: 30px;
+    text-align: center;
+    font-size: 20px;
+    width: 50%;
+    margin:0 auto; 
+    font-family: GlacialIndifference;
+}
+
+.jumbo-image {
+    margin:0 auto; 
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    max-height:300px;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px 0;
+    }
+
+.signature{
+    font-family: Emitha-Script;
+    font-size: 50px;
+    width: 70%;
+    text-align: center;
+    margin:0 auto; 
+}