basic

log in and sign up pages, db schema
2026-03-16 01:34:55 +00:00
parent 887ccffe9a
commit d367d459d4
11 changed files with 538 additions and 0 deletions
--- a/myriad/static/style.css
+++ b/myriad/static/style.css
@@ -0,0 +1,196 @@
+@font-face {
+    font-family: 'daydream';
+    src: url('/fonts/daydream.otf');
+}
+
+body{
+    background: #00b7ff;
+    background: linear-gradient(90deg, rgba(0, 183, 255, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
+    font-family:monospace;
+    font-size:12px; 
+    scrollbar-color:#008bcc #b3e7ff;
+}
+hr{
+    width:50%;
+    margin-top:20px;
+    margin-bottom:20px;
+}
+
+a{
+    text-decoration:none;
+}
+a:hover{
+    font-weight:bold;
+}
+
+form{
+    margin:20px;
+}
+label,input{
+    margin:10px;
+}
+
+
+
+#main{
+    background-color: rgb(255, 255, 255, 0);
+    border-radius: 5px;
+    width: 60%;
+    margin:auto;
+    padding:20px;
+    display:flex;
+    margin-top:20px;
+}
+#nav{
+    margin-right:20px;
+    flex:20%;
+    height:fit-content;
+    position:sticky;
+    position: -webkit-sticky;
+}
+.navitem{
+    display:block;
+}
+
+.container{
+    background-color:#e6f7ff;
+    border-color:#99dfff;
+    border-style:solid;
+    border-width:2px;
+    flex: 80%;
+    padding: 10px;
+    border-radius:5px;
+}
+
+.profile{
+    margin:15px;
+    border-style:solid;
+    border-width:1.2px;
+    border-color:#99dfff;
+    border-radius:5px;
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); 
+}
+.clear { clear: both; }
+.dsgame{
+    position:relative;
+    float:right;
+    margin-right:10px;
+    margin-bottom:10px;
+}
+
+.heading{
+    background-color:#b3e7ff;
+    border-left:solid;
+    border-color:#008bcc;
+    padding: 4px 0px 8px 10px;
+    margin-bottom: 5px;
+    margin:15px;
+    border-width:5px;
+}
+
+
+
+.icon{
+    display:inline;
+    float:left;
+    width:120px;
+    height:auto;
+    border-radius:10px;
+    margin:12px;
+    border-style:solid;
+    border-width:2px;
+    border-color:#008bcc;
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); 
+}
+
+.bio{
+    display:inline-block;
+    vertical-align:middle;
+    padding:10px;
+    width:60%;
+    color:black;
+}
+
+.minis{
+    padding:20px;
+}
+
+.divider{
+    width:50%;
+    height:auto;
+    margin:auto;
+    display:block;
+}
+
+.title{
+    font-size:20px;
+    margin-top:20px;
+    margin-bottom:20px;
+    display:block;
+}
+.heading.big{
+    font-size:20px;
+    font-weight:bold;
+}
+.heading.links{
+    position:relative;
+    float:left;
+    padding-right:20px;
+}
+
+.maintext{
+    display:block;
+}
+
+#blog{
+    max-height:300px;
+    overflow-y:scroll;
+}
+.post .title{
+    font-size:20px;
+    margin:10px;
+}
+.post .timestamp{
+    font-style:italic;
+    font-size:10px;
+    color:rgb(80, 80, 80);
+    margin:10px;
+}
+.post .content{
+    margin:10px;
+}
+.post{
+    border-width:1px;
+    border-radius:5px;
+    border-style:solid;
+    margin:20px;
+}
+
+.imgbullet{
+    margin-right:10px;
+}
+.imgright{
+    display: block;
+    margin-left: auto;
+}
+
+#frontbanner{
+    font-size:20px;
+}
+#frontbanner sub{
+    font-size:10px;
+}
+
+
+
+
+
+@media (max-width: 1000px) {
+  #main{
+    width:90%;
+  }
+  #nav{
+    display:none;
+  }
+  
+}