add key pairs for encryption, as well as better styling for posts page
This commit is contained in:
Mystikfluu
+4
-4
@@ -3,7 +3,7 @@ ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background-color: #333;
|
||||
background-color: #303034;
|
||||
}
|
||||
|
||||
li {
|
||||
@@ -23,13 +23,13 @@ li a:hover {
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:link, a:visited {
|
||||
color: green;
|
||||
color: green;
|
||||
}
|
||||
a:hover {
|
||||
color: red;
|
||||
color: red;
|
||||
}
|
||||
|
||||
footer {
|
||||
|
||||
+69
-69
@@ -1,101 +1,101 @@
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
body {
|
||||
background-color: lightgreen;
|
||||
background-color: lightgreen;
|
||||
}
|
||||
header {
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 15vh;
|
||||
box-shadow: 5px 5px 10px rgb(0,0,0,0.3);
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 15vh;
|
||||
box-shadow: 5px 5px 10px rgb(0,0,0,0.3);
|
||||
}
|
||||
h1 {
|
||||
letter-spacing: 1.5vw;
|
||||
font-family: 'system-ui';
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
letter-spacing: 1.5vw;
|
||||
font-family: 'system-ui';
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 75vh;
|
||||
width: 100%;
|
||||
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Mountains-1412683.svg/1280px-Mountains-1412683.svg.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 75vh;
|
||||
width: 100%;
|
||||
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Mountains-1412683.svg/1280px-Mountains-1412683.svg.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
.form_class {
|
||||
width: 500px;
|
||||
padding: 40px;
|
||||
border-radius: 8px;
|
||||
background-color: white;
|
||||
font-family: 'system-ui';
|
||||
box-shadow: 5px 5px 10px rgb(0,0,0,0.3);
|
||||
width: 500px;
|
||||
padding: 40px;
|
||||
border-radius: 8px;
|
||||
background-color: white;
|
||||
font-family: 'system-ui';
|
||||
box-shadow: 5px 5px 10px rgb(0,0,0,0.3);
|
||||
}
|
||||
.form_div {
|
||||
text-transform: uppercase;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.form_div > label {
|
||||
letter-spacing: 3px;
|
||||
font-size: 1rem;
|
||||
letter-spacing: 3px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.info_div {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.info_div {
|
||||
letter-spacing: 1px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.field_class {
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 5px 0px;
|
||||
text-indent: 6px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
font-family: 'system-ui';
|
||||
font-size: 0.9rem;
|
||||
letter-spacing: 2px;
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 5px 0px;
|
||||
text-indent: 6px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
font-family: 'system-ui';
|
||||
font-size: 0.9rem;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
.submit_class {
|
||||
border-style: none;
|
||||
border-radius: 5px;
|
||||
background-color: #FFE6D4;
|
||||
padding: 8px 20px;
|
||||
font-family: 'system-ui';
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .8px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 10px;
|
||||
box-shadow: 2px 2px 5px rgb(0,0,0,0.2);
|
||||
cursor: pointer;
|
||||
border-style: none;
|
||||
border-radius: 5px;
|
||||
background-color: #FFE6D4;
|
||||
padding: 8px 20px;
|
||||
font-family: 'system-ui';
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .8px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 10px;
|
||||
box-shadow: 2px 2px 5px rgb(0,0,0,0.2);
|
||||
cursor: pointer;
|
||||
}
|
||||
footer {
|
||||
height: 10vh;
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: -5px -5px 10px rgb(0,0,0,0.3);
|
||||
height: 10vh;
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: -5px -5px 10px rgb(0,0,0,0.3);
|
||||
}
|
||||
footer > p {
|
||||
text-align: center;
|
||||
font-family: 'system-ui';
|
||||
letter-spacing: 3px;
|
||||
text-align: center;
|
||||
font-family: 'system-ui';
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
footer > p > a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
a {
|
||||
color: red;
|
||||
|
||||
+31
-31
@@ -1,47 +1,47 @@
|
||||
* {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
body {
|
||||
background-color: lightgreen;
|
||||
background-color: lightgreen;
|
||||
}
|
||||
header {
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 15vh;
|
||||
box-shadow: 5px 5px 10px rgb(0,0,0,0.3);
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 15vh;
|
||||
box-shadow: 5px 5px 10px rgb(0,0,0,0.3);
|
||||
}
|
||||
h1 {
|
||||
letter-spacing: 1.5vw;
|
||||
font-family: 'system-ui';
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
letter-spacing: 1.5vw;
|
||||
font-family: 'system-ui';
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 75vh;
|
||||
width: 100%;
|
||||
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Mountains-1412683.svg/1280px-Mountains-1412683.svg.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 75vh;
|
||||
width: 100%;
|
||||
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Mountains-1412683.svg/1280px-Mountains-1412683.svg.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
.info_div {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.info_div {
|
||||
letter-spacing: 1px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
footer {
|
||||
height: 10vh;
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: -5px -5px 10px rgb(0,0,0,0.3);
|
||||
height: 10vh;
|
||||
background-color: black;
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: -5px -5px 10px rgb(0,0,0,0.3);
|
||||
}
|
||||
|
||||
+6
-5
@@ -7,7 +7,7 @@
|
||||
}
|
||||
|
||||
.self {
|
||||
color: gray;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#username-self {
|
||||
@@ -27,7 +27,7 @@
|
||||
}
|
||||
|
||||
#posts > div {
|
||||
background-color: darkgray;
|
||||
background-color: #303034;
|
||||
padding-left: 5px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
@@ -51,15 +51,15 @@
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
background-color: #1B1B1E;
|
||||
}
|
||||
|
||||
textarea {
|
||||
background-color: gray;
|
||||
background-color: #1B1B1E;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: gray;
|
||||
background-color: #587291;
|
||||
}
|
||||
|
||||
* {
|
||||
@@ -67,6 +67,7 @@ button {
|
||||
}
|
||||
|
||||
.post,.self,.status {
|
||||
color: #ECEAF1;
|
||||
width: 50%;
|
||||
margin-left: 25%;
|
||||
margin-right: 25%;
|
||||
|
||||
Reference in New Issue
Block a user