loo

2023-05-11 17:58:03 +03:00 · 2023-05-11 17:58:03 +03:00 · 6c666b805d
parent 81ce342306
commit 6c666b805d
6 changed files with 117 additions and 68 deletions
--- a/DEVELOPMENT/dependency.sh
+++ b/DEVELOPMENT/dependency.sh
@ -20,3 +20,6 @@ whereis php

 # check php version with:
 php --version
+
+# When running in local machine link /weblink to ./www
+ln -sv /path/to/www/ /weblink
--- a/assets/css/main.css
+++ b/assets/css/main.css
@ -1,35 +1,26 @@
-:root {
-  --palette1-color1: #212A3E;
-  --palette1-color2: #394867;
-  --palette1-color3: #9BA4B5;
-  --palette1-color4: #F1F6F9;
-  --palette2-color1: #1B262C;
-  --palette2-color2: #0F4C75;
-  --palette2-color3: #3282B8;
-  --palette2-color4: #BBE1FA;
-  --cur-color1: var(--palette2-color1);
-  --cur-color2: var(--palette2-color2);
-  --cur-color3: var(--palette2-color3);
-  --cur-color4: var(--palette2-color4);
-}
-
 body {
-  background-color: var(--cur-color1);
+  background-color: #212A3E;
 }
-
-.outline {
+body .block-out {
  display: flex;
  flex-direction: column;
+  margin: 0rem 5rem;
+  align-self: center;
 }
-
-.inline {
-  background-color: var(--cur-color2);
-  color: var(--cur-color4);
+body .block-out .block-in {
+  background-color: #394867;
+  color: #F1F6F9;
  border-radius: 10px;
  border-style: groove;
  padding: 1rem 0;
+  margin: 1rem 0;
+}
+body .block-out .block-in .basic-list {
+  text-align: center;
+  list-style-type: none;
+}
+body .block-out .block-in .basic-list > .block-list-in {
+  padding: 1rem 0;
 }

-
-
 /*# sourceMappingURL=main.css.map */
--- a/assets/css/main.css.map
+++ b/assets/css/main.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.css"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss"],"names":[],"mappings":"AAeA;EACE,kBAhBgB;;AAkBhB;EACE;EACA;EACA;EACA;;AAEA;EACE,kBAxBY;EAyBZ,OAvBY;EAyBZ;EACA;EAEA;EACA;;AAEA;EACE;EACA;;AAEA;EACE","file":"main.css"}
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@ -1,35 +1,47 @@
-:root {
-  --palette1-color1: #212A3E;
-  --palette1-color2: #394867;
-  --palette1-color3: #9BA4B5;
-  --palette1-color4: #F1F6F9;
+$palette1-color1: #212A3E;
+$palette1-color2: #394867;
+$palette1-color3: #9BA4B5;
+$palette1-color4: #F1F6F9;

-  --palette2-color1: #1B262C;
-  --palette2-color2: #0F4C75;
-  --palette2-color3: #3282B8;
-  --palette2-color4: #BBE1FA;
+$palette2-color1: #1B262C;
+$palette2-color2: #0F4C75;
+$palette2-color3: #3282B8;
+$palette2-color4: #BBE1FA;

-  --cur-color1: var(--palette2-color1);
-  --cur-color2: var(--palette2-color2);
-  --cur-color3: var(--palette2-color3);
-  --cur-color4: var(--palette2-color4);
-}
+$cur-color1: $palette1-color1;
+$cur-color2: $palette1-color2;
+$cur-color3: $palette1-color3;
+$cur-color4: $palette1-color4;

 body {
-  background-color: var(--cur-color1);
-}
+  background-color: $cur-color1;

-.outline {
-  display: flex;
-  flex-direction: column;
-}
+  .block-out {
+    display: flex;
+    flex-direction: column;
+    margin: 0rem 5rem;
+    align-self: center;

-.inline {
-  background-color: var(--cur-color2);
-  color: var(--cur-color4);
+    .block-in {
+      background-color: $cur-color2;
+      color: $cur-color4;

-  border-radius: 10px;
-  border-style: groove;
+      border-radius: 10px;
+      border-style: groove;
+
+      padding: 1rem 0;
+      margin: 1rem 0;
+
+      .basic-list {
+        text-align: center;
+        list-style-type: none;
+  
+        >.block-list-in{
+          padding: 1rem 0;
+        }
+      }
+    }
+
+  }

-  padding: 1rem 0;
 }
--- a/dev/index.php
+++ b/dev/index.php
@ -1,13 +1,34 @@
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">

+<?php
+### ERROR HANDLING ###
+
+function warnError($errno, $errstr, $errfile, $errline)
+{
+  echo "<br><p style='padding:0px;margin:0px;background-color:white;color:black;'><b style='color:red;'>Error:</b> [$errno] $errstr <br> in file <b style='color:blue'>$errfile</b> line <b style='color:red'>$errline</b></p>";
+}
+set_error_handler("warnError");
+
+if (!$_SERVER['DOCUMENT_ROOT']) {
+  $_SERVER['DOCUMENT_ROOT'] = '/weblink';
+}
+# TODO separate file
+?>
+
+<style>
+body{
+  color: white;
+}
+</style>
+
 <head>
  <!--!Copyright © 2023 Aliberk Sandıkçı-->
  <meta charset="UTF-8">

  <!-- CSS Files -->
  <?php
-  $dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT']."/assets/css");
+  $dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT'] . "/assets/css");
  foreach ($dir as $file) {
    if ((!$file->isDot()) && str_ends_with($file, ".css")) {
      echo '<link rel="stylesheet" href="/assets/css/' . $file . '">' . PHP_EOL . '  ';
@ -21,8 +42,9 @@
 <body>
  <h1>DEVELOPMENT PAGE</h1>
  <hr>
-  
+
  <?php
+
  echo 'DOCUMENTS_ROOT:' . $_SERVER['DOCUMENT_ROOT']  . PHP_EOL . "<br>";
  echo 'PHP_SELF:' . $_SERVER['PHP_SELF']  . PHP_EOL . "<br>";
  echo 'GATEWAY_INTERFACE:' . $_SERVER['GATEWAY_INTERFACE']  . PHP_EOL . "<br>";
@ -57,8 +79,8 @@
  ?>


-<?php
-  $dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT']."/assets/js");
+  <?php
+  $dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT'] . "/assets/js");
  foreach ($dir as $file) {
    if ((!$file->isDot()) && str_ends_with($file, ".js") && $file != "jquery.js") {
      echo '<script src="/assets/js/' . $file . '"></script>' . PHP_EOL . '  ';
--- a/links/index.php
+++ b/links/index.php
@ -1,5 +1,19 @@
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<?php
+### ERROR HANDLING ###
+
+function warnError($errno, $errstr, $errfile, $errline)
+{
+  echo "<br><p style='padding:0px;margin:0px;background-color:white;color:black;'><b style='color:red;'>Error:</b> [$errno] $errstr <br> in file <b style='color:blue'>$errfile</b> line <b style='color:red'>$errline</b></p>";
+}
+set_error_handler("warnError");
+
+if (!$_SERVER['DOCUMENT_ROOT']) {
+  $_SERVER['DOCUMENT_ROOT'] = '/weblink';
+}
+# TODO separate file
+?>

 <head>
  <!--!Copyright © 2023 Aliberk Sandıkçı-->
@ -13,33 +27,40 @@

  <!-- CSS Files -->
  <?php
-  $dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT']."/assets/css");
+  $dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT'] . "/assets/css");
  foreach ($dir as $file) {
    if ((!$file->isDot()) && str_ends_with($file, ".css")) {
      echo '<link rel="stylesheet" href="/assets/css/' . $file . '">' . PHP_EOL . '  ';
    }
  } ?>

-  <title>Aliberk Sandıkçı | Personel Website | aliberksandikci.com.tr</title>
+  <title>My Links | Aliberk Sandıkçı</title>
 </head>


 <body>
-  <div class="outline">
-    <ul class="inline">
-      <li><a href="https://asandikci.com/about">About me (not ready)</a></li>
-      <li><a href="https://mastodon.social/@asandikci">Mastodon (Fediverse)</a></li>
-    </ul>
+  <h1>STILL UNDER ACTIVE DEVELOPMENT</h1>

-    <ul class="inline">
-      <li><a href="https://www.instagram.com/aliberksandikci/">Instagram</a></li>
-      <li>Discord: kinetokor#7641</li>
-    </ul>
+  <div class="block-out">
+
+    <div class="block-in">
+      <ul class="basic-list">
+        <li class="block-list-in"><a href="https://asandikci.com/about">About me (not ready)</a></li>
+        <li class="block-list-in"><a href="https://mastodon.social/@asandikci">Mastodon (Fediverse)</a></li>
+      </ul>
+    </div>
+
+    <div class="block-in">
+      <ul class="basic-list">
+        <li class="block-list-in"><a href="https://www.instagram.com/aliberksandikci/">Instagram</a></li>
+        <li class="block-list-in">Discord: kinetokor#7641</li>
+      </ul>
+    </div>

  </div>

-<?php
-  $dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT']."/assets/js");
+  <?php
+  $dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT'] . "/assets/js");
  foreach ($dir as $file) {
    if ((!$file->isDot()) && str_ends_with($file, ".js") && $file != "jquery.js") {
      echo '<script src="/assets/js/' . $file . '"></script>' . PHP_EOL . '  ';