diff --git a/css/main.css b/css/main.css index 589ae5f..ee11879 100755 --- a/css/main.css +++ b/css/main.css @@ -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; } diff --git a/index.php b/index.php index acad3ae..62e6f07 100755 --- a/index.php +++ b/index.php @@ -27,7 +27,7 @@ What i am interested in?

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.

i am looking to do many modifications to this site, so its pretty currently pretty raw.

- I am also on Mastodon! +

Consider checking my blog for some guides and stories of mine.

diff --git a/new/css/header.css b/new/css/header.css new file mode 100644 index 0000000..d0df062 --- /dev/null +++ b/new/css/header.css @@ -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%) +} diff --git a/new/css/main.css b/new/css/main.css new file mode 100644 index 0000000..ece6ef0 --- /dev/null +++ b/new/css/main.css @@ -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; +} diff --git a/new/img/d301d.png b/new/img/d301d.png new file mode 100644 index 0000000..e1a2e9d Binary files /dev/null and b/new/img/d301d.png differ diff --git a/new/img/home.png b/new/img/home.png new file mode 100644 index 0000000..9541ff5 Binary files /dev/null and b/new/img/home.png differ diff --git a/new/index.php b/new/index.php new file mode 100644 index 0000000..78d6914 --- /dev/null +++ b/new/index.php @@ -0,0 +1,15 @@ + + + + Damaj301damaj's site + + + + + +
+

Welcome!

+
+

insert content

+ + diff --git a/new/res/header.php b/new/res/header.php new file mode 100644 index 0000000..95d9cd4 --- /dev/null +++ b/new/res/header.php @@ -0,0 +1,6 @@ +
+ Mohamad's website + + Home + +
diff --git a/new/res/meta.php b/new/res/meta.php new file mode 100644 index 0000000..9d76012 --- /dev/null +++ b/new/res/meta.php @@ -0,0 +1,5 @@ + + + + + - EOL - - - -

Redirecting to https://damaj.tech

- \ No newline at end of file diff --git a/templates/header.php b/templates/header.php index 178526b..394819f 100755 --- a/templates/header.php +++ b/templates/header.php @@ -1,4 +1,6 @@ - -
+

+

+ +

[Home Icon Home] [Newspaper Icon Blog] [Mail Icon Contact Me] [Map Icon Other Sites]
-
+