From 05f24c50a869c80ac21b770b574ce548499334cc Mon Sep 17 00:00:00 2001 From: sld-admin Date: Mon, 27 Apr 2026 08:48:03 +0100 Subject: [PATCH] firts commit --- assets/css/animations.css | 20 ++++++++ assets/css/style.css | 18 ++++++++ assets/css/variables.css | 86 +++++++++++++++++++++++++++++++++++ assets/js/main.js | 9 ++++ config/constants.php | 36 +++++++++++++++ config/db.php | 20 ++++++++ config/functions_init.php | 22 +++++++++ config/init.php | 24 ++++++++++ config/settings.php | 22 +++++++++ functions/blocknotes_func.php | 0 includes/head_links.php | 7 +++ includes/js_footer.php | 3 ++ index.php | 6 +++ pages/db-error.php | 72 +++++++++++++++++++++++++++++ pages/env-error.php | 50 ++++++++++++++++++++ pages/home.php | 0 templates/footer.php | 7 +++ templates/header.php | 18 ++++++++ 18 files changed, 420 insertions(+) create mode 100644 assets/css/animations.css create mode 100644 assets/css/style.css create mode 100644 assets/css/variables.css create mode 100644 assets/js/main.js create mode 100644 config/constants.php create mode 100644 config/db.php create mode 100644 config/functions_init.php create mode 100644 config/init.php create mode 100644 config/settings.php create mode 100644 functions/blocknotes_func.php create mode 100644 includes/head_links.php create mode 100644 includes/js_footer.php create mode 100644 index.php create mode 100644 pages/db-error.php create mode 100644 pages/env-error.php create mode 100644 pages/home.php create mode 100644 templates/footer.php create mode 100644 templates/header.php diff --git a/assets/css/animations.css b/assets/css/animations.css new file mode 100644 index 0000000..b29e099 --- /dev/null +++ b/assets/css/animations.css @@ -0,0 +1,20 @@ +@keyframes example { + 0% {background-color: red;} + 25% {background-color: yellow;} + 50% {background-color: blue;} + 100% {background-color: green;} +} + +/* ### EXAMPLE SETTING CODE ### + animation-name: example; + animation-duration: 4s; + animation-iteration-count: 2; + animation-direction: alternate-reverse; + animation-delay: -2s; + animation-fill-mode: forwards; + animation-timing-function: ease-in-out;} + + ### SAME ABOVE ANIMATION IN ONE LINE CODE ### + animation: example 5s linear 2s infinite alternate; +*/ + diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..2a4c2a7 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,18 @@ +html { scroll-behavior: smooth; } +*{ box-sizing: border-box; margin:0; padding:0;} + + +.main-nav{ + display:flex; + width:100%; + gap: 1rem; + align-items: center; + justify-content: flex-start; + list-style-type: none; + padding:1rem; +} + +.main-nav a { + text-decoration: none; +} + diff --git a/assets/css/variables.css b/assets/css/variables.css new file mode 100644 index 0000000..37fe40e --- /dev/null +++ b/assets/css/variables.css @@ -0,0 +1,86 @@ +:root { + /*### PrimaryColor ###*/ + --demo1:hsl(98, 100%, 50%);/*Use this only to check the color (--pri) if is fine*/ + --pri:98; /*Change only this from the color that you need! Don't Touch the code below!*/ + /*The color below is automaticaly created 20 levels of lightness*/ + --priCol20:hsl(var(--pri), 100%, 100%); + --priCol19:hsl(var(--pri), 100%, 95%); + --priCol18:hsl(var(--pri), 100%, 90%); + --priCol17:hsl(var(--pri), 100%, 85%); + --priCol16:hsl(var(--pri), 100%, 80%); + --priCol15:hsl(var(--pri), 100%, 75%); + --priCol14:hsl(var(--pri), 100%, 70%); + --priCol13:hsl(var(--pri), 100%, 65%); + --priCol12:hsl(var(--pri), 100%, 60%); + --priCol11:hsl(var(--pri), 100%, 55%); + --priCol10:hsl(var(--pri), 100%, 50%); + --priCol9:hsl(var(--pri), 100%, 45%); + --priCol8:hsl(var(--pri), 100%, 40%); + --priCol7:hsl(var(--pri), 100%, 35%); + --priCol6:hsl(var(--pri), 100%, 30%); + --priCol5:hsl(var(--pri), 100%, 25%); + --priCol4:hsl(var(--pri), 100%, 20%); + --priCol3:hsl(var(--pri), 100%, 15%); + --priCol2:hsl(var(--pri), 100%, 10%); + --priCol1:hsl(var(--pri), 100%, 5%); + + /*### SecondColor ###*/ + --demo2:hsl(207, 100%, 50%);/*Use this only to check the color (--pri) if is fine*/ + --sec:207; /*Change only this from the color that you need! Don't Touch the code below!*/ + /*The color below is automaticaly created 20 levels of lightness*/ + --secCol20:hsl(var(--sec), 100%, 100%); + --secCol19:hsl(var(--sec), 100%, 95%); + --secCol18:hsl(var(--sec), 100%, 90%); + --secCol17:hsl(var(--sec), 100%, 85%); + --secCol16:hsl(var(--sec), 100%, 80%); + --secCol15:hsl(var(--sec), 100%, 75%); + --secCol14:hsl(var(--sec), 100%, 70%); + --secCol13:hsl(var(--sec), 100%, 65%); + --secCol12:hsl(var(--sec), 100%, 60%); + --secCol11:hsl(var(--sec), 100%, 55%); + --secCol10:hsl(var(--sec), 100%, 50%); + --secCol9:hsl(var(--sec), 100%, 45%); + --secCol8:hsl(var(--sec), 100%, 40%); + --secCol7:hsl(var(--sec), 100%, 35%); + --secCol6:hsl(var(--sec), 100%, 30%); + --secCol5:hsl(var(--sec), 100%, 25%); + --secCol4:hsl(var(--sec), 100%, 20%); + --secCol3:hsl(var(--sec), 100%, 15%); + --secCol2:hsl(var(--sec), 100%, 10%); + --secCol1:hsl(var(--sec), 100%, 5%); + + /*### ThirdColor ###*/ + --demo3:hsl(280, 100%, 50%);/*Use this only to check the color (--pri) if is fine*/ + --thi:280; /*Change only this from the color that you need! Don't Touch the code below!*/ + /*The color below is automaticaly created 20 levels of lightness*/ + --thiCol20:hsl(var(--thi), 100%, 100%); + --thiCol19:hsl(var(--thi), 100%, 95%); + --thiCol18:hsl(var(--thi), 100%, 90%); + --thiCol17:hsl(var(--thi), 100%, 85%); + --thiCol16:hsl(var(--thi), 100%, 80%); + --thiCol15:hsl(var(--thi), 100%, 75%); + --thiCol14:hsl(var(--thi), 100%, 70%); + --thiCol13:hsl(var(--thi), 100%, 65%); + --thiCol12:hsl(var(--thi), 100%, 60%); + --thiCol11:hsl(var(--thi), 100%, 55%); + --thiCol10:hsl(var(--thi), 100%, 50%); + --thiCol9:hsl(var(--thi), 100%, 45%); + --thiCol8:hsl(var(--thi), 100%, 40%); + --thiCol7:hsl(var(--thi), 100%, 35%); + --thiCol6:hsl(var(--thi), 100%, 30%); + --thiCol5:hsl(var(--thi), 100%, 25%); + --thiCol4:hsl(var(--thi), 100%, 20%); + --thiCol3:hsl(var(--thi), 100%, 15%); + --thiCol2:hsl(var(--thi), 100%, 10%); + --thiCol1:hsl(var(--thi), 100%, 5%); + + /*######################################*/ + + /*##### Default Variable #####*/ + --padsidepage:0 25px; /*Padding side for page*/ +} + +/* ### Use Example ### +background-color:var(--main-bg-color) +*/ + diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..5f8d470 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,9 @@ +/* @ default js*/ +function yearNow(textlocation) { + //This is a function to substitutes a value into the current year. + //Usually good for the footer. + var data = new Date(); + var year; + year = data.getFullYear(); + document.querySelector(textlocation).replaceWith(year); +} \ No newline at end of file diff --git a/config/constants.php b/config/constants.php new file mode 100644 index 0000000..dc2ffdb --- /dev/null +++ b/config/constants.php @@ -0,0 +1,36 @@ + \ No newline at end of file diff --git a/config/db.php b/config/db.php new file mode 100644 index 0000000..ef21387 --- /dev/null +++ b/config/db.php @@ -0,0 +1,20 @@ + \ No newline at end of file diff --git a/config/functions_init.php b/config/functions_init.php new file mode 100644 index 0000000..20d14b7 --- /dev/null +++ b/config/functions_init.php @@ -0,0 +1,22 @@ +ERROR: Variable '\$env' is empty!

"; + $help="

Please insert the correct value in the file 'config/init.php' or leave it to 'generic'

"; + }else{ + $result="

ERROR: The environment '{$env}' not exists!

"; + $help="

Please insert the correct value in the file 'config/init.php or leave it to 'generic'

"; + } + + if($option == "result"){ + echo $result; + }elseif($option == "help"){ + echo $help; + }else{ + echo "ERROR: Wrong attribute in declared in the function!"; + die; + } + + } +?> \ No newline at end of file diff --git a/config/init.php b/config/init.php new file mode 100644 index 0000000..7a0f3d2 --- /dev/null +++ b/config/init.php @@ -0,0 +1,24 @@ + \ No newline at end of file diff --git a/config/settings.php b/config/settings.php new file mode 100644 index 0000000..937e6df --- /dev/null +++ b/config/settings.php @@ -0,0 +1,22 @@ + \ No newline at end of file diff --git a/functions/blocknotes_func.php b/functions/blocknotes_func.php new file mode 100644 index 0000000..e69de29 diff --git a/includes/head_links.php b/includes/head_links.php new file mode 100644 index 0000000..eb12770 --- /dev/null +++ b/includes/head_links.php @@ -0,0 +1,7 @@ + + + + + + + diff --git a/includes/js_footer.php b/includes/js_footer.php new file mode 100644 index 0000000..e335211 --- /dev/null +++ b/includes/js_footer.php @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..013d0c9 --- /dev/null +++ b/index.php @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/pages/db-error.php b/pages/db-error.php new file mode 100644 index 0000000..d86e7ca --- /dev/null +++ b/pages/db-error.php @@ -0,0 +1,72 @@ + + + + + + Error Environment + + + +
+

ERROR: Can't establish a db connection!

+

Please check the db.php configurations.

+ Error Details: " . $e->getMessage() . "

"; + + } + ?> +
+ + + + + + + + \ No newline at end of file diff --git a/pages/env-error.php b/pages/env-error.php new file mode 100644 index 0000000..619d9bc --- /dev/null +++ b/pages/env-error.php @@ -0,0 +1,50 @@ + + + + + + Error Environment + + + +
+ +
+ + \ No newline at end of file diff --git a/pages/home.php b/pages/home.php new file mode 100644 index 0000000..e69de29 diff --git a/templates/footer.php b/templates/footer.php new file mode 100644 index 0000000..c6b91cb --- /dev/null +++ b/templates/footer.php @@ -0,0 +1,7 @@ + + + + \ No newline at end of file diff --git a/templates/header.php b/templates/header.php new file mode 100644 index 0000000..a08b6a0 --- /dev/null +++ b/templates/header.php @@ -0,0 +1,18 @@ + + + + + + + Document + + +
+ +
\ No newline at end of file