mirror of
https://github.com/Afacanc38/afacanc38.github.io.git
synced 2025-01-03 06:17:51 +03:00
under construction
This commit is contained in:
parent
4b1cee520f
commit
461f35d649
23 changed files with 68 additions and 293 deletions
|
|
@ -1,124 +0,0 @@
|
|||
:root {
|
||||
--renk-mavi: rgb(0, 58, 216);
|
||||
--renk-acik-mavi: #87aadeff;
|
||||
--renk-kutu-rengi: #1c1f24ff;
|
||||
--renk-mor: #aa87deff;
|
||||
--renk-soluk: rgba(255, 255, 255, .7);
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 6px !important;
|
||||
padding: 0;
|
||||
background: black;
|
||||
color: white;
|
||||
font-family: Poppins, system-ui, sans-serif;
|
||||
}
|
||||
|
||||
body * {
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#ana-kutucuk {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
#site-basligi {
|
||||
font-size: 18pt;
|
||||
min-width: 100%;
|
||||
height: 200px;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.row {
|
||||
background: var(--renk-kutu-rengi);
|
||||
padding: 50px;
|
||||
border-radius: 64px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 10px !important;
|
||||
|
||||
}
|
||||
|
||||
.baslik {
|
||||
font-size: 40pt;
|
||||
}
|
||||
|
||||
.baslik.kucuk {
|
||||
font-size: 17pt;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.baslik.kucuk.solgun {
|
||||
color: var(--renk-soluk);
|
||||
}
|
||||
.baslik.kucuk.mavi {
|
||||
color: var(--renk-acik-mavi);
|
||||
}
|
||||
|
||||
.row.mavi {
|
||||
background: var(--renk-mavi);
|
||||
}
|
||||
|
||||
.alticizili {
|
||||
text-decoration: underline var(--renk-soluk);
|
||||
}
|
||||
|
||||
.navigation-gird {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.navigation-gird.other {
|
||||
display: flex;
|
||||
flex: 50%;
|
||||
flex-direction: column;
|
||||
margin-left: 10px !important;
|
||||
}
|
||||
.navigation-gird.other * {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.navigation-gird .row.extended {
|
||||
flex: 50%;
|
||||
}
|
||||
|
||||
.row.clicktable {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
transition: 200ms ease-in-out;
|
||||
}
|
||||
|
||||
.row.clicktable:hover {
|
||||
transform: scale(0.97);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
.baslik {
|
||||
font-size: 30pt;
|
||||
}
|
||||
.navigation-gird {
|
||||
flex-direction: column;
|
||||
}
|
||||
.navigation-gird.other {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 430px) {
|
||||
.baslik {
|
||||
font-size: 25pt;
|
||||
}
|
||||
.baslik.baslik.kucuk {
|
||||
font-size: 13pt;
|
||||
}
|
||||
.navigation-gird {
|
||||
flex-direction: column;
|
||||
}
|
||||
.navigation-gird.other {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.row {
|
||||
padding: 37px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,127 +0,0 @@
|
|||
/* poppins-black-italic */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
src: local("Poppins Black Italic"), local("Poppins-BlackItalic"), url(poppins-black-italic.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-black */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: local("Poppins Black"), local("Poppins-Black"), url(poppins-black.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-extrabold-italic */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url(poppins-extrabold-italic.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-extrabold */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url(poppins-extrabold.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-bold-italic */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url(poppins-bold-italic.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-bold */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local("Poppins Bold"), local("Poppins-Bold"), url(poppins-bold.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-semibold-italic */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local("Poppins SemiBold Italic"), local("Poppins-SemiBoldItalic"), url(poppins-semibold-italic.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-semibold */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(poppins-semibold.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-italic */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local("Poppins Italic"), local("Poppins-Italic"), url(poppins-italic.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-medium-italic */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url(poppins-medium-italic.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-medium */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local("Poppins Medium"), local("Poppins-Medium"), url(poppins-medium.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-regular */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local("Poppins Regular"), local("Poppins-Regular"), url(poppins-regular.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-light-italic */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url(poppins-light-italic.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-light */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local("Poppins Light"), local("Poppins-Light"), url(poppins-light.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-extralight-italic */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local("Poppins ExtraLight Italic"), local("Poppins-ExtraLightItalic"), url(poppins-extralight-italic.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-extralight */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(poppins-extralight.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-thin-italic */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: italic;
|
||||
font-weight: 100;
|
||||
src: local("Poppins Thin Italic"), local("Poppins-ThinItalic"), url(poppins-thin-italic.woff2) format("woff2");
|
||||
}
|
||||
/* poppins-thin */
|
||||
@font-face {
|
||||
font-family: Poppins;
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
src: local("Poppins Thin"), local("Poppins-Thin"), url(poppins-thin.woff2) format("woff2");
|
||||
}
|
||||
|
||||
54
index.html
54
index.html
|
|
@ -1,45 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="tr">
|
||||
|
||||
<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>
|
||||
<meta name="description" content="Ben 13 yaşında bir GNU/Linux kullanısıyım. 10 yaşımda GNU/Linux ile tanıştım ve 11 yaşımda Python öğrenmeye çalıştım. Şimdi ise Libadwaita ve web siteleri üzerinde odaklanıyorum.">
|
||||
<meta name="google-site-verification" content="bQ8qX6H5QmLeCyk0wdHJWezxkrWnOGHnXgLlc44aJ7A" />
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
<link rel="stylesheet" href="assets/fonts/poppins/poppins.css">
|
||||
<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>Site yapım aşamasında</title>
|
||||
<link rel="stylesheet" href="s.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="ana-kutucuk">
|
||||
<h1 id="site-basligi">Alperen İsa Nalbant</h1>
|
||||
<div class="row mavi">
|
||||
<div class="baslik kucuk solgun">
|
||||
Hakkımda
|
||||
</div>
|
||||
<p class="baslik">
|
||||
Ben 13 yaşında bir <span class="alticizili">GNU/Linux</span> kullanıcısıyım. 10 yaşımda
|
||||
GNU/Linux ile tanıştım ve 11 yaşımda <span class="alticizili">Python</span> öğrenmeye çalıştım.
|
||||
Şimdi ise <span class="alticizili">Libadwaita</span> ve <span class="alticizili">web siteleri</span>
|
||||
üzerinde odaklanıyorum.
|
||||
</p>
|
||||
</div>
|
||||
<div class="navigation-gird">
|
||||
<div class="row clicktable extended">
|
||||
<div class="baslik kucuk">Projeler</div>
|
||||
</div>
|
||||
<div class="navigation-gird other">
|
||||
<div class="row clicktable">
|
||||
<div class="baslik kucuk">Blog (yakında)</div>
|
||||
</div>
|
||||
<div class="row clicktable">
|
||||
<div class="baslik kucuk">Bana ulaşın</div>
|
||||
</div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="kapsayici">
|
||||
<img
|
||||
src="/uct.png"
|
||||
alt="Yol üzerine konulmuş sarı ve siyah çizgili engel"
|
||||
/>
|
||||
<h1>Site Yapım Aşamasında</h1>
|
||||
<p>Daha sonra tekrar kontrol edin.</p>
|
||||
<div>
|
||||
<a href="https://github.com/afacanc38" target="_blank">GitHub</a>
|
||||
<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/illustrations/under-construction-transparent.png">Apache 2.0</a> altında lisanslanmıştır.</span>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
44
s.css
Normal file
44
s.css
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: system-ui;
|
||||
}
|
||||
|
||||
.kapsayici img {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.kapsayici h1 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.kapsayici a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.kapsayici a:nth-of-type(2) {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.kapsayici {
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
max-width: 100%;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.atif {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
font-size: 13px;
|
||||
color: #606060;
|
||||
}
|
||||
|
||||
.atif a {
|
||||
margin: 0 !important;
|
||||
color: #606060;
|
||||
text-decoration: underline dashed;
|
||||
}
|
||||
BIN
uct.png
Normal file
BIN
uct.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
Loading…
Reference in a new issue