From 0e306baacb9785de945c7960aeda3cd8681b54ac Mon Sep 17 00:00:00 2001
From: Mohamad Damaj <mohamad@damaj.tech>
Date: Sun, 3 Dec 2023 22:43:34 +0200
Subject: [PATCH] Improve landing page + add icons

---
 css/main.css         |   3 +-
 img/git.svg          |   1 +
 img/home.svg         |  75 ++++++++++++++++++++++
 img/message.svg      |  48 ++++++++++++++
 img/rss.svg          | 148 +++++++++++++++++++++++++++++++++++++++++++
 index.php            |  12 +++-
 templates/footer.php |   6 +-
 7 files changed, 284 insertions(+), 9 deletions(-)
 create mode 100644 img/git.svg
 create mode 100644 img/home.svg
 create mode 100755 img/message.svg
 create mode 100644 img/rss.svg

diff --git a/css/main.css b/css/main.css
index b66181a..ef190fe 100644
--- a/css/main.css
+++ b/css/main.css
@@ -7,6 +7,7 @@ body {
 a {
     color: #fd7717;
 }
+
 /* End of main HTML style */
 
 /* Introduction style */
@@ -79,4 +80,4 @@ footer {
 }
 footer a {
     color: #616b6f;
-}
\ No newline at end of file
+}
diff --git a/img/git.svg b/img/git.svg
new file mode 100644
index 0000000..6ad3bf5
--- /dev/null
+++ b/img/git.svg
@@ -0,0 +1 @@
+<svg width="2500" height="2500" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M251.172 116.594L139.4 4.828c-6.433-6.437-16.873-6.437-23.314 0l-23.21 23.21 29.443 29.443c6.842-2.312 14.688-.761 20.142 4.693 5.48 5.489 7.02 13.402 4.652 20.266l28.375 28.376c6.865-2.365 14.786-.835 20.269 4.657 7.663 7.66 7.663 20.075 0 27.74-7.665 7.666-20.08 7.666-27.749 0-5.764-5.77-7.188-14.235-4.27-21.336l-26.462-26.462-.003 69.637a19.82 19.82 0 0 1 5.188 3.71c7.663 7.66 7.663 20.076 0 27.747-7.665 7.662-20.086 7.662-27.74 0-7.663-7.671-7.663-20.086 0-27.746a19.654 19.654 0 0 1 6.421-4.281V94.196a19.378 19.378 0 0 1-6.421-4.281c-5.806-5.798-7.202-14.317-4.227-21.446L81.47 39.442l-76.64 76.635c-6.44 6.443-6.44 16.884 0 23.322l111.774 111.768c6.435 6.438 16.873 6.438 23.316 0l111.251-111.249c6.438-6.44 6.438-16.887 0-23.324" fill="#DE4C36"/></svg>
\ No newline at end of file
diff --git a/img/home.svg b/img/home.svg
new file mode 100644
index 0000000..8e78034
--- /dev/null
+++ b/img/home.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 110 105.446"
+   enable-background="new 0 0 100 100"
+   xml:space="preserve"
+   id="svg10"
+   sodipodi:docname="Noun_Project_house_icon_475319_cc.svg"
+   width="110"
+   height="105.446"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
+     id="metadata16"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs14"><linearGradient
+       inkscape:collect="always"
+       id="linearGradient3481"><stop
+         style="stop-color:#e05431;stop-opacity:1;"
+         offset="0"
+         id="stop3477" /><stop
+         style="stop-color:#deaf67;stop-opacity:1"
+         offset="1"
+         id="stop3479" /></linearGradient><linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3481"
+       id="linearGradient3483"
+       x1="102.75423"
+       y1="3.7076271"
+       x2="8.474576"
+       y2="95.868645"
+       gradientUnits="userSpaceOnUse" /></defs><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="705"
+     id="namedview12"
+     showgrid="false"
+     fit-margin-top="10"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="10"
+     inkscape:zoom="1.888"
+     inkscape:cx="55.349576"
+     inkscape:cy="39.989407"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10"
+     inkscape:pagecheckerboard="0" /><g
+     id="g2197"
+     style="fill:url(#linearGradient3483);fill-opacity:1"><path
+       d="M 98.575,43.573 85.639,32.793 v -19.21 c 0,-1.584 -1.289,-2.872 -2.873,-2.872 H 72.713 c -1.584,0 -2.872,1.288 -2.872,2.872 v 6.045 L 60.639,11.96 C 59.121,10.696 57.119,10 55,10 c -2.119,0 -4.121,0.696 -5.639,1.96 L 11.423,43.573 C 10.585,44.273 10,45.524 10,46.614 v 8.619 c 0,1.059 0.857,1.915 1.915,1.915 h 9.095 c 0.52,0 0.958,0.439 0.958,0.957 v 31.597 c 0,3.168 2.577,5.744 5.745,5.744 h 16.276 c 1.058,0 1.915,-0.855 1.915,-1.914 V 75.819 c 0,-5.017 4.081,-9.097 9.096,-9.097 5.016,0 9.096,4.08 9.096,9.097 v 17.713 c 0,1.059 0.857,1.914 1.916,1.914 h 16.275 c 3.168,0 5.745,-2.576 5.745,-5.744 V 58.105 c 0,-0.518 0.438,-0.957 0.956,-0.957 h 9.097 c 1.058,0 1.915,-0.856 1.915,-1.915 v -8.619 c 0,-1.09 -0.586,-2.341 -1.425,-3.041 z M 73.67,14.541 h 8.139 v 15.06 L 73.67,22.819 Z m 22.5,38.778 h -7.181 c -2.64,0 -4.787,2.147 -4.787,4.786 v 31.597 c 0,1.057 -0.859,1.914 -1.915,1.914 H 67.926 67.925 V 75.819 c 0,-7.128 -5.798,-12.927 -12.926,-12.927 -7.127,0 -12.925,5.799 -12.925,12.927 V 91.616 H 27.712 c -1.056,0 -1.915,-0.857 -1.915,-1.914 V 58.105 c 0,-2.639 -2.147,-4.786 -4.787,-4.786 h -7.182 l -0.003,-6.64 c 0.01,-0.054 0.062,-0.164 0.051,-0.164 L 51.811,14.902 c 0.819,-0.68 1.98,-1.071 3.188,-1.071 1.208,0 2.37,0.39 3.188,1.071 l 37.89,31.568 c 0.032,0.042 0.083,0.146 0.092,0.146 l 0.001,-0.002 z"
+       id="path2"
+       inkscape:connector-curvature="0"
+       style="fill:url(#linearGradient3483);fill-opacity:1.0" /><path
+       d="m 55,26.988 c -5.675,0 -10.292,4.617 -10.292,10.293 0,5.676 4.617,10.292 10.292,10.292 5.676,0 10.293,-4.616 10.293,-10.292 0,-5.676 -4.617,-10.293 -10.293,-10.293 z m 0,16.756 c -3.564,0 -6.463,-2.899 -6.463,-6.463 0,-3.563 2.899,-6.463 6.463,-6.463 3.563,0 6.463,2.9 6.463,6.463 0,3.565 -2.9,6.463 -6.463,6.463 z"
+       id="path4"
+       inkscape:connector-curvature="0"
+       style="fill:url(#linearGradient3483);fill-opacity:1.0" /></g></svg>
diff --git a/img/message.svg b/img/message.svg
new file mode 100755
index 0000000..9ac32fc
--- /dev/null
+++ b/img/message.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   width="192"
+   height="192"
+   id="svg3"
+   sodipodi:docname="image_proxy.svg"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs3" />
+  <sodipodi:namedview
+     id="namedview3"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="4.484375"
+     inkscape:cx="96"
+     inkscape:cy="96"
+     inkscape:window-width="1858"
+     inkscape:window-height="1057"
+     inkscape:window-x="54"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg3" />
+  <path
+     fill="#86A9FF"
+     d="M58.639,123.429C26.222,123.429,0,95.767,0,61.714S26.222,0,58.639,0h61.008 c32.417,0,58.639,27.662,58.639,61.714s-26.222,61.714-58.639,61.714H58.639z"
+     id="path1"
+     style="fill:#fea667;fill-opacity:1" />
+  <path
+     fill="#578CFF"
+     d="M98.181,148.368V186c0,3.274-2.637,6-5.798,6c-1.547-0.011-3.022-0.651-4.087-1.773l-57.189-58.903 c-11.201-11.451-17.393-27.13-17.393-43.358c0-33.405,26.222-60.538,58.639-60.538h61.008c32.417,0,58.639,27.134,58.639,60.538 s-26.222,60.538-58.639,60.538H98.181V148.368z"
+     id="path2"
+     style="fill:#fd7717;fill-opacity:1" />
+  <path
+     fill="#0057CC"
+     d="M58.354,123.429h61.155c32.493,0,58.776-28.303,58.776-63.147c0-4.125-0.398-8.105-1.056-12.089 c-10.697-12.799-26.283-20.763-43.587-20.763H72.49c-32.493,0-58.776,28.303-58.776,63.147c0,4.125,0.398,8.105,1.056,11.945 c10.697,12.799,26.283,20.907,43.587,20.907H58.354z"
+     id="path3"
+     style="fill:#fd7717;fill-opacity:1" />
+</svg>
diff --git a/img/rss.svg b/img/rss.svg
new file mode 100644
index 0000000..939871d
--- /dev/null
+++ b/img/rss.svg
@@ -0,0 +1,148 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="256"
+   height="256"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.47 r22583"
+   sodipodi:docname="rss-feed.svg"
+   version="1.0"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2555">
+      <stop
+         style="stop-color: rgb(255, 255, 255); stop-opacity: 1;"
+         offset="0"
+         id="stop2557" />
+      <stop
+         style="stop-color: rgb(255, 255, 255); stop-opacity: 0;"
+         offset="1"
+         id="stop2559" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2555"
+       id="linearGradient2449"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.5914583,0,0,0.5914584,210.0216,142.2324)"
+       x1="-344.15295"
+       y1="274.711"
+       x2="-395.84943"
+       y2="425.39993" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="430.42472"
+     inkscape:cy="131.48311"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:window-width="782"
+     inkscape:window-height="674"
+     inkscape:window-x="1"
+     inkscape:window-y="281"
+     showgrid="false"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+        <dc:creator>
+          <cc:Agent>
+            <dc:title />
+          </cc:Agent>
+        </dc:creator>
+        <dc:subject>
+          <rdf:Bag />
+        </dc:subject>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
+        <dc:description />
+        <dc:contributor>
+          <cc:Agent>
+            <dc:title />
+          </cc:Agent>
+        </dc:contributor>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-373.642,-318.344)">
+    <rect
+       inkscape:export-ydpi="7.7063322"
+       inkscape:export-xdpi="7.7063322"
+       inkscape:export-filename="C:\Documents and Settings\Molumen\Desktop\path3511111.png"
+       transform="scale(-1,1)"
+       ry="35.487503"
+       rx="35.487503"
+       y="328.84921"
+       x="-619.14587"
+       height="234.98955"
+       width="235.00784"
+       id="rect1942"
+       style="fill:#e15a00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.87500000000000000;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.87500000000000000, 1.75000000000000000;stroke-dashoffset:0;stroke-opacity:1" />
+    <path
+       inkscape:export-ydpi="7.7063322"
+       inkscape:export-xdpi="7.7063322"
+       inkscape:export-filename="C:\Documents and Settings\Molumen\Desktop\path3511111.png"
+       sodipodi:nodetypes="ccccsssc"
+       id="path1950"
+       d="M 557.05665,338.89518 L 446.22721,338.89518 C 416.89033,338.89518 393.27256,362.70492 393.27256,392.28025 L 393.27256,500.40761 C 394.22216,523.49366 397.87485,508.89915 404.82758,483.3329 C 412.90814,453.61975 439.22406,427.65003 471.27219,408.1872 C 495.73352,393.33195 523.11328,383.84595 572.95174,382.94353 C 601.21656,382.43177 598.72124,346.26062 557.05665,338.89518 z"
+       style="opacity:0.60747664;fill:url(#linearGradient2449);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.87500000000000000;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.87500000000000000, 1.75000000000000000;stroke-dashoffset:0;stroke-opacity:1" />
+    <path
+       sodipodi:type="arc"
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path5270"
+       sodipodi:cx="360.35715"
+       sodipodi:cy="200.64285"
+       sodipodi:rx="24.642859"
+       sodipodi:ry="23.928572"
+       d="m 385.00001,200.64285 c 0,13.21539 -11.03299,23.92857 -24.64286,23.92857 -13.60988,0 -24.64286,-10.71318 -24.64286,-23.92857 0,-13.21538 11.03298,-23.92857 24.64286,-23.92857 13.60987,0 24.64286,10.71319 24.64286,23.92857 z"
+       transform="matrix(0.8699574,0,0,0.8699574,135.15631,330.52863)" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 427.83482,455.05681 L 427.76203,424.78365 C 492.4681,428.1591 528.38081,474.45682 529.26224,526.72326 L 498.944,526.72326 C 498.44099,480.78249 467.20335,456.72804 427.83482,455.05681 z"
+       id="path5805"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 428.20143,404.57149 L 427.32264,373.81385 C 526.75104,378.43011 580.00028,450.58197 580.67143,526.72326 L 549.4744,526.28386 C 550.83932,477.58037 514.80871,406.01731 428.20143,404.57149 z"
+       id="path5807"
+       sodipodi:nodetypes="ccccc" />
+  </g>
+</svg>
diff --git a/index.php b/index.php
index 8ac26d7..874420d 100644
--- a/index.php
+++ b/index.php
@@ -15,8 +15,14 @@
 <p> Welcome to my space, </p>
 <p> Feel free to look around. </p>
 <hr></hr>
-<h4> Ressources: </h4>
-<a href="/"><img src="/img/home.svg"</img>- Home</a>
+<h4> Various services and content i got: </h4>
+<a href="/"><img src="/img/home.svg" width="25px" height="25px"</img>- Home</a>
+<br></br>
+<a href="/site/contact"><img src="/img/message.svg" width="25px" height="25px"</img>- Contact Me</a>
+<br></br>
+<a href="/site/blog"><img src="/img/rss.svg" width="25px" height="25px"</img>- Blog</a>
+<br></br>
+<a href="https://git.damaj.tech"><img src="/img/git.svg" width="25px" height="25px"></img>- Git Server</a>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/templates/footer.php b/templates/footer.php
index f69fe47..05e7708 100644
--- a/templates/footer.php
+++ b/templates/footer.php
@@ -1,5 +1 @@
-<footer>
-<a href=https://git.damaj.tech/Damaj301damaj/damaj.tech>Source(Git)</a>
-<p>-</p>
-<a href=https://creativecommons.org/licenses/by-sa/4.0/>License</a>
-</footer>
+<p><footer><a href=https://git.damaj.tech/Damaj301damaj/damaj.tech>Source(Git)</a> - <a href=https://creativecommons.org/licenses/by-sa/4.0/>License</a></footer></p>