This repository has been archived on 2024-03-30. You can view files and clone it, but cannot push or open issues or pull requests.
11 changed files with
98 additions and
30 deletions
|
|
|
|
@ -12,30 +12,21 @@ 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%;
|
|
|
|
|
left: 10%;
|
|
|
|
|
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;
|
|
|
|
|
@ -49,14 +40,10 @@ hr {
|
|
|
|
|
.logo {
|
|
|
|
|
font-family: monospace;
|
|
|
|
|
font-size: 35pt;
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: block;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
}
|
|
|
|
|
.links {
|
|
|
|
|
font-size: 10pt;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 15pt;
|
|
|
|
|
}
|
|
|
|
|
.code {
|
|
|
|
|
text-align: center;
|
|
|
|
|
@ -64,7 +51,7 @@ hr {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
a {
|
|
|
|
|
color: #fd7717;
|
|
|
|
|
color: #808080;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
transition: 0.1s;
|
|
|
|
|
}
|
|
|
|
|
@ -73,5 +60,5 @@ img {
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
a:hover {
|
|
|
|
|
color: #89cff0;
|
|
|
|
|
color: #fd7717;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -27,7 +27,7 @@
|
|
|
|
|
<b>What i am interested in?</b>
|
|
|
|
|
<p>I am interested in a lot of things, however i like to write code and waste my time, and use termux on my phone, etc :P.</p>
|
|
|
|
|
<p>i am looking to do many modifications to this site, so its pretty currently pretty raw.</p>
|
|
|
|
|
<a rel="me" href="https://vmst.io/@damaj301damaj">I am also on Mastodon!</a>
|
|
|
|
|
<a rel="me" href="https://vmst.io/@damaj301damaj"></a>
|
|
|
|
|
<p>Consider checking my blog for some guides and stories of mine.</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@ -0,0 +1,40 @@
|
|
|
|
|
.navbar {
|
|
|
|
|
background-color: #131316;
|
|
|
|
|
color: #fd7717;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
margin: 0px;
|
|
|
|
|
position: sticky;
|
|
|
|
|
top: 0px;
|
|
|
|
|
align-items: center;
|
|
|
|
|
z-index: 6;
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.navbar a {
|
|
|
|
|
color: #e6e6fa;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
padding-top: 5px;
|
|
|
|
|
padding-bottom: 5px;
|
|
|
|
|
padding-left: 3px;
|
|
|
|
|
padding-right: 3px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.navbar a:hover {
|
|
|
|
|
display: inline;
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.navbar name {
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.navbar span {
|
|
|
|
|
padding: 5px;
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.navbar img {
|
|
|
|
|
transform: translate(+30%, +25%)
|
|
|
|
|
}
|
|
|
|
|
@ -0,0 +1,20 @@
|
|
|
|
|
body {
|
|
|
|
|
background-color: #1f2024;
|
|
|
|
|
}
|
|
|
|
|
p {
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
}
|
|
|
|
|
a:hover {
|
|
|
|
|
color: #FD7717;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.welcome {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
img.pfp {
|
|
|
|
|
border-radius: 100px;
|
|
|
|
|
width: 100px;
|
|
|
|
|
margin-bottom: 40px;
|
|
|
|
|
}
|
![]()
Width:
|
Height:
|
Size: 71 KiB
|
![]()
Width:
|
Height:
|
Size: 3.4 KiB
|
|
|
|
|
@ -0,0 +1,15 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Damaj301damaj's site</title>
|
|
|
|
|
<?php include 'res/meta.php' ?>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<?php include 'res/header.php'?>
|
|
|
|
|
<a href="/"><img class="pfp" src="img/d301d.png"></a>
|
|
|
|
|
<div class="welcome">
|
|
|
|
|
<p>Welcome!</p>
|
|
|
|
|
</div>
|
|
|
|
|
<p>insert content</p>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
@ -0,0 +1,6 @@
|
|
|
|
|
<div class="navbar">
|
|
|
|
|
<span><name>Mohamad's website</name>
|
|
|
|
|
<img src="/img/home.png" width="16" height="16">
|
|
|
|
|
<a href="https://damaj.tech">Home</a>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
@ -0,0 +1,5 @@
|
|
|
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
|
|
|
<link rel="stylesheet" href="/css/header.css">
|
|
|
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
|
|
|
<link rel="icon" type="image/x-icon" href="/img/favicon.svg">
|
|
|
|
|
<meta http-equiv="content-language" content="en-US"
|
|
|
|
|
@ -1,7 +0,0 @@
|
|
|
|
|
<head>
|
|
|
|
|
<title>EOL</title>
|
|
|
|
|
<meta http-equiv="refresh" content="0; url=https://damaj.tech" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<p>Redirecting to <a href="https://damaj.tech">https://damaj.tech</a></p>
|
|
|
|
|
</body>
|
|
|
|
|
@ -1,4 +1,6 @@
|
|
|
|
|
<div class="logo">damaj.tech</div>
|
|
|
|
|
<hr>
|
|
|
|
|
<br></br>
|
|
|
|
|
<br></br>
|
|
|
|
|
<a href=https://damaj.tech><div class="logo">damaj.tech</div></a>
|
|
|
|
|
<br></br>
|
|
|
|
|
<div class="links"> <a href=/index.php>[<img src=/img/home.png alt="Home Icon"></img> Home]</a> <a href=/site/blog>[<img src=/img/blog.png alt="Newspaper Icon"></img> Blog]</a> <a href=/site/contact>[<img src=/img/mail.png alt="Mail Icon"></img> Contact Me]</a> <a href=/site/others>[<img src=/img/map.png alt="Map Icon"></img> Other Sites]</a></div>
|
|
|
|
|
<hr>
|
|
|
|
|
<br></br>
|
|
|
|
|
|
Mohamad Damaj
