devraza/website-legacy
Archived
1
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: proper base website

Browse source
This commit is contained in:
Muhammad Nauman Raza 2023-12-25 16:40:39 +00:00
parent 566c26dcd9
commit bf77798954
No known key found for this signature in database
GPG key ID: 31BC90D626D2DBBE
3 changed files with 92 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/circles-white.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 351 KiB

34
index.html
View file

@ -2,11 +2,43 @@
<html>
<head>
<title>Devraza</title>
<meta charset="utf-8">
<link rel="stylesheet" href="./style.css">
</head>
<body>
Something will arise...dd
<div>
<img class="logo" src="./assets/circles-white.png" alt="Logo">
<h1 class="devraza">Devraza</h1>
<p class="description">Programming and cybersecurity</h1>
<hr class="hr-sm">
<h3>Things I use</h3>
<div class="stack">
<a>Linux</a>
<a>Rust</a>
<a>Go</a>
<a>Lua</a>
<a>Python</a>
<a>Nix</a>
<a>Inkscape</a>
<a>GIMP</a>
<a>Kali Linux</a>
<a>NeoVim</a>
<a>Git</a>
</div>
<hr class="hr-sm">
<h3>Links</h3>
<div class="links">
<a href="https://git.devraza.duckdns.org/devraza" target="_blank">Gitea</a>
<a href="https://github.com/devraza" target="_blank">GitHub</a>
<a href="mailto:devraza@outlook.com">E-mail</a>
</div>
</div>
</body>
</html>

60
style.css
View file

@ -1,3 +1,61 @@
body {
color: black;
background-color: #151517;
color: #ece5ea;
}
h3 {
text-align: center;
}
.logo {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 7%;
width: 20rem;
}
.devraza {
margin-top: 20px;
margin-bottom: 0;
font-size: 70pt;
text-align: center;
font-weight: 900;
}
.description {
text-align: center;
color: #a292e8;
margin-top: 0;
}
.stack {
text-align: center;
margin-bottom: 40px;
}
.links {
margin-top: 20px;
text-align: center;
}
.hr-xl {
width: 40%;
border-color: #454449;
margin-top: 0;
}
.hr-sm {
width: 30%;
border-color: #454449;
margin-top: 15px;
}
a {
background-color: #242426;
padding: 10px;
color: #7ee6ae;
}
a:hover {
color: #e887bb;
}