Improve landing page + add icons

This commit is contained in:
Mohamad Damaj 2023-12-03 22:43:34 +02:00
parent b8cf9f82df
commit 0e306baacb
7 changed files with 284 additions and 9 deletions

View file

@ -7,6 +7,7 @@ body {
a {
color: #fd7717;
}
/* End of main HTML style */
/* Introduction style */
@ -79,4 +80,4 @@ footer {
}
footer a {
color: #616b6f;
}
}

1
img/git.svg Normal file
View file

@ -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>

After

Width:  |  Height:  |  Size: 898 B

75
img/home.svg Normal file
View file

@ -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>

After

Width:  |  Height:  |  Size: 4.2 KiB

48
img/message.svg Executable file
View file

@ -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>

After

Width:  |  Height:  |  Size: 1.9 KiB

148
img/rss.svg Normal file
View file

@ -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>

After

Width:  |  Height:  |  Size: 6.2 KiB

View file

@ -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>
</html>

View file

@ -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>