Structuring project

This commit is contained in:
Ferit Yiğit BALABAN
2022-07-15 23:21:18 +03:00
parent 1a8ee91e3e
commit ef78b90508
5 changed files with 139 additions and 84 deletions

10
README.md Normal file
View File

@@ -0,0 +1,10 @@
## ugurgaleri
© Uğur Galeri
&copy; Ferit Yiğit BALABAN <[f@fybx.dev](mailto:f@fybx.dev)>
## Build Status
- Branch [main](https://github.com/fybx/ugurgaleri/tree/main):
- Branch [dev](https://github.com/fybx/ugurgaleri/tree/dev):

39
TODO
View File

@@ -1,39 +0,0 @@
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
background-color: #151719;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.waviy {
position: relative;
-webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
font-size: 60px;
}
.waviy span {
font-family: 'Alfa Slab One', cursive;
position: relative;
display: inline-block;
color: #fff;
text-transform: uppercase;
animation: waviy 1s infinite;
animation-delay: calc(.1s * var(--i));
}
@keyframes waviy {
0%,40%,100% {
transform: translateY(0)
}
20% {
transform: translateY(-20px)
}
}
https://fonts.google.com/specimen/Oswald

View File

@@ -3,22 +3,51 @@
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta name="description" content="Uğur Galeri">
<meta name="description" content="Kişisel Verilerin Korunması Kanunu hakkında aydınlatma metni.">
<link type="text/css" rel="stylesheet" href="resources/styles/main.css">
<title>KVKK Aydınlatma Metni</title>
<title>KVKK Aydınlatma Metni | Uğur Galeri</title>
<script src="resources/scripts/main.js" defer></script>
</head>
<body>
<header id="header">
<img id="logo" src="resources/img/ugurgaleri-yazıtek.png" alt="Uğur Galeri logosu">
<div id="logo" class="bounce-animation">
<span style="--i: 1;">U</span>
<span style="--i: 2;">Ğ</span>
<span style="--i: 3;">U</span>
<span style="--i: 4;">R</span>
<span style="--i: 4;">&nbsp;</span>
<span style="--i: 5;">G</span>
<span style="--i: 6;">A</span>
<span style="--i: 7;">L</span>
<span style="--i: 8;">E</span>
<span style="--i: 9;">R</span>
<span style="--i: 10;">İ</span>
</div>
<nav class="navbar">
<a class="nav-item" href="index.html">Ana sayfa</a>
<a class="nav-item" href="hakkimizda.html">Hakkımızda</a>
<a class="nav-item" href="#brands">Markalar</a>
<a class="nav-item" href="index.html#brands">Markalar</a>
<a class="nav-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
<a class="nav-item" href="iletisim.html">İletişim</a>
</nav>
<a class="menu"><img alt="Menu" src="resources/img/menu-white.png"></a>
<input type="checkbox" id="toggle" class="toggle" onchange="toggleDropdown()">
<label for="toggle" id="toggle-label">
<div class="dropdown-toggle">
<span class="bar bar1"></span>
<span class="bar bar2"></span>
<span class="bar bar3"></span>
<span class="bar bar4"></span>
</div>
</label>
</header>
<nav class="dropdown hidden dropdown-navbar">
<a class="dropdown-nav-item hidden" href="index.html">Ana sayfa</a>
<a class="dropdown-nav-item hidden" href="hakkimizda.html">Hakkımızda</a>
<a class="dropdown-nav-item hidden" href="index.html#brands">Markalar</a>
<a class="dropdown-nav-item hidden" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
<a class="dropdown-nav-item hidden" href="iletisim.html">İletişim</a>
</nav>
<div id="container">
<div id="content" class="content-spacing">
<h1>Kişisel Verilerin Korunması Kanunu Aydınlatma Metni</h1>
@@ -302,48 +331,35 @@
hakkında ilgili kişilere web sitesi üzerinden gerekli bilgilendirmeler yapılır.</p>
</div>
<footer id="footer">
<div class="footer-column">
<h2>Uğur Galeri</h2>
<hr>
<a class="nav-item" href="index.html">Ana sayfa</a>
<a class="nav-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
<a class="nav-item" href="hakkimizda.html">Hakkımızda</a>
<a class="nav-item" href="iletisim.html">İletişim</a>
</div>
<div class="footer-column">
<h2>Kurumsal</h2>
<hr>
<a>Misyonumuz</a>
<a>Vizyonumuz</a>
<a>Yönetim</a>
<a href="aydinlatma.html">KVKK Aydınlatma Metni</a>
<a href="kamera.html">KVKK Kamera Kullanımı</a>
</div>
<div class="footer-column">
<h2>Sosyal Medyada Biz</h2>
<hr>
<a class="footer-social" href="https://www.arabam.com/galeri/yavuz-ugur-galeri">
<img src="resources/img/arabam.jpg" alt="arabam.com logosu">
</a>
<a class="footer-social" href="https://ugurgaleri1.sahibinden.com/">
<img src="resources/img/sahibinden.png" alt="sahibinden.com logosu">
</a>
<a class="footer-social" href="https://www.facebook.com/ugurgalerikaracabey/">
<img src="resources/img/facebook.svg" alt="facebook.com logosu">
</a>
<a class="footer-social" href="https://www.instagram.com/ugurgaleri/">
<img src="resources/img/instagram.png" alt="instagram.com logosu">
</a>
</div>
<div class="footer-column">
<h2>İletişim</h2>
<hr>
<a href="tel:+902246718380">Sabit Hat: 0224 671 83 80</a>
<a href="tel:+905325668216">Cep Telefonu: 0532 566 82 16</a>
<a href="https://goo.gl/maps/oy2ZXFKB9nWmn7498">Sırabademler Mah., Kümeevler, 16100 Karacabey/BURSA</a>
<footer id="footer" class="content-spacing">
<img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
<div class="footer-columns">
<div class="footer-column">
<h1>Uğur Galeri</h1>
<ul>
<li><a href="index.html">Ana sayfa</a></li>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="index.html#brands">Markalarımız</a></li>
<li><a href="https://ugurgaleri1.sahibinden.com">Araçlarımız</a></li>
<li><a href="iletisim.html">İletişim</a></li>
</ul>
</div>
<div class="footer-column">
<h1>Kurumsal</h1>
<ul>
<li><a href="hakkimizda.html#misyon">Misyonumuz</a></li>
<li><a href="hakkimizda.html#vizyon">Vizyonumuz</a></li>
<li><a href="hakkimizda.html#yonetim">Yönetim</a></li>
<li><a href="aydinlatma.html">KVKK Aydınlatma Metni</a></li>
<li><a href="kamera.html">Kamera Kullanımı</a></li>
</ul>
</div>
</div>
</footer>
<footer id="footer-stateless" class="content-spacing ignore-vertical">
<p>&copy; Uğur Galeri 2022</p>
<p class="smaller">Dizayn & Uygulama: <a href="https://fybx.dev">fybx.dev</a></p>
</footer>
</div>
</body>
</html>

29
scaffolding/footer.brick Normal file
View File

@@ -0,0 +1,29 @@
<footer id="footer" class="content-spacing">
<img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
<div class="footer-columns">
<div class="footer-column">
<h1>Uğur Galeri</h1>
<ul>
<li><a href="index.html">Ana sayfa</a></li>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="index.html#brands">Markalarımız</a></li>
<li><a href="https://ugurgaleri1.sahibinden.com">Araçlarımız</a></li>
<li><a href="iletisim.html">İletişim</a></li>
</ul>
</div>
<div class="footer-column">
<h1>Kurumsal</h1>
<ul>
<li><a href="hakkimizda.html#misyon">Misyonumuz</a></li>
<li><a href="hakkimizda.html#vizyon">Vizyonumuz</a></li>
<li><a href="hakkimizda.html#yonetim">Yönetim</a></li>
<li><a href="aydinlatma.html">KVKK Aydınlatma Metni</a></li>
<li><a href="kamera.html">Kamera Kullanımı</a></li>
</ul>
</div>
</div>
</footer>
<footer id="footer-stateless" class="content-spacing ignore-vertical">
<p>&copy; Uğur Galeri 2022</p>
<p class="smaller">Dizayn & Uygulama: <a href="https://fybx.dev">fybx.dev</a></p>
</footer>

39
scaffolding/header.brick Normal file
View File

@@ -0,0 +1,39 @@
<header id="header">
<div id="logo" class="bounce-animation">
<span style="--i: 1;">U</span>
<span style="--i: 2;">Ğ</span>
<span style="--i: 3;">U</span>
<span style="--i: 4;">R</span>
<span style="--i: 4;">&nbsp;</span>
<span style="--i: 5;">G</span>
<span style="--i: 6;">A</span>
<span style="--i: 7;">L</span>
<span style="--i: 8;">E</span>
<span style="--i: 9;">R</span>
<span style="--i: 10;">İ</span>
</div>
<nav class="navbar">
<a class="nav-item" href="index.html">Ana sayfa</a>
<a class="nav-item" href="hakkimizda.html">Hakkımızda</a>
<a class="nav-item" href="#brands">Markalar</a>
<a class="nav-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
<a class="nav-item" href="iletisim.html">İletişim</a>
</nav>
<input type="checkbox" id="toggle" class="toggle" onchange="toggleDropdown()">
<label for="toggle" id="toggle-label">
<div class="dropdown-toggle">
<span class="bar bar1"></span>
<span class="bar bar2"></span>
<span class="bar bar3"></span>
<span class="bar bar4"></span>
</div>
</label>
</header>
<nav class="dropdown hidden dropdown-navbar">
<a class="dropdown-nav-item hidden" href="index.html">Ana sayfa</a>
<a class="dropdown-nav-item hidden" href="hakkimizda.html">Hakkımızda</a>
<a class="dropdown-nav-item hidden" href="#brands">Markalar</a>
<a class="dropdown-nav-item hidden" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
<a class="dropdown-nav-item hidden" href="iletisim.html">İletişim</a>
</nav>