mirror of
https://codeberg.org/Tahinli/personality.git
synced 2025-07-08 12:07:08 +00:00
feat: ✨ main page, projects, posts
This commit is contained in:
parent
365eb43ba6
commit
25dc6e69c6
11 changed files with 764 additions and 0 deletions
198
assets/main.css
Normal file
198
assets/main.css
Normal file
|
@ -0,0 +1,198 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
|
||||
}
|
||||
|
||||
.project{
|
||||
margin: 1%;
|
||||
h1 {
|
||||
color: azure;
|
||||
}
|
||||
h3 {
|
||||
margin-top: 1%;
|
||||
color: aliceblue;
|
||||
}
|
||||
h5 {
|
||||
margin-bottom: 1%;
|
||||
color: antiquewhite;
|
||||
}
|
||||
div {
|
||||
margin-top: 1%;
|
||||
display:block;
|
||||
@media screen {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
@media screen and (max-width:820px){
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#github_link_in_project_page {
|
||||
text-decoration: none;
|
||||
color: coral;
|
||||
}
|
||||
|
||||
.projects_list {
|
||||
font-size: large;
|
||||
color: white;
|
||||
margin: 1%;
|
||||
}
|
||||
|
||||
.projects_list h1 {
|
||||
margin-top: 1%;
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
|
||||
.project_link {
|
||||
text-decoration: underline;
|
||||
font-size: x-large;
|
||||
color: azure;
|
||||
margin: 1%;
|
||||
}
|
||||
|
||||
.project{
|
||||
margin: 1%;
|
||||
h1 {
|
||||
color: azure;
|
||||
}
|
||||
h3 {
|
||||
margin-top: 1%;
|
||||
color: aliceblue;
|
||||
}
|
||||
h5 {
|
||||
margin-bottom: 1%;
|
||||
color: antiquewhite;
|
||||
}
|
||||
div {
|
||||
margin-top: 1%;
|
||||
display:block;
|
||||
@media screen {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
@media screen and (max-width:820px){
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#github_link_in_post_page {
|
||||
text-decoration: none;
|
||||
color: coral;
|
||||
}
|
||||
|
||||
.posts_list {
|
||||
font-size: large;
|
||||
color: white;
|
||||
margin: 1%;
|
||||
}
|
||||
|
||||
.posts_list h1 {
|
||||
margin-top: 1%;
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
|
||||
.post_link {
|
||||
text-decoration: underline;
|
||||
font-size: x-large;
|
||||
color: azure;
|
||||
margin: 1%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: rgba(0, 0, 0, 0.85);
|
||||
color: silver;
|
||||
}
|
||||
|
||||
.main_nav_btn {
|
||||
text-decoration:overline silver;
|
||||
color: burlywood;
|
||||
text-shadow: 1px 1px orange;
|
||||
padding: 5%;
|
||||
@media screen {
|
||||
font-size: xx-large;
|
||||
}
|
||||
|
||||
@media screen and (max-width:820px){
|
||||
font-size: x-large;
|
||||
}
|
||||
}
|
||||
|
||||
.main_nav_btn:hover {
|
||||
background-color: rgba(255, 240, 240, 0.2);
|
||||
}
|
||||
|
||||
.main_nav {
|
||||
display:inline-flex;
|
||||
padding-top: 1%;
|
||||
padding-bottom: 1%;
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
|
||||
.main {
|
||||
margin: 1%;
|
||||
}
|
||||
|
||||
|
||||
#main_about {
|
||||
display:block;
|
||||
white-space: pre-line;
|
||||
@media screen {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
@media screen and (max-width:820px){
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
background-size: cover;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
|
||||
margin-bottom: 1% black;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
#name {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#title {
|
||||
color:aqua;
|
||||
margin-top: 1%;
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
|
||||
#github {
|
||||
margin: 5%;
|
||||
color: brown;
|
||||
font-size: large;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#linkedin {
|
||||
margin: 5%;
|
||||
color:cornflowerblue;
|
||||
font-size: large;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#social_links {
|
||||
display: inline-block;
|
||||
margin: 1%;
|
||||
}
|
||||
|
||||
.footer_div {
|
||||
margin-top: 5%;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: burlywood;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
background-color: rgb(0, 0, 0, 0.9);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue