diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..e341e6f --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,92 @@ +: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; + +} + +.row .title { + 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 { + transition: 200ms ease-in-out; +} + +.row.clicktable:hover { + transform: scale(0.97); +} \ No newline at end of file diff --git a/assets/fonts/poppins/poppins-black-italic.woff2 b/assets/fonts/poppins/poppins-black-italic.woff2 new file mode 100644 index 0000000..070580a Binary files /dev/null and b/assets/fonts/poppins/poppins-black-italic.woff2 differ diff --git a/assets/fonts/poppins/poppins-black.woff2 b/assets/fonts/poppins/poppins-black.woff2 new file mode 100644 index 0000000..2f67183 Binary files /dev/null and b/assets/fonts/poppins/poppins-black.woff2 differ diff --git a/assets/fonts/poppins/poppins-bold-italic.woff2 b/assets/fonts/poppins/poppins-bold-italic.woff2 new file mode 100644 index 0000000..52c43d5 Binary files /dev/null and b/assets/fonts/poppins/poppins-bold-italic.woff2 differ diff --git a/assets/fonts/poppins/poppins-bold.woff2 b/assets/fonts/poppins/poppins-bold.woff2 new file mode 100644 index 0000000..7a904eb Binary files /dev/null and b/assets/fonts/poppins/poppins-bold.woff2 differ diff --git a/assets/fonts/poppins/poppins-extrabold-italic.woff2 b/assets/fonts/poppins/poppins-extrabold-italic.woff2 new file mode 100644 index 0000000..025bd09 Binary files /dev/null and b/assets/fonts/poppins/poppins-extrabold-italic.woff2 differ diff --git a/assets/fonts/poppins/poppins-extrabold.woff2 b/assets/fonts/poppins/poppins-extrabold.woff2 new file mode 100644 index 0000000..2e3e60c Binary files /dev/null and b/assets/fonts/poppins/poppins-extrabold.woff2 differ diff --git a/assets/fonts/poppins/poppins-extralight-italic.woff2 b/assets/fonts/poppins/poppins-extralight-italic.woff2 new file mode 100644 index 0000000..b8f0e7f Binary files /dev/null and b/assets/fonts/poppins/poppins-extralight-italic.woff2 differ diff --git a/assets/fonts/poppins/poppins-extralight.woff2 b/assets/fonts/poppins/poppins-extralight.woff2 new file mode 100644 index 0000000..44d276c Binary files /dev/null and b/assets/fonts/poppins/poppins-extralight.woff2 differ diff --git a/assets/fonts/poppins/poppins-italic.woff2 b/assets/fonts/poppins/poppins-italic.woff2 new file mode 100644 index 0000000..1d5dbd4 Binary files /dev/null and b/assets/fonts/poppins/poppins-italic.woff2 differ diff --git a/assets/fonts/poppins/poppins-light-italic.woff2 b/assets/fonts/poppins/poppins-light-italic.woff2 new file mode 100644 index 0000000..9b60a56 Binary files /dev/null and b/assets/fonts/poppins/poppins-light-italic.woff2 differ diff --git a/assets/fonts/poppins/poppins-light.woff2 b/assets/fonts/poppins/poppins-light.woff2 new file mode 100644 index 0000000..acd74c2 Binary files /dev/null and b/assets/fonts/poppins/poppins-light.woff2 differ diff --git a/assets/fonts/poppins/poppins-medium-italic.woff2 b/assets/fonts/poppins/poppins-medium-italic.woff2 new file mode 100644 index 0000000..829f17b Binary files /dev/null and b/assets/fonts/poppins/poppins-medium-italic.woff2 differ diff --git a/assets/fonts/poppins/poppins-medium.woff2 b/assets/fonts/poppins/poppins-medium.woff2 new file mode 100644 index 0000000..1998c90 Binary files /dev/null and b/assets/fonts/poppins/poppins-medium.woff2 differ diff --git a/assets/fonts/poppins/poppins-regular.woff2 b/assets/fonts/poppins/poppins-regular.woff2 new file mode 100644 index 0000000..1e6825f Binary files /dev/null and b/assets/fonts/poppins/poppins-regular.woff2 differ diff --git a/assets/fonts/poppins/poppins-semibold-italic.woff2 b/assets/fonts/poppins/poppins-semibold-italic.woff2 new file mode 100644 index 0000000..7118ecb Binary files /dev/null and b/assets/fonts/poppins/poppins-semibold-italic.woff2 differ diff --git a/assets/fonts/poppins/poppins-semibold.woff2 b/assets/fonts/poppins/poppins-semibold.woff2 new file mode 100644 index 0000000..1c654fd Binary files /dev/null and b/assets/fonts/poppins/poppins-semibold.woff2 differ diff --git a/assets/fonts/poppins/poppins-thin-italic.woff2 b/assets/fonts/poppins/poppins-thin-italic.woff2 new file mode 100644 index 0000000..9d5500a Binary files /dev/null and b/assets/fonts/poppins/poppins-thin-italic.woff2 differ diff --git a/assets/fonts/poppins/poppins-thin.woff2 b/assets/fonts/poppins/poppins-thin.woff2 new file mode 100644 index 0000000..4dee432 Binary files /dev/null and b/assets/fonts/poppins/poppins-thin.woff2 differ diff --git a/assets/fonts/poppins/poppins.css b/assets/fonts/poppins/poppins.css new file mode 100644 index 0000000..03a556f --- /dev/null +++ b/assets/fonts/poppins/poppins.css @@ -0,0 +1,127 @@ +/* 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"); +} + diff --git a/style.css b/style.css deleted file mode 100644 index 18d59a2..0000000 --- a/style.css +++ /dev/null @@ -1,190 +0,0 @@ -/* CSS reset: start */ -html, body, div, span, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -abbr, address, cite, code, -del, dfn, em, img, ins, kbd, q, samp, -small, strong, sub, sup, var, -b, i, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, figcaption, figure, -footer, header, hgroup, menu, nav, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; -} - -body { - line-height: 1; -} - -article,aside,details,figcaption,figure, -footer,header,hgroup,menu,nav,section { - display: block; -} - -nav ul { - list-style :none; -} - -blockquote, q { - quotes: none; -} - -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} - -a { - margin: 0; - padding: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -input, select { - vertical-align :middle; -} -/* CSS reset: end */ - -:root { - --primary: #006b53; - --on-primary: #ffffff; - --primary-container: #1dffcf; - --on-primary-container: #002117; - --secondary: #4b635a; - --on-secondary: #ffffff; - --secondary-container: #cee9dd; - --on-secondary-container: #072018; - --tertiary: #406376; - --on-tertiary: #ffffff; - --tertiary-container: #c3e7fe; - --on-tertiary-container: #001e2c; - --error: #B3261E; - --on-error: #FFFFFF; - --error-container: #F9DEDC; - --on-error-container: #410E0B; - --background: #fbfdfa; - --on-background: #e1e3e0; - --surface: #fbfdfa; - --on-surface: #191c1b; - --outline: #79747E; - --outline-surface-variant: #E7E0EC; - --on-outline-surface-variant: #49454F; -} -@media (prefers-color-scheme: light) { - :root { - --primary: #006b53; - --on-primary: #ffffff; - --primary-container: #1dffcf; - --on-primary-container: #002117; - --secondary: #4b635a; - --on-secondary: #ffffff; - --secondary-container: #cee9dd; - --on-secondary-container: #072018; - --tertiary: #406376; - --on-tertiary: #ffffff; - --tertiary-container: #c3e7fe; - --on-tertiary-container: #001e2c; - --error: #B3261E; - --on-error: #FFFFFF; - --error-container: #F9DEDC; - --on-error-container: #410E0B; - --background: #fbfdfa; - --on-background: #e1e3e0; - --surface: #fbfdfa; - --on-surface: #191c1b; - --outline: #79747E; - --outline-surface-variant: #E7E0EC; - --on-outline-surface-variant: #49454F; - } -} -@media (prefers-color-scheme: dark) { - :root { - --primary: #00e0b2; - --on-primary: #00382a; - --primary-container: #00513e; - --on-primary-container: #1bffd0; - --secondary: #b2ccc1; - --on-secondary: #1d352d; - --secondary-container: #344b43; - --on-secondary-container: #cee9dd; - --tertiary: #a8cce2; - --on-tertiary: #0d3446; - --tertiary-container: #284b5e; - --on-tertiary-container: #c3e7fe; - --error: #ffb4a9; - --on-error: #680003; - --error-container: #930006; - --on-error-container: #ffdad4; - --background: #191c1b; - --on-background: #e1e3e0; - --surface: #191c1b; - --on-surface: #e1e3e0; - --outline: #89938e; - --outline-surface-variant: #3f4945; - --on-outline-surface-variant: #bfc9c3; - } - aside img { - color: var(--on-background); - } -} -* { - font-family: cantarell, system-ui; -} -h1, h2, h3 { - font-family: Prompt, system-ui; -} -body { - background: var(--surface); -} -h1 { - font-size: 60px; -} -h2 { - font-size: 40px; -} -h3 { - font-size: 30px; -} -h4 { - font-size: 25px; -} -header { - display: flex; - align-items: center; - padding: 20px; - background: var(--surface); - position: sticky; - top: 0; -} -header a { - font-family: Prompt; - font-weight: 500; - color: var(--on-surface); - text-decoration: none; -} - -aside img { - width: 25px; - -} -aside img::before { - height: 30px; - width: 50px; - background: var(--on-primary); -} \ No newline at end of file