fyb/ugurgaleri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Ferit Yiğit BALABAN
2022-05-17 23:54:58 +03:00
commit f29a776a1f
15 changed files with 296 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.idea/.gitignore generated vendored Normal file
View File

@@ -0,0 +1,5 @@
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/

8
.idea/modules.xml generated Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/ugurgaleri.iml" filepath="$PROJECT_DIR$/.idea/ugurgaleri.iml" />
</modules>
</component>
</project>

12
.idea/ugurgaleri.iml generated Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

6
.idea/vcs.xml generated Normal file
View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

4
.idea/watcherTasks.xml generated Normal file
View File

@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectTasksOptions" suppressed-tasks="SCSS" />
</project>

11
hakkimizda.html Normal file
View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="styles/main.css">
<title>Hakkımızda | Uğur Galeri</title>
</head>
<body>
</body>
</html>

11
iletisim.html Normal file
View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="styles/main.css">
<title>İletişim | Uğur Galeri</title>
</head>
<body>
</body>
</html>

28
index.html Normal file
View File

@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link type="text/css" rel="stylesheet" href="styles/main.css">
<title>Uğur Galeri</title>
</head>
<body>
<div id="container">
<header id="header">
<h1 id="logo">Uğur Galeri</h1>
<nav class="navbar">
<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>
</nav>
</header>
<div id="left"></div> <!-- Intentionally blank -->
<div id="content">
<h1>Merhaba!</h1>
</div>
<div id="right"></div> <!-- Intentionally blank -->
<footer id="footer"></footer>
</div>
</body>
</html>

58
resources/css/main.scss Normal file
View File

@@ -0,0 +1,58 @@
@use "variables.scss";
@use "mixins.scss";
@use "partials/header.scss";
@use "partials/footer.scss";
html, body {
margin: 0;
padding: 0;
}
#container {
height: 100vh;
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr 1700px 1fr;
grid-row-end: -1;
grid-auto-rows: 1fr;
grid-gap: 0;
@include mixins.main {
grid-template-columns: 0 1fr 0;
background: red;
}
}
#left {
background: aqua;
grid-column: 1;
grid-row-start: 1;
grid-row-end: 3;
}
#header {
grid-column: 2;
grid-row: 1;
}
#content {
background: aquamarine;
grid-column-start: 2;
grid-row-start: 2;
padding: variables.$innerContainerMargin;
overflow-wrap: break-word;
}
#footer {
background: black;
grid-column: 2;
grid-row: 3;
}
#right {
background: aqua;
grid-column: 3;
grid-row-start: 1;
grid-row-end: 3;
}

31
resources/css/mixins.scss Normal file
View File

@@ -0,0 +1,31 @@
@use "variables.scss";
@mixin mobileS {
@media screen and (max-width: $mobileS) {
@content;
}
}
@mixin navbar_overflow {
@media screen and (max-width: variables.$navbar_overflow) {
@content;
}
}
@mixin tablet {
@media screen and (max-width: $tablet) {
@content;
}
}
@mixin main {
@media screen and (max-width: variables.$main) {
@content;
}
}
@mixin fourK {
@media screen and (max-width: $fourK) {
@content;
}
}

0
resources/css/partials/footer.scss Normal file
View File

32
resources/css/partials/header.scss Normal file
View File

@@ -0,0 +1,32 @@
@use "../variables.scss";
@use "../mixins.scss";
#header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
@include mixins.navbar_overflow {
flex-direction: column;
}
#logo {
margin-left: variables.$innerContainerMargin;
}
.navbar {
display: flex;
.nav-item {
margin-right: variables.$innerContainerMargin;
text-decoration: none;
@include mixins.navbar_overflow {
&:last-of-type {
margin-right: 0;
}
}
}
}
}

7
resources/css/variables.scss Normal file
View File

@@ -0,0 +1,7 @@
$mobileS: 360px;
$navbar_overflow: 550px;
$tablet: 768px;
$main: 1700px;
$fourK: 2560px;
$innerContainerMargin: 20px;

82
styles/main.css Normal file
View File

@@ -0,0 +1,82 @@
#header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 550px) {
#header {
flex-direction: column;
}
}
#header #logo {
margin-left: 20px;
}
#header .navbar {
display: flex;
}
#header .navbar .nav-item {
margin-right: 20px;
text-decoration: none;
}
@media screen and (max-width: 550px) {
#header .navbar .nav-item:last-of-type {
margin-right: 0;
}
}
html, body {
margin: 0;
padding: 0;
}
#container {
height: 100vh;
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr 1700px 1fr;
grid-row-end: -1;
grid-auto-rows: 1fr;
grid-gap: 0;
}
@media screen and (max-width: 1700px) {
#container {
grid-template-columns: 0 1fr 0;
background: red;
}
}
#left {
background: aqua;
grid-column: 1;
grid-row-start: 1;
grid-row-end: 3;
}
#header {
grid-column: 2;
grid-row: 1;
}
#content {
background: aquamarine;
grid-column-start: 2;
grid-row-start: 2;
padding: 20px;
overflow-wrap: break-word;
}
#footer {
background: black;
grid-column: 2;
grid-row: 3;
}
#right {
background: aqua;
grid-column: 3;
grid-row-start: 1;
grid-row-end: 3;
}
/*# sourceMappingURL=main.css.map */

1
styles/main.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../resources/css/partials/header.scss","../resources/css/mixins.scss","../resources/css/variables.scss","../resources/css/main.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;;ACEA;EDNF;IAOI;;;AAGF;EACE,aERmB;;AFWrB;EACE;;AAEA;EACE,cEfiB;EFgBjB;;ACbJ;EDgBM;IACE;;;;AGrBV;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AFIA;EEXF;IAUI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EAEA,SDpCqB;ECqCrB;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA","file":"main.css"}