yapım aşamasında

This commit is contained in:
Alperen İsa Nalbant 2022-04-03 15:57:50 -04:00
parent 0b19e7eb71
commit 7a55d2a15e
3 changed files with 65 additions and 93 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

View file

@ -1,45 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="tr"> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Alperen İsa Nalbant</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.css">
<title>Alperen İsa Nalbant</title> </head>
<link rel="stylesheet" href="/style.css" /> <body>
<link rel="preconnect" href="https://fonts.googleapis.com" /> <div id="center">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <div class="card">
<link rel="preconnect" href="https://fonts.googleapis.com" /> <h1>Site yapım aşamasında.</h1>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <p>Lütfen daha sonra tekrar gelin.</p><br>
<link <a class="button" href="https://github.com/Afacanc38">GitHub</a>
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" <a class="button" href="https://github.com/Afacanc38/afacanc38.github.io">Web sitenin kaynak kodu</a>
rel="stylesheet" </div>
/> </div>
<link rel="shortcut icon" href="favicon.png" type="image/x-icon" /> </body>
</head>
<body>
<header>
<b>Alperen İsa Nalbant</b>
<nav>
<ul>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Projelerim</a></li>
<li><a href="#">İletişime geçin</a></li>
</ul>
</nav>
</header>
<article>
<h1>Merhaba, ben Alperen İsa</h1>
<p class="buyuk">
Bilgisayar ile uğraşmayı seven bir kişiyim. Temel düzeyde HTML, CSS,
Python, GNU/Linux ve PyGObject bilgim var.
</p>
<p>
Yaklaşık 2 yıldır bilgisayar ile uğraşıyorum. Bazı şeylerin deneyerek
öğrenilmesi gerektiğine inanıyorum. Bu web sitesini de deneye deneye
yaptım. Çeşitli
<a href="https://github.com/Afacanc38">projelerim</a> var. Şu anda
Appiload üzerinde çalışıyorum.
</p>
</article>
</body>
</html> </html>

View file

@ -1,62 +1,61 @@
:root { #center {
--color1: #0A043C; display: flex;
--color2: #03506F; padding: 2vh 2vw;
--color3: #BBBBBB; height: 90vh;
--color4: #FFE3D8; min-height: 300px;
max-width: 100%;
align-items: center;
justify-content: center;
} }
* { * {
font-family: Poppins, system-ui;
margin: 0;
padding: 0; padding: 0;
margin: 10px;
} }
body { .card {
background: var(--color1); transition: 200ms ease-in-out;
color: var(--color4); background: #fafafa;
padding: 30px 20px;
border: 1px solid #e0e0e0;
border-radius: 12px;
box-shadow: 0 10px 20px -10px #7e7e7e;
font-family: system-ui;
} }
h1, h2, h3, h4, h5, h6 { .button {
font-family: 'Zilla Slab', system-ui; transition: 200ms ease-in-out;
color: var(--color3); border: 1px solid #cacdfa;
background: #e5e7fd;
padding: 10px 15px;
color: black;
text-decoration: none;
border-radius: 20px;
} }
h1 { .button:hover {
font-size: 6vw; border: 1px solid #b6bbff;
background: #b4baff;
color: blue;
} }
p.buyuk { @media (prefers-color-scheme: dark) {
font-size: 3vw; * {
} color: white !important;
}
p { body {
margin: 20px 0px; background-color: rgb(20, 20, 20);
} }
.card {
header { background: rgb(17, 17, 17);
display: flex; border-color: #424242;
justify-content: space-between; box-shadow: 0 10px 20px -10px #080808;
padding: 20px; }
border-bottom: 1px solid var(--color2); .button {
} background: #1c1c1f;
}
header ul { .button:hover {
list-style-type: none; background: blue;
} border-color: blue;
}
header ul li {
float: left;
padding: 0px 10px;
}
header ul a {
color: var(--color4);
}
article {
padding: 50px;
}
a {
color: var(--color3);
} }