Dosyalar yüklendi
This commit is contained in:
Alperen İsa
GitHub
parent
918017a187
commit
d05ce86ab1
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
29
index.html
29
index.html
|
|
@ -1,17 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="tr">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Ana Sayfa</title>
|
||||
<title>Alperen'nin web sitesi</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<ul class="nav">
|
||||
<li style="float: left;"><a class="active" href="#"><b>Etkinlikler</b></a></li>
|
||||
<li style="float: right;"><a href="#"><img src="images/kontrol.svg" alt="kontrol"></a></li>
|
||||
<li style="float: none; width: max-content; margin: auto;"><a href="#"><b>Pzt 12:00</b></a></li>
|
||||
<li class="sitebaslik"><a href="/index.html">Alperen İsa Nalbant</a></li>
|
||||
<li style="margin-top: 30px;"><a href="/projeler.html">Projelerim</a></li>
|
||||
<li><a href="/makeleler.html">Makalelerim</a></li>
|
||||
<li class="copyright">
|
||||
Copyright (C) 2021, Alperen İsa Nalbant.<br><br>
|
||||
Aksi belirtilmedikçe içeriğin kullanımı <a href="https://www.gnu.org/licenses/fdl-1.3.html">GNU Free Documentation Licence 1.3 or later</a> lisansı kapsamında uygundur.
|
||||
</li>
|
||||
</ul>
|
||||
<iframe class="web" src="merhaba.html" frameborder="0"></iframe>
|
||||
<div class="metin">
|
||||
<h2>Hakkımda</h1>
|
||||
Ben bir Fedora GNU/Linux kullanıcısıyım. Bilgisayar ile uğraşmaya bayılıyorum. Yaptığım ufak tefek projelerim var. Bu web sitesi de onlardan biri. Temel seviyenin bile altında GTK, Python, HTML ve Bash Script bilgim var. Boş zamanlarımda bunları öğrenmeye çalışıyorum. Projelerimi depoladığım bir GitHub sayfam bulunmakta. Öğrenmeyi eğitim serilerini izleyerek değil, kendimiz keşfetmemizin daha akılda kalıcı olduğuna inanıyorum.
|
||||
<br><br><img src="images/fedora.png" alt="Fedora"><br><br>
|
||||
Yaptığım ve üzerinde çalıştığım projeler bunlar:
|
||||
<ul>
|
||||
<li><a href="https://github.com/Afacanc38/python-color">Python Color:</a> Python için uçbirime renkli yazı yazdırma kütüphanesi</li>
|
||||
<li><a href="https://github.com/Afacanc38/chromeos-scripts">ChromeOS Kurulum Betikleri:</a> Brunch-Installer'ın Türkçe'ye çevrilmiş hali</li>
|
||||
<li><a href="https://github.com/Afacanc38/merhaba-dunya">Merhaba Dünya:</a> GTK+'a hızlı bir başlangıç.</li>
|
||||
<li><a href="https://github.com/Afacanc38/flutter-installer">Flutter Kurulum Betiği:</a> GNU/Linux dağıtımlarına Flutter'ı hızlıca kuran bir betik.</li>
|
||||
</ul>
|
||||
Daha fazlasını görmek için <a href="https://github.com/Afacanc38/">GitHub profilime</a> bakabilirsiniz.
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Alperen'nin web sitesi</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<ul class="nav">
|
||||
<li class="sitebaslik"><a href="/index.html">Alperen İsa Nalbant</a></li>
|
||||
<li style="margin-top: 30px;"><a href="/projeler.html">Projelerim</a></li>
|
||||
<li><a href="/makeleler.html">Makalelerim</a></li>
|
||||
<li class="copyright">
|
||||
Copyright (C) 2021, Alperen İsa Nalbant.<br><br>
|
||||
Aksi belirtilmedikçe içeriğin kullanımı <a href="https://www.gnu.org/licenses/fdl-1.3.html">GNU Free Documentation Licence 1.3 or later</a> lisansı kapsamında uygundur.
|
||||
</li>
|
||||
</ul>
|
||||
<div class="metin">
|
||||
<h2>Makaleler</h1>
|
||||
<p>Henüz yeni bir makele yazmadım. Takipte kalın!</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Alperen'nin web sitesi</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<ul class="nav">
|
||||
<li class="sitebaslik"><a href="/index.html">Alperen İsa Nalbant</a></li>
|
||||
<li style="margin-top: 30px;"><a href="/projeler.html">Projelerim</a></li>
|
||||
<li><a href="/makeleler.html">Makalelerim</a></li>
|
||||
<li class="copyright">
|
||||
Copyright (C) 2021, Alperen İsa Nalbant.<br><br>
|
||||
Aksi belirtilmedikçe içeriğin kullanımı <a href="https://www.gnu.org/licenses/fdl-1.3.html">GNU Free Documentation Licence 1.3 or later</a> lisansı kapsamında uygundur.
|
||||
</li>
|
||||
</ul>
|
||||
<div class="metin">
|
||||
<h2>Projelerim</h2>
|
||||
<ul>
|
||||
<li><a href="https://github.com/Afacanc38/yapboz-kisalt">https://github.com/Afacanc38/yapboz-kisalt</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/python-color">https://github.com/Afacanc38/python-color</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/chromeos-scripts">https://github.com/Afacanc38/chromeos-scripts</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/merhaba-dunya">https://github.com/Afacanc38/merhaba-dunya</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/video-kaynak-dosyalari">https://github.com/Afacanc38/video-kaynak-dosyalari</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/flutter-installer">https://github.com/Afacanc38/flutter-installer</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/myartwork">https://github.com/Afacanc38/myartwork</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/xenforo-green">https://github.com/Afacanc38/xenforo-green</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/html-baslik-sablonu">https://github.com/Afacanc38/html-baslik-sablonu</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/fedora-debloat">https://github.com/Afacanc38/fedora-debloat</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/hos-geldiniz-gtk">https://github.com/Afacanc38/hos-geldiniz-gtk</a></li>
|
||||
</ul>
|
||||
<h2>Katkıda bulunduğum projeler</h2>
|
||||
<ul>
|
||||
<li><a href="https://github.com/Afacanc38/firefox-script">https://github.com/Afacanc38/firefox-script</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/ozellestirilmis-iso-olusturma">https://github.com/Afacanc38/ozellestirilmis-iso-olusturma</a></li>
|
||||
<li><a href="https://github.com/Afacanc38/Linux-Her-Tabana-Uygun-Basit-Uygulama-Kurucu">https://github.com/Afacanc38/Linux-Her-Tabana-Uygun-Basit-Uygulama-Kurucu</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
204
style.css
204
style.css
|
|
@ -1,42 +1,196 @@
|
|||
* {
|
||||
font-family: Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
:root {
|
||||
/*
|
||||
|
||||
Renk paletleri için Arctic Ice Studio'ya teşekkürlerimi sunarım.
|
||||
https://www.nordtheme.com/
|
||||
|
||||
*/
|
||||
|
||||
/* Kutup gecesi mavisi */
|
||||
--nord0: #2e3440;
|
||||
--nord1: #3b4252;
|
||||
--nord2: #434c5e;
|
||||
--nord3: #4c566a;
|
||||
|
||||
/* Kar beyazı */
|
||||
--nord4: #d8dee9;
|
||||
--nord5: #e5e9f0;
|
||||
--nord6: #eceff4;
|
||||
|
||||
/* Don mavisi (hayır, buzdan bahsediyorum 🙂)*/
|
||||
--nord7: #8fbcbb;
|
||||
--nord8: #88c0d0;
|
||||
--nord9: #81a1c1;
|
||||
--nord10: #5e81ac;
|
||||
|
||||
/* Pastel renk paletleri */
|
||||
--nord11: #bf616a;
|
||||
--nord12: #d08770;
|
||||
--nord13: #ebcb8b;
|
||||
--nord14: #a3be8c;
|
||||
--nord15: #b48ead;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url(images/duvarkagidi.jpg);
|
||||
background: var(--nord0);
|
||||
color: var(--nord6);
|
||||
font-family: Cantarell, Ubuntu, Roboto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.nav {
|
||||
list-style-type: none;
|
||||
position: fixed;
|
||||
margin: 5px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background-color: rgba(0, 0, 0, 0.685);
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 99%;
|
||||
border-radius: 50px;
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
overflow: auto;
|
||||
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.3);
|
||||
transition: 200ms ease-in-out;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
display: block;
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
transition: 200ms ease-in-out;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 9px 16px;
|
||||
color: var(--nord9);
|
||||
text-decoration: none;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
background-color: rgba(255, 255, 255, 0.116);
|
||||
.sitebaslik {
|
||||
background: linear-gradient(to right, var(--nord9), var(--nord10));
|
||||
margin: 30px;
|
||||
padding: 20px;
|
||||
border-radius: 15px;
|
||||
cursor: default;
|
||||
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.7);
|
||||
transition: 200ms ease-in-out;
|
||||
}
|
||||
|
||||
.web {
|
||||
height: 500px;
|
||||
width: 900px;
|
||||
margin: 50px;
|
||||
border-radius: 20px;
|
||||
border: 2px solid rgba(255, 255, 255, 0.219);
|
||||
.nav a {
|
||||
display: block;
|
||||
padding: 8px 50px;
|
||||
margin-bottom: 10px;
|
||||
text-decoration: none;
|
||||
transition: 200ms ease-in-out;
|
||||
}
|
||||
|
||||
.sitebaslik a {
|
||||
color: var(--nord0);
|
||||
cursor: default;
|
||||
margin: -10px;
|
||||
font-size: 29px;
|
||||
font-weight: 900;
|
||||
align-items: center;
|
||||
transition: 200ms ease-in-out;
|
||||
}
|
||||
|
||||
@media (max-width: 1340px) {
|
||||
.sitebaslik a {
|
||||
font-size: 25px;
|
||||
}
|
||||
.sitebaslik {
|
||||
background: linear-gradient(to right, var(--nord9), var(--nord10));
|
||||
margin: 30px;
|
||||
padding: 0px;
|
||||
border-radius: 15px;
|
||||
cursor: default;
|
||||
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.7);
|
||||
animation: baslikhareket 4s ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1180px) {
|
||||
.sitebaslik a {
|
||||
font-size: 20px;
|
||||
}
|
||||
.sitebaslik {
|
||||
background: linear-gradient(to right, var(--nord9), var(--nord10));
|
||||
margin: 30px;
|
||||
padding: 0px;
|
||||
border-radius: 15px;
|
||||
cursor: default;
|
||||
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.7);
|
||||
animation: baslikhareket 4s ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
.sitebaslik a {
|
||||
font-size: 17px;
|
||||
}
|
||||
.sitebaslik {
|
||||
background: linear-gradient(to right, var(--nord9), var(--nord10));
|
||||
margin: 30px;
|
||||
padding: 0px;
|
||||
border-radius: 15px;
|
||||
cursor: default;
|
||||
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.7);
|
||||
animation: baslikhareket 4s ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 920px) {
|
||||
.sitebaslik li {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.sitebaslik li * {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.sitebaslik a {
|
||||
display: none;
|
||||
}
|
||||
.sitebaslik {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.nav {
|
||||
display: none;
|
||||
}
|
||||
.metin {
|
||||
margin-left: 0px;
|
||||
display: unset;
|
||||
}
|
||||
body {
|
||||
margin: 0 0 1220px 20px;
|
||||
}
|
||||
img {
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.metin {
|
||||
margin-left: 25%;
|
||||
padding: 1px 16px;
|
||||
height: 1000px;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
display: block;
|
||||
padding: 8px 50px;
|
||||
color: var(--nord10);
|
||||
margin-bottom: 10px;
|
||||
text-decoration: none;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.copyright a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: unset;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 97%;
|
||||
max-width: max-content;
|
||||
height: auto;
|
||||
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
|
||||
border-radius: 8px;
|
||||
}
|
||||
Loading…
Reference in New Issue