commit 8ef9f92c3a2c5148461db651499d47bb2de6127c Author: malik Date: Mon Jan 22 22:35:40 2024 +0100 First Website commit. Test diff --git a/aboutme.html b/aboutme.html new file mode 100644 index 0000000..5568064 --- /dev/null +++ b/aboutme.html @@ -0,0 +1,76 @@ + + + + + + Personal Website + + + + + +

+ + +

Über mich:

Hey, ich weiß selbst nach fast zwei Jahrzehnten auf diesem Planeten nicht genau, was ich über mich schreiben soll in solchen „Über Mich“s. Aber ich versuche es mal. :)

‎

Also ich interessiere mich sehr für alles rund um Computer. Ich nutze Linux und lerne gerade programmieren. Abseits vom Computer gehe, treff ich mich gerne mit Freunden und ich höre sehr viel Musik. In letzter Zeit höre ich überwiegend Techno, daher gehe ich auch mega gerne regelmäßig in Technoclubs.

‎

Zu guter Letzt. Ich liebe Katzen und habe sogar zwei von diesen Spinnern.

+ +

+ + + + + + \ No newline at end of file diff --git a/aboutme/catpics/catpic1.jpg b/aboutme/catpics/catpic1.jpg new file mode 100644 index 0000000..69da151 Binary files /dev/null and b/aboutme/catpics/catpic1.jpg differ diff --git a/aboutme/catpics/catpic2.jpg b/aboutme/catpics/catpic2.jpg new file mode 100644 index 0000000..e047026 Binary files /dev/null and b/aboutme/catpics/catpic2.jpg differ diff --git a/aboutme/cats.html b/aboutme/cats.html new file mode 100644 index 0000000..dd418d1 --- /dev/null +++ b/aboutme/cats.html @@ -0,0 +1,67 @@ + + + + + + Personal Website + + + + + +

+ + +

Meine Katzen!

Der weiße Kater heißt Percy und der Schwarzweiße heißt Mailo

+ +

+ + + + + + \ No newline at end of file diff --git a/aboutme/linux.html b/aboutme/linux.html new file mode 100644 index 0000000..b19b119 --- /dev/null +++ b/aboutme/linux.html @@ -0,0 +1,69 @@ + + + + + + Personal Website + + + + + +

+ + +

Linux

Desktop: Nobara Linux (Siehe Bild 1)

Laptop: Fedora Linux (Siehe Bild 2)

Meine gesamte Distrohop geschichte ist in Bild 3 einsehbar.

+ +

+ + + + + + \ No newline at end of file diff --git a/aboutme/techno.html b/aboutme/techno.html new file mode 100644 index 0000000..0e95246 --- /dev/null +++ b/aboutme/techno.html @@ -0,0 +1,79 @@ + + + + + + Personal Website + + + + + +

+ + +

Techno top 10

Vorab: Diese Top-10-Liste ist nicht ernst gemeint. Es wurde nach keinen Kriterien bewertet. Das ist nur eine Sammlung von Liedern, die ich aktuell gerne höre.

1. i wanna be your girlfriend | Dj Brice
2. DIE LIEBE KOMMT NICHT AUS BERLIN | Brutalismus 3000
3. HEISS (Floorkiller Flex) | ÅMRTÜM
4. Underground | Tucker
5. Audio Bully - Original | ANSBRO
6. Goes Crazy - Original Mix | RBX
7. As We Kick | RVLT, Ouija
8. Language Of The Devil | Infeed
9. NUR MEIN KÖRPER UND DIE ANGST | Brutalismus 3000
10. Atme Ein (Atme Rauch aus) | Butschi, Felix Jaehn, Fairy Mary

+ +

+ + + + + + \ No newline at end of file diff --git a/contactme.html b/contactme.html new file mode 100644 index 0000000..7c950f6 --- /dev/null +++ b/contactme.html @@ -0,0 +1,66 @@ + + + + + + Personal Website + + + + + +

+ + +

Kontakt

Email: mawacode [at] proton.me

+ +

+ + + + + + \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..623f39b --- /dev/null +++ b/css/style.css @@ -0,0 +1,210 @@ +*{ + margin: 0; + padding: 0; + font-family: sans-serif; +} + +.container{ + width: 100%; + min-height: 100vh; + padding-left: 8%; + padding-right: 8%; + box-sizing: border-box; + overflow: hidden; + background: rgb(56,56,56); + background: linear-gradient(117deg, rgba(56,56,56,1) 0%, rgba(130,130,130,1) 100%); +} + +.navbar { + width: 100%; + display: flex; + align-items: center; +} + +.logo { + width: 180px; + margin: 30px 0; + background-color: #e2de84; + box-shadow: 5px 5px 5px; +} + +.menu-icon{ + width: 30px; + cursor: pointer; + display: none; + background-color: #e2de84; + padding: 10px; + box-shadow: 5px 5px 5px; +} + +nav{ + flex: 1; + text-align: right; +} + +nav ul li{ + list-style: none; + display: inline-block; +} + +nav ul li a{ + color: black; + font-size: 14px; + padding: 5px; + text-decoration: none; + background-color: #e2de84; + box-shadow: 5px 5px 5px black; +} + +nav ul li a:hover{ + color: #ecfeaa; + cursor: pointer; +} + +h1{ + color: black; +} + +h2{ + color: #222222; +} + +.row{ + display: flex; + justify-content: space-between; + align-items: center; + margin: 100px 0; +} + +.col-1{ + flex-basis: 80%; + position: relative; + margin-left: 50px; + background-color: #e2de84; + padding: 2%; + box-shadow: 10px 10px 10px; +} + +.col-2{ + position: relative; + flex-basis: 60%; + display: flex; + align-items: center; +} + +.col-2 .fotovonmir{ + width: 40%; + box-shadow: 10px 10px 10px; + transform: translateX(300px); +} + +.socialmedia img{ + height: 30px; + margin: 5px; + cursor: pointer; + background-color: #e2de84; + padding: 0.5%; + box-shadow: 5px 5px 5px; +} + +.socialmedia{ + text-align: center; +} + +.socialmedia a{ + color: black; +} + +#aboutmelinks{ + margin-top: 10px; +} + +#aboutmelinks li{ + list-style: none; + display: inline-block; +} + +#aboutmelinks li a{ + color: black; + font-size: 14px; + padding: 5px; + text-decoration: none; + background-color: #e0d94c; + box-shadow: 5px 5px 5px black; +} + +#aboutmelinks li a:hover{ + color: #ecfeaa; + cursor: pointer; +} + +#catpics img{ + width: 100%; + margin: 20px; + box-shadow: 10px 10px 10px; +} + +.technolist li{ + color: black; + font-size: 14px; + padding: 5px; + margin: 10px; + text-decoration: none; + background-color: #e0d94c; + box-shadow: 5px 5px 5px black; + list-style: none; +} + +@media only screen and (max-width:900px){ + + nav ul { + width: 100%; + position: absolute; + top: 75px; + right: 0; + z-index: 2; + background-color: #e2de84; + box-shadow: 10px 10px 10px; + } + + nav ul li{ + display: block; + margin-top: 10px; + margin-bottom: 10px; + + } + + nav ul li a{ + box-shadow: 0 0 0; + } + + .menu-icon{ + display: block; + } + + #menuList{ + overflow: hidden; + transition: 0.5s; + } + + .row{ + flex-direction: column; + margin: 50px 0 + } + + .col-2{ + flex-basis: 100%; + margin-bottom: 50px; + margin-top: 50px; + } + + .col-2 .fotovonmir{ + width: 77%; + + transform: translateX(0px); + } + + .col-1{ + flex-basis: 100%; + } +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..1f6f827 --- /dev/null +++ b/index.html @@ -0,0 +1,68 @@ + + + + + + Personal Website + + + + + +

+ + +

Hallo Internet!

Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt.

‎

Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)

+ +

+ + + + + + \ No newline at end of file diff --git a/pics/emails.png b/pics/emails.png new file mode 100644 index 0000000..eed2e64 Binary files /dev/null and b/pics/emails.png differ diff --git a/projects.html b/projects.html new file mode 100644 index 0000000..457a5af --- /dev/null +++ b/projects.html @@ -0,0 +1,66 @@ + + + + + + Personal Website + + + + + +

+ + +

Kommt bald!

Noch ist hier nichts. :)

+ +

+ + + + + + \ No newline at end of file diff --git a/webicons/foto.png b/webicons/foto.png new file mode 100644 index 0000000..05db5a1 Binary files /dev/null and b/webicons/foto.png differ diff --git a/webicons/lemmy.png b/webicons/lemmy.png new file mode 100644 index 0000000..477b34f Binary files /dev/null and b/webicons/lemmy.png differ diff --git a/webicons/logo.png b/webicons/logo.png new file mode 100644 index 0000000..f05a8d0 Binary files /dev/null and b/webicons/logo.png differ diff --git a/webicons/mastodon.png b/webicons/mastodon.png new file mode 100644 index 0000000..8da10f7 Binary files /dev/null and b/webicons/mastodon.png differ diff --git a/webicons/menu.png b/webicons/menu.png new file mode 100644 index 0000000..c7363ea Binary files /dev/null and b/webicons/menu.png differ