fix css problem and update information/year

2024-01-01 11:13:38 +03:00 · 2024-01-01 11:13:38 +03:00 · b812ca26c5
parent d12692d246
commit b812ca26c5
12 changed files with 443 additions and 23 deletions
--- a/about/index.php
+++ b/about/index.php
@ -16,7 +16,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
 ?>

 <head>
-  <!--!Copyright © 2023 Aliberk Sandıkçı-->
+  <!--!Copyright © 2024 Aliberk Sandıkçı-->
  <meta charset="UTF-8">

  <!-- Meta Content -->
@ -67,7 +67,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
  </article>

  <footer>
-    <div class="tmpinfo">2023 &#x1f12f; Aliberk Sandıkçı</div>
+    <div class="tmpinfo">2024 &#x1f12f; Aliberk Sandıkçı</div>
  </footer>

  <?php
--- a/after-yks/index.php
+++ b/after-yks/index.php
@ -16,7 +16,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
 ?>

 <head>
-  <!--!Copyright © 2023 Aliberk Sandıkçı-->
+  <!--!Copyright © 2024 Aliberk Sandıkçı-->
  <meta charset="UTF-8">

  <!-- Meta Content -->
@ -57,7 +57,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
  </article>

  <footer>
-    <div class="tmpinfo">2023 &#x1f12f; Aliberk Sandıkçı</div>
+    <div class="tmpinfo">2024 &#x1f12f; Aliberk Sandıkçı</div>
  </footer>

  <?php
--- a/bagis/bagis.css
+++ b/bagis/bagis.css
@ -0,0 +1,414 @@
+.ssavpn-logo:before {
+  display: inline-block;
+  position: absolute;
+  width: 48px;
+  height: 48px;
+  background-size: 48px;
+  background-repeat: no-repeat;
+  left: 10%;
+  z-index: 10;
+  content: " ";
+  background-image: url("https://vpn.iflpanel.com/assets/iflpanel/ssavpn48x48.png");
+}
+
+.android-logo:before {
+  display: inline-block;
+  position: absolute;
+  width: 48px;
+  height: 48px;
+  background-size: 48px;
+  background-repeat: no-repeat;
+  left: 10%;
+  z-index: 10;
+  content: " ";
+  background-image: url("/assets/images/misc/android-logo.png");
+}
+
+@keyframes shake-x {
+  0% {
+    transform: translate(0, 0);
+  }
+  5% {
+    transform: translate(5px, 0);
+  }
+  10% {
+    transform: translate(0, 0);
+  }
+  15% {
+    transform: translate(5px, 0);
+  }
+  20% {
+    transform: translate(0, 0);
+  }
+  25% {
+    transform: translate(5px, 0);
+  }
+  30% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(0, 0);
+  }
+}
+.HIDDEN {
+  display: none;
+}
+
+html,
+body {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  font-family: "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", Arial, "Helvetica Neue", sans-serif;
+  background-color: #131a21;
+  color: #EEEEEE;
+}
+html header,
+body header {
+  display: flex;
+  align-items: center;
+  justify-content: left;
+  padding: 0px 10px;
+  min-height: 60px;
+  background-color: #131a21;
+  border-bottom: #00ADB5 0.2vh solid;
+  user-select: none;
+}
+html header #hlogo > 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 */
--- a/bagis/index.php
+++ b/bagis/index.php
@ -26,7 +26,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
  <meta name="author" content="Aliberk Sandıkçı">

  <!-- CSS Files -->
-  <link rel="stylesheet" type="text/css" href="/iflpanel/ssavpn/assets/css/main.css"> <!-- INNER CSS !!! -->
+  <link rel="stylesheet" type="text/css" href="./bagis.css"> <!-- INNER CSS !!! -->
  <link rel="stylesheet" type="text/css" href="/assets/css/extra_without_scss.css">

  
@ -93,7 +93,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
    </article>

    <footer>
-      <div class="tmpinfo">2023 &#x1f12f; Aliberk Sandıkçı</div>
+      <div class="tmpinfo">2024 &#x1f12f; Aliberk Sandıkçı</div>
    </footer>
  </div>
  <?php
--- a/data.json
+++ b/data.json
@ -1,10 +1,10 @@
 {
-  "year": "2023",
+  "year": "2024",
  "version": "0.0.5-d",
  "author": "Aliberk Sandıkçı",
  "source": "https://git.aliberksandikci.com.tr/asandikci.com/www",
  "dev-note": "Contribute on https://git.aliberksandikci.com.tr/asandikci/www and consider visiting /dev folder if you are a developer",
-  "copyright": "Copyright © 2023 Aliberk Sandıkçı",
+  "copyright": "Copyright © 2024 Aliberk Sandıkçı",
  "thanks":{
    "prism":["for syntax highlighting","https://github.com/PrismJS/prism/"]
  }
--- a/dev/index.php
+++ b/dev/index.php
@ -23,7 +23,7 @@ body{
 </style>

 <head>
-  <!--!Copyright © 2023 Aliberk Sandıkçı-->
+  <!--!Copyright © 2024 Aliberk Sandıkçı-->
  <meta charset="UTF-8">

  <!-- CSS Files -->
--- a/dev/playground/index.php
+++ b/dev/playground/index.php
@ -17,7 +17,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
 ?>

 <head>
-  <!--!Copyright © 2023 Aliberk Sandıkçı-->
+  <!--!Copyright © 2024 Aliberk Sandıkçı-->
  <meta charset="UTF-8">

  <!-- CSS Files -->
--- a/iflpanel/index.php
+++ b/iflpanel/index.php
@ -16,7 +16,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
 ?>

 <head>
-  <!--!Copyright © 2023 Aliberk Sandıkçı-->
+  <!--!Copyright © 2024 Aliberk Sandıkçı-->
  <meta charset="UTF-8">

  <!-- Meta Content -->
@ -51,7 +51,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
    <h3 style="align-self: center;">!!! DİĞER İFLPANEL SERVİSLERİ KAPANMIŞTIR !!!</h3>
  </article>
  <footer>
-    <div class="tmpinfo">2023 &#x1f12f; Aliberk Sandıkçı</div>
+    <div class="tmpinfo">2024 &#x1f12f; Aliberk Sandıkçı</div>
  </footer>

  <?php
--- a/iflpanel/path.php
+++ b/iflpanel/path.php
@ -57,7 +57,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
    </article>

    <footer>
-      <div class="tmpinfo">2023 &#x1f12f; Aliberk Sandıkçı</div>
+      <div class="tmpinfo">2024 &#x1f12f; Aliberk Sandıkçı</div>
    </footer>
  </div>
  <?php
--- a/index.php
+++ b/index.php
@ -16,7 +16,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
 ?>

 <head>
-  <!--!Copyright © 2023 Aliberk Sandıkçı-->
+  <!--!Copyright © 2024 Aliberk Sandıkçı-->
  <meta charset="UTF-8">

  <!-- Meta Content -->
@ -54,7 +54,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
  </article>
    <sup style="text-align:center; color:grey;">WIP for website UI/content</sup>
  <footer>
-    <div class="tmpinfo">2023 &#x1f12f; Aliberk Sandıkçı</div>
+    <div class="tmpinfo">2024 &#x1f12f; Aliberk Sandıkçı</div>
  </footer>

  <?php
--- a/link/index.php
+++ b/link/index.php
@ -16,7 +16,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
 ?>

 <head>
-  <!--!Copyright © 2023 Aliberk Sandıkçı-->
+  <!--!Copyright © 2024 Aliberk Sandıkçı-->
  <meta charset="UTF-8">

  <!-- Meta Content -->
@ -84,7 +84,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
  </div>

  <footer>
-    <div class="tmpinfo">2023 &#x1f12f; Aliberk Sandıkçı</div>
+    <div class="tmpinfo">2024 &#x1f12f; Aliberk Sandıkçı</div>
  </footer>
  <?php
  $dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT'] . "/assets/js");
--- a/now/index.php
+++ b/now/index.php
@ -16,7 +16,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
 ?>

 <head>
-  <!--!Copyright © 2023 Aliberk Sandıkçı-->
+  <!--!Copyright © 2024 Aliberk Sandıkçı-->
  <meta charset="UTF-8">

  <!-- Meta Content -->
@ -34,9 +34,9 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
    }
  } ?>

-  

-<title>Now | Aliberk Sandıkçı</title>
+
+  <title>Now | Aliberk Sandıkçı</title>
 </head>

 <body>
@ -50,14 +50,20 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
    <h1 class="title">What I'm Doing Now</h1>
    <ul>
      <li>📚 Focusing YKS 🤓</li>
-      <li>🧬 Working on a BioInformatic Project with my teammate</li>
+      <li>Projects 🛠</li>
+      <ul>
+        <li>🧬 Working on a BioInformatic Project with my teammate</li>
+        <li>🐅 Making a GNU/Linux GUI project that will increase usability</li>
+        <li>🏫 Making educational technology projects for my school. <a href="https://iflpanel.com">see</a>
+        </li>
+      </ul>
    </ul>
-    <p>Last Update: 11 November 2023</p>
+    <p>Last Update: 1 January 2024</p>
    <p style="font-size:small;">Inspired by: <br><a href="https://johanv.net/now/">https://johanv.net/now/</a><br><a href="https://nownownow.com/">https://nownownow.com/</a></p>
  </article>

  <footer>
-    <div class="tmpinfo">2023 &#x1f12f; Aliberk Sandıkçı</div>
+    <div class="tmpinfo">2024 &#x1f12f; Aliberk Sandıkçı</div>
  </footer>
  <?php
  $dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT'] . "/assets/js");