under construction
This commit is contained in:
parent
4b1cee520f
commit
461f35d649
|
@ -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");
|
||||
}
|
||||
|
66
index.html
66
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">
|
||||
</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>
|
||||
<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>Site yapım aşamasında</title>
|
||||
<link rel="stylesheet" href="s.css" />
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<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>
|
||||
|
|
|
@ -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;
|
||||
}
|
Loading…
Reference in New Issue