From b812ca26c5902e79095c9c91ed4502a3c9b22acb Mon Sep 17 00:00:00 2001 From: asandikci Date: Mon, 1 Jan 2024 11:13:38 +0300 Subject: [PATCH] fix css problem and update information/year --- about/index.php | 4 +- after-yks/index.php | 4 +- bagis/bagis.css | 414 +++++++++++++++++++++++++++++++++++++++ bagis/index.php | 4 +- data.json | 4 +- dev/index.php | 2 +- dev/playground/index.php | 2 +- iflpanel/index.php | 4 +- iflpanel/path.php | 2 +- index.php | 4 +- link/index.php | 4 +- now/index.php | 18 +- 12 files changed, 443 insertions(+), 23 deletions(-) create mode 100644 bagis/bagis.css diff --git a/about/index.php b/about/index.php index 79a7537..899db6b 100644 --- a/about/index.php +++ b/about/index.php @@ -16,7 +16,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) { ?> - + @@ -67,7 +67,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) { - + @@ -57,7 +57,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) { img, +body header #hlogo > img { + max-height: 45px; + max-width: 200px; + margin-top: 5px; + padding: auto; +} +html nav, +body nav { + display: flex; + flex-direction: row; + margin-left: auto; +} +html nav ul, +body nav ul { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-items: center; + column-gap: 20px; + box-sizing: border-box; + margin: 0px; + padding: 0px; + list-style-type: none; +} +html article, +body article { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: start; + gap: 10px; + width: auto; + min-height: 100%; + box-sizing: border-box; +} +html article h1, +body article h1 { + align-self: center; + text-align: center; + font-size: xx-large; +} +html article h2, +body article h2 { + align-self: center; + text-align: center; + font-size: x-large; + text-decoration: underline; + text-wrap: balance; +} +html article h3, +body article h3 { + align-self: center; +} +html article.plain, +body article.plain { + background-color: #393E46; + border: #10161d double 3px; + padding: 10px; +} +html article.sections, +body article.sections { + margin-block-start: 10px; +} +html article.sections > .section, +body article.sections > .section { + display: flex; + flex-direction: column; + align-self: center; + box-sizing: border-box; + width: 95vw; + background-color: #393E46; +} +html article.sections > .section:first-child, +body article.sections > .section:first-child { + border-top-left-radius: 10px; + border-top-right-radius: 10px; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} +html article.sections > .section:last-child, +body article.sections > .section:last-child { + border-top-right-radius: 0px; + border-top-left-radius: 0px; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} +html article.sections > .section:only-child, +body article.sections > .section:only-child { + border-top-right-radius: 10px; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} +html article.sections > .section .grid, +body article.sections > .section .grid { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-items: center; + column-gap: 20px; + box-sizing: border-box; + margin: 0px; + padding: 0px; + list-style-type: none; +} +html article.sections > .section .grid .element, +body article.sections > .section .grid .element { + width: 90%; + box-sizing: border-box; + padding: 0rem 0; + margin: 0.5rem 0; + position: relative; + text-align: center; + border: #EEEEEE groove 2px; + background-color: #222831; +} +html article.sections > .section .grid .element:first-child, +body article.sections > .section .grid .element:first-child { + border-top-left-radius: 10px; + border-top-right-radius: 10px; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} +html article.sections > .section .grid .element:last-child, +body article.sections > .section .grid .element:last-child { + border-top-right-radius: 0px; + border-top-left-radius: 0px; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} +html article.sections > .section .grid .element:only-child, +body article.sections > .section .grid .element:only-child { + border-top-right-radius: 10px; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} +html article.sections > .section .grid .element p, +body article.sections > .section .grid .element p { + padding: 0 0.5rem; + flex-grow: 1; +} +html article.sections > .section .grid .element p.explanation, +body article.sections > .section .grid .element p.explanation { + margin-top: 3px; +} +html article.sections > .section .grid .element h3.with-explanation, +body article.sections > .section .grid .element h3.with-explanation { + font-size: x-large; + margin-bottom: 0; +} +html article.sections > .section .grid > .hover, +body article.sections > .section .grid > .hover { + transition: transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1); +} +html article.sections > .section .grid > .hover:hover, +body article.sections > .section .grid > .hover:hover { + transform: translateX(15px); +} +@media screen and (min-width: 768px) { + html article.sections > .section .grid2x2 > .element, + body article.sections > .section .grid2x2 > .element { + width: 45%; + } + html article.sections > .section .grid2x2 > .element:first-child, + body article.sections > .section .grid2x2 > .element:first-child { + border-top-right-radius: 0px; + border-top-left-radius: 10px; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + } + html article.sections > .section .grid2x2 > .element:nth-child(2), + body article.sections > .section .grid2x2 > .element:nth-child(2) { + border-top-right-radius: 10px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + } + html article.sections > .section .grid2x2 > .element:nth-last-child(2), + body article.sections > .section .grid2x2 > .element:nth-last-child(2) { + border-top-right-radius: 0px; + border-top-left-radius: 0px; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 0px; + } + html article.sections > .section .grid2x2 > .element:last-child, + body article.sections > .section .grid2x2 > .element:last-child { + border-top-right-radius: 0px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 10px; + } + html article.sections > .section .grid2x2 > .hover:hover, + body article.sections > .section .grid2x2 > .hover:hover { + transform: translateY(-15px); + } +} +html article.sections > .section .grid-img > .element, +body article.sections > .section .grid-img > .element { + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; +} +html article.sections > .section .grid-img > .element div.block, +body article.sections > .section .grid-img > .element div.block { + flex-grow: 2; + display: block; +} +html article.sections > .section .grid-img > .element div.block > h3, +body article.sections > .section .grid-img > .element div.block > h3 { + text-align: center; + text-wrap: balance; + font-size: x-large; +} +html article.sections > .section .grid-img > .element img, +body article.sections > .section .grid-img > .element img { + margin-left: 1vw; + width: 50px; +} +html article.sections > .section .grid-plain > .element, +body article.sections > .section .grid-plain > .element { + width: 80%; + border: none; + background-color: inherit; + list-style-type: disc; + text-align: justify; + text-align-last: left; + line-break: loose; +} +html article.sections > .section > .note, +body article.sections > .section > .note { + font-style: italic; + text-align: center; + margin: 1vh 1vw; +} +html article.sections > .section > .note > .symbol, +body article.sections > .section > .note > .symbol { + display: inline-block; + animation: shake-x 4.72s ease infinite; + transform-origin: 50% 50%; +} +html footer, +body footer { + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-evenly; + min-height: 50px; + background-color: #10161d; + border-top: #00ADB5 0.2vh solid; + margin-top: auto; + margin-block-start: 10px; + padding-top: 10px; +} +html footer div, +body footer div { + text-align: center; +} +html a, +body a { + background-color: transparent; + text-decoration: none; +} +html a:link, +body a:link { + color: #00ADB5; +} +html a:visited, +body a:visited { + color: #129da3; +} +html a:hover, +body a:hover { + color: #00adb5; + text-decoration: underline; +} +html a:active, +body a:active { + color: #2d8488; +} +html .main-scrollable, +body .main-scrollable { + height: 100%; + overflow-y: auto; + -ms-overflow-style: none; + scrollbar-width: none; +} +html .main-scrollable::-webkit-scrollbar, +body .main-scrollable::-webkit-scrollbar { + display: none; +} +html .tooltip, +body .tooltip { + position: relative; + display: inline-block; +} +html .tooltip .tooltiptext, +body .tooltip .tooltiptext { + visibility: hidden; + width: 140px; + background-color: #555; + color: #fff; + text-align: center; + border-radius: 6px; + padding: 5px; + position: absolute; + z-index: 1; + bottom: 150%; + left: 50%; + margin-left: -75px; + opacity: 0; + transition: opacity 0.3s; +} +html .tooltip .tooltiptext::after, +body .tooltip .tooltiptext::after { + content: ""; + position: absolute; + top: 100%; + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: #555 transparent transparent transparent; +} +html .tooltip:hover .tooltiptext, +body .tooltip:hover .tooltiptext { + visibility: visible; + opacity: 1; +} + +/*# sourceMappingURL=main.css.map */ diff --git a/bagis/index.php b/bagis/index.php index add5cd6..26ea226 100644 --- a/bagis/index.php +++ b/bagis/index.php @@ -26,7 +26,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) { - + @@ -93,7 +93,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) { - + diff --git a/dev/playground/index.php b/dev/playground/index.php index 79bb490..6ec0c48 100644 --- a/dev/playground/index.php +++ b/dev/playground/index.php @@ -17,7 +17,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) { ?> - + diff --git a/iflpanel/index.php b/iflpanel/index.php index 9ad8ba6..aefc167 100644 --- a/iflpanel/index.php +++ b/iflpanel/index.php @@ -16,7 +16,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) { ?> - + @@ -51,7 +51,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {

!!! DİĞER İFLPANEL SERVİSLERİ KAPANMIŞTIR !!!

- + @@ -54,7 +54,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) { WIP for website UI/content - + @@ -84,7 +84,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) { - + @@ -34,9 +34,9 @@ if (!$_SERVER['DOCUMENT_ROOT']) { } } ?> - -Now | Aliberk Sandıkçı + + Now | Aliberk Sandıkçı @@ -50,14 +50,20 @@ if (!$_SERVER['DOCUMENT_ROOT']) {

What I'm Doing Now

-

Last Update: 11 November 2023

+

Last Update: 1 January 2024

Inspired by:
https://johanv.net/now/
https://nownownow.com/