Damaj301damaj/damaj.tech.old
Archived
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

its time for an update!

Browse source 
Integrate a blog service.
This commit is contained in:
Mohamad Damaj 2023-06-23 12:23:52 +03:00 • committed by GitHub
parent 5bae8550a8
commit 8d5011b431
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 1295 additions and 716 deletions
Download patch file Download diff file Expand all files Collapse all files

85
css/blog.css Normal file
View file

@ -0,0 +1,85 @@
html {
font-family: monospace;
margin: auto;
width: 80%;
background-color: #131316;
padding: 70px;
max-width: 1000px;
height: 80vh;
position: relative; /* Add this to allow absolute positioning of the circle element */
}
.circle {
width: 80px;
height: 80px;
background-color: #000000;
border: 10px solid #1f2025;
border-radius: 50%;
position: absolute;
top: 5%; /* Adjust the top and left properties to position the circle */
left: 50%;
transform: translateX(-50%);
z-index: 1; /* Set a higher z-index to ensure the circle appears on top of the square */
background-image: url("/img/d301d.png"); /* Add this line to set the image */
background-size: cover; /* Add this line to ensure the image covers the circle */
}
.logo {
font-family: monospace;
font-size: 35pt;
text-align: center;
display: block;
color: #FFFFFF;
}
b {
color: #ffffff;
font-size: 15px;
}
body {
background-color: #1f2024;
box-shadow: 0px 0px 15px #000000;
padding: 80px;
border-radius: 5px;
}
p, h1, h2, h3, h4, h5, h6, pre, span {
font-family: monospace;
color: #f8f9f8;
font-size: 10pt;
}
hr {
border-color: #fd7717;
border-top: none;
}
.links {
font-size: 10pt;
vertical-align: middle;
text-align: center;
}
.code {
text-align: center;
display: block;
color: #ffffff;
}
.article-box {
border: 5px solid #fd7717;
padding: 10px;
margin-bottom: 20px;
background-color: #1f2024;
box-shadow: 0px 0px 15px #000000;
}
a {
color: #fd7717;
text-decoration: none;
transition: 0.1s;
}
img {
vertical-align: middle;
}
a:hover {
color: #89cff0;
}

154
css/main.css
View file

@ -1,77 +1,77 @@
html {
font-family: monospace;
margin: auto;
width: 80%;
background-color: #131316;
padding: 70px;
max-width: 1000px;
height: 80vh;
position: relative; /* Add this to allow absolute positioning of the circle element */
}
b {
color: #ffffff;
font-size: 15px;
}
middle {
text-align: center;
display: block;
}
.circle {
width: 80px;
height: 80px;
background-color: #000000;
border: 10px solid #1f2025;
border-radius: 50%;
position: absolute;
top: 5%; /* Adjust the top and left properties to position the circle */
left: 50%;
transform: translateX(-50%);
z-index: 1; /* Set a higher z-index to ensure the circle appears on top of the square */
background-image: url("/img/d301d.png"); /* Add this line to set the image */
background-size: cover; /* Add this line to ensure the image covers the circle */
}
body {
background-color: #1f2024;
box-shadow: 0px 0px 15px #000000;
padding: 80px;
border-radius: 5px;
}
p, h1, h2, h3, h4, h5, h6, pre, span {
font-family: monospace;
color: #f8f9f8;
font-size: 10pt;
}
hr {
border-color: #fd7717;
border-top: none;
}
.logo {
font-family: monospace;
font-size: 35pt;
text-align: center;
display: block;
color: #FFFFFF;
}
.links {
font-size: 10pt;
vertical-align: middle;
text-align: center;
}
.code {
text-align: center;
display: block;
color: #ffffff;
}
a {
color: #fd7717;
text-decoration: none;
transition: 0.1s;
}
img {
vertical-align: middle;
}
a:hover {
color: #89cff0;
}
html {
font-family: monospace;
margin: auto;
width: 80%;
background-color: #131316;
padding: 70px;
max-width: 1000px;
height: 80vh;
position: relative; /* Add this to allow absolute positioning of the circle element */
}
b {
color: #ffffff;
font-size: 15px;
}
middle {
text-align: center;
display: block;
}
.circle {
width: 80px;
height: 80px;
background-color: #000000;
border: 10px solid #1f2025;
border-radius: 50%;
position: absolute;
top: 5%; /* Adjust the top and left properties to position the circle */
left: 50%;
transform: translateX(-50%);
z-index: 1; /* Set a higher z-index to ensure the circle appears on top of the square */
background-image: url("/img/d301d.png"); /* Add this line to set the image */
background-size: cover; /* Add this line to ensure the image covers the circle */
}
body {
background-color: #1f2024;
box-shadow: 0px 0px 15px #000000;
padding: 80px;
border-radius: 5px;
}
p, h1, h2, h3, h4, h5, h6, pre, span {
font-family: monospace;
color: #f8f9f8;
font-size: 10pt;
}
hr {
border-color: #fd7717;
border-top: none;
}
.logo {
font-family: monospace;
font-size: 35pt;
text-align: center;
display: block;
color: #FFFFFF;
}
.links {
font-size: 10pt;
vertical-align: middle;
text-align: center;
}
.code {
text-align: center;
display: block;
color: #ffffff;
}
a {
color: #fd7717;
text-decoration: none;
transition: 0.1s;
}
img {
vertical-align: middle;
}
a:hover {
color: #89cff0;
}