zattiri zart zort

This commit is contained in:
Alperen İsa Nalbant 2022-09-29 20:46:34 +03:00 committed by GitHub
parent eebf9a9b43
commit 365d097a98
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 155 additions and 16 deletions

13
LICENSE Normal file
View file

@ -0,0 +1,13 @@
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. You just DO WHAT THE FUCK YOU WANT TO.

View file

@ -1,27 +1,43 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="tr"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Site yapım aşamasında</title> <title>Özgür Yazılım Mekanı</title>
<link rel="stylesheet" href="s.css" /> <link rel="stylesheet" href="style.css" />
<link href="noto-serif/noto-serif.css" rel="stylesheet" />
</head> </head>
<body> <body>
<header>
<span class="sitebasligi">Alperen İsa Nalbant</span>
<nav>
<ul>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Beni GitHub'da çatalla!</a></li>
</ul>
</nav>
</header>
<main> <main>
<div class="kapsayici"> 13 yaşındayım. Şu an okullardan dolayı pek fazla geliştirme yapmıyorum.
<img O yüzden bu site oldukça içeriksiz gibi gözüküyor.
src="/uct.png" <blockquote>
alt="Yol üzerine konulmuş sarı ve siyah çizgili engel" Psst. Bu web sitesi özür yazılımdır, WTFPL altında dağıtılıyor.
/> </blockquote>
<h1>Site Yapım Aşamasında</h1> <pre>
<p>Daha sonra tekrar kontrol edin.</p> <code>
<div> Çırcır böceklerinden başka bir şey yok anlayacağın. Eh şimdilik işte...</code>
<a href="https://github.com/afacanc38" target="_blank">GitHub</a> </pre>
<a href="mailto:afacanc38@vuhuv.com">E-Posta</a>
</div>
<span class="atif"><a href="https://github.com/Afacanc38/myartwork/blob/main/illustrations/under-construction-transparent.png">Fotoğraf</a> <a href="https://github.com/afacanc38">Alperen İsa Nalbant</a> tarafından <a href="https://github.com/Afacanc38/myartwork/blob/main/LICENSE">Apache 2.0</a> altında lisanslanmıştır.</span>
</div>
</main> </main>
<footer>
<span class="telifhakki">Telif Hakkı © 2022 Alperen İsa Nalbant</span>
<nav>
<ul>
<li><a href="https://github.com/afacanc38/afacanc38.github.io">Web sitesi kaynak kodu</a></li>
<li><a href="#">Lisans</a></li>
<li><a href="/link.jpg">Başka bir link</a></li>
</ul>
</nav>
</footer>
</body> </body>
</html> </html>

BIN
link.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

29
noto-serif/noto-serif.css Normal file
View file

@ -0,0 +1,29 @@
/* noto-serif-bold */
@font-face {
font-family: Noto Serif;
font-style: normal;
font-weight: 700;
src: local("Noto Serif Bold"), local("NotoSerif-Bold"), url(noto-serif-bold.woff2) format("woff2");
}
/* noto-serif-bold-italic */
@font-face {
font-family: Noto Serif;
font-style: italic;
font-weight: 700;
src: local("Noto Serif Bold Italic"), local("NotoSerif-BoldItalic"), url(noto-serif-bold-italic.woff2) format("woff2");
}
/* noto-serif-italic */
@font-face {
font-family: Noto Serif;
font-style: italic;
font-weight: 400;
src: local("Noto Serif Italic"), local("NotoSerif-Italic"), url(noto-serif-italic.woff2) format("woff2");
}
/* noto-serif */
@font-face {
font-family: Noto Serif;
font-style: normal;
font-weight: 400;
src: local("Noto Serif"), local("NotoSerif"), url(noto-serif.woff2) format("woff2");
}

BIN
noto-serif/noto-serif.woff2 Normal file

Binary file not shown.

81
style.css Normal file
View file

@ -0,0 +1,81 @@
:root {
--default-bg: #F0F0F0;
--text: #212427;
--border: rgba(0, 0, 0, .5);
--pre-bg: #dbdbdb;
}
@media (prefers-color-scheme: dark) {
:root {
--default-bg: #212427;
--text: #f0f0f0;
--border: rgba(255, 255, 255, .5);
--pre-bg: #2e3235;
}
}
* {
color: var(--text);
transition: color 200ms 200ms linear, background-color 200ms linear;
}
body {
max-width: 70ch;
padding: 3em 1em;
margin: auto;
line-height: 1.75;
font-size: 1.25em;
font-family: 'Noto Serif', sans-serif;
background-color: var(--default-bg);
}
h1,h2,h3,h4,h5,h6 {
margin: 3em 0 1em;
}
p,ul,ol {
margin-bottom: 2em;
color: #1d1d1d;
font-family: 'sans-serif';
}
h1, .sitebasligi {
font-size: 1.5em;
}
header > nav > ul {
list-style-type: none;
padding: 0;
display: flex;
gap: 20px;
flex-wrap: wrap;
}
footer {
display: flex;
flex-direction: column;
margin-top: 2.5em;
padding-top: 2.5em;
border-top: 1px solid var(--border);
}
footer > nav > ul {
list-style-type: none;
padding: 0;
display: flex;
gap: 12px;
}
blockquote {
border-left: 1px solid var(--text);
margin: 30px;
padding: 10px 20px;
}
pre {
background: var(--pre-bg);
padding: 0 30px;
border-radius: 12px;
color: var(--text);
}