Redone the error pages and assets

pull/3/head
Gianmarco Gargiulo 2022-08-18 20:06:54 +02:00
parent bcbf28b67b
commit 4bbf785f3d
20 changed files with 1610 additions and 21649 deletions

58
content/errors/400.html Executable file → Normal file
View File

@ -1,40 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="/errors/css/materialize.min.css" media="screen,projection"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta property="og:title" content="Gianmarco Gargiulo" />
<meta property="og:description" content="UI Designer, Photographer and Artist" />
<meta property="og:image" content="/img/me.png" />
<meta charset="UTF-8">
<meta name="google-site-verification" content="6nUvptq4ULbonGpbRSm2NGNq1eu1QSTiWOmR-qZBM3k" />
<link rel="shortcut icon" href="/favicon.ico">
<script src="/errors/js/materialize.min.js"></script>
<html lang="">
<head>
<meta charset="utf-8">
<title>Error 400 - Gianmarco Gargiulo</title>
</head>
<body>
<style>
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
.container {
flex: 1 0 auto;
}
.container {
display: flex;
align-items: center;
}
html, body {
height: 100%;
}
html {
display: table;
margin: auto;
}
body {
display: table-cell;
vertical-align: middle;
background-color: #2a2c2b;
}
</style>
</head>
<body style="background: url('/img/whitebg.png'); background-repeat: no-repeat; background-size: cover;" >
<div class="container">
<div align="center" style="width: 100%;">
<div class="col s12">
<img src="/errors/img/400.png" alt="Error 400">
</div>
</div>
</body>
</html>
<img src="400.svg" width="569px" height="320px" />
</body>
</html>

300
content/errors/400.svg Normal file
View File

@ -0,0 +1,300 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1366"
height="768"
viewBox="0 0 1366 768"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="400.svg"
inkscape:export-filename="error.png"
inkscape:export-xdpi="40"
inkscape:export-ydpi="40"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="0.36555055"
inkscape:cx="529.33856"
inkscape:cy="276.29558"
inkscape:window-width="1346"
inkscape:window-height="675"
inkscape:window-x="10"
inkscape:window-y="10"
inkscape:window-maximized="0"
inkscape:current-layer="g1661" />
<defs
id="defs2">
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1726" />
<linearGradient
inkscape:collect="always"
id="linearGradient1627">
<stop
style="stop-color:#75120c;stop-opacity:1;"
offset="0"
id="stop1623" />
<stop
style="stop-color:#eb4034;stop-opacity:1;"
offset="1"
id="stop1625" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient1534">
<stop
style="stop-color:#e01f1f;stop-opacity:1;"
offset="0"
id="stop1530" />
<stop
style="stop-color:#750000;stop-opacity:1;"
offset="1"
id="stop1532" />
</linearGradient>
<rect
x="128.21036"
y="358.3636"
width="118.82912"
height="105.06996"
id="rect1422" />
<linearGradient
inkscape:collect="always"
id="linearGradient1312">
<stop
style="stop-color:#cccccc;stop-opacity:1;"
offset="0"
id="stop1308" />
<stop
style="stop-color:#9e9e9e;stop-opacity:1;"
offset="1"
id="stop1310" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient1012">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop1008" />
<stop
style="stop-color:#cccccc;stop-opacity:1;"
offset="1"
id="stop1010" />
</linearGradient>
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 384 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="1366 : 384 : 1"
inkscape:persp3d-origin="683 : 256 : 1"
id="perspective240" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1012"
id="linearGradient1014"
x1="214.14874"
y1="476.97568"
x2="413.89816"
y2="426.7525"
gradientUnits="userSpaceOnUse"
gradientTransform="rotate(-21.915376,130.62986,196.54856)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1312"
id="linearGradient1199"
gradientUnits="userSpaceOnUse"
x1="245.04614"
y1="496.28656"
x2="390.71823"
y2="448.00076"
gradientTransform="rotate(-21.915376,-253.47936,270.91749)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1534"
id="linearGradient1536"
x1="300.54199"
y1="479.15448"
x2="311.96014"
y2="516.67126"
gradientUnits="userSpaceOnUse" />
<mask
maskUnits="userSpaceOnUse"
id="mask1546">
<path
id="mask-powermask-path-effect1554_box"
style="fill:#ffffff;fill-opacity:1"
d="m 288.12384,478.15448 h 24.8363 v 37.88562 h -24.8363 z" />
<g
id="g1552"
style="">
<ellipse
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0"
id="ellipse1548"
cx="293.20352"
cy="508.32104"
rx="8.4691944"
ry="9.1467295" />
<ellipse
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0"
id="ellipse1550"
cx="305.22977"
cy="508.99857"
rx="8.2998104"
ry="9.4854975" />
</g>
</mask>
<filter
id="mask-powermask-path-effect1554_inverse"
inkscape:label="filtermask-powermask-path-effect1554"
style="color-interpolation-filters:sRGB"
height="100"
width="100"
x="-50"
y="-50">
<feColorMatrix
id="mask-powermask-path-effect1554_primitive1"
values="1"
type="saturate"
result="fbSourceGraphic" />
<feColorMatrix
id="mask-powermask-path-effect1554_primitive2"
values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
in="fbSourceGraphic" />
</filter>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient1627"
id="radialGradient1664"
cx="92.890358"
cy="200.66901"
fx="92.890358"
fy="200.66901"
r="40.74736"
gradientTransform="matrix(-0.04697488,2.2375154,-1.8924311,-0.03973008,650.26873,83.319854)"
gradientUnits="userSpaceOnUse" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1734" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1740" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1746" />
</defs>
<g
inkscape:label="Livello 1"
inkscape:groupmode="layer"
id="layer1">
<g
id="g1661"
transform="rotate(21.915376,228.81255,365.92112)">
<path
style="fill:url(#linearGradient1199);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 342.4654,211.86863 -88.28863,68.00654 228.35843,32.4377 66.34459,-107.27731 z"
id="path1197"
sodipodi:nodetypes="ccccc" />
<path
style="fill:url(#linearGradient1014);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 254.17632,279.87267 312.47688,424.78749 540.8353,457.22518 478.985,303.48695 Z"
id="path429" />
<path
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0.586676px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 548.87976,205.03535 607.18032,349.95016 540.8353,457.22518 478.985,303.48695 Z"
id="path1016"
sodipodi:nodetypes="ccccc" />
<text
xml:space="preserve"
id="text1420"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;white-space:pre;shape-inside:url(#rect1422);display:inline;fill:#000000;fill-opacity:1;stroke:none"
transform="matrix(3.2129455,0.49234496,1.0439449,2.594882,-507.41872,-714.42815)"><tspan
x="128.21094"
y="395.1441"
id="tspan585"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto"
id="tspan583">x x</tspan></tspan></text>
<ellipse
style="fill:url(#linearGradient1536);fill-opacity:1;stroke:none;stroke-width:0"
id="path1528"
mask="url(#mask1546)"
ry="17.942806"
rx="11.418149"
cy="497.09729"
cx="300.54199"
transform="matrix(1.14307,0.16200795,0.37323676,0.92773612,-126.49365,-96.991087)" />
<path
id="path1578"
style="fill:url(#radialGradient1664);fill-opacity:1;stroke:none;stroke-width:0.72022px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 226.35697,189.04952 -21.6452,16.38174 42.10457,52.27555 14.46584,-11.81973 z m -40.18716,50.3255 -6.38236,21.98027 53.33642,17.52957 3.84122,-15.31376 z m -2.46993,56.86515 4.91752,22.35422 55.21996,-10.13342 -3.9554,-15.28446 z" />
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-680.06542,63.429824)"
id="text1724"
style="font-style:normal;font-weight:normal;font-size:192px;line-height:0;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1726);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="130.6875"
y="0"><tspan
x="670.9541"
y="343.85229"
id="tspan589"><tspan
style="font-weight:bold;font-size:64px;font-family:Roboto;-inkscape-font-specification:'Roboto Bold'"
id="tspan587">Error 400</tspan></tspan></text>
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-637.41781,164.7461)"
id="text1732"
style="font-style:normal;font-weight:normal;font-size:36.1389px;line-height:1.3;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1734);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="121.0512"
y="0"><tspan
x="707.29221"
y="323.29018"
id="tspan593"><tspan
style="font-weight:500;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';fill:#e5e5e5"
id="tspan591">Bad request</tspan></tspan></text>
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-605.0946,245.09032)"
id="text1744"
style="font-style:normal;font-weight:normal;font-size:18.0694px;line-height:1.3;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1746);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="121.0512"
y="0"><tspan
x="679.83105"
y="306.22317"
id="tspan597"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto;fill:#e5e5e5"
id="tspan595">Didn't expect that? Contact me.
</tspan></tspan><tspan
x="728.52049"
y="329.88769"
id="tspan601"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto;fill:#e5e5e5"
id="tspan599">me@gianmarco.ga</tspan></tspan></text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

58
content/errors/401.html Executable file → Normal file
View File

@ -1,40 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="/errors/css/materialize.min.css" media="screen,projection"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta property="og:title" content="Gianmarco Gargiulo" />
<meta property="og:description" content="UI Designer, Photographer and Artist" />
<meta property="og:image" content="/img/me.png" />
<meta charset="UTF-8">
<meta name="google-site-verification" content="6nUvptq4ULbonGpbRSm2NGNq1eu1QSTiWOmR-qZBM3k" />
<link rel="shortcut icon" href="/favicon.ico">
<script src="/errors/js/materialize.min.js"></script>
<html lang="">
<head>
<meta charset="utf-8">
<title>Error 401 - Gianmarco Gargiulo</title>
</head>
<body>
<style>
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
.container {
flex: 1 0 auto;
}
.container {
display: flex;
align-items: center;
}
html, body {
height: 100%;
}
html {
display: table;
margin: auto;
}
body {
display: table-cell;
vertical-align: middle;
background-color: #2a2c2b;
}
</style>
</head>
<body style="background: url('/img/whitebg.png'); background-repeat: no-repeat; background-size: cover;" >
<div class="container">
<div align="center" style="width: 100%;">
<div class="col s12">
<img src="/errors/img/401.png" alt="Error 401">
</div>
</div>
</body>
</html>
<img src="401.svg" width="569px" height="320px" />
</body>
</html>

300
content/errors/401.svg Normal file
View File

@ -0,0 +1,300 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1366"
height="768"
viewBox="0 0 1366 768"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="401.svg"
inkscape:export-filename="error.png"
inkscape:export-xdpi="40"
inkscape:export-ydpi="40"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="0.36555055"
inkscape:cx="529.33856"
inkscape:cy="276.29558"
inkscape:window-width="1346"
inkscape:window-height="675"
inkscape:window-x="10"
inkscape:window-y="10"
inkscape:window-maximized="0"
inkscape:current-layer="g1661" />
<defs
id="defs2">
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1726" />
<linearGradient
inkscape:collect="always"
id="linearGradient1627">
<stop
style="stop-color:#75120c;stop-opacity:1;"
offset="0"
id="stop1623" />
<stop
style="stop-color:#eb4034;stop-opacity:1;"
offset="1"
id="stop1625" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient1534">
<stop
style="stop-color:#e01f1f;stop-opacity:1;"
offset="0"
id="stop1530" />
<stop
style="stop-color:#750000;stop-opacity:1;"
offset="1"
id="stop1532" />
</linearGradient>
<rect
x="128.21036"
y="358.3636"
width="118.82912"
height="105.06996"
id="rect1422" />
<linearGradient
inkscape:collect="always"
id="linearGradient1312">
<stop
style="stop-color:#cccccc;stop-opacity:1;"
offset="0"
id="stop1308" />
<stop
style="stop-color:#9e9e9e;stop-opacity:1;"
offset="1"
id="stop1310" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient1012">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop1008" />
<stop
style="stop-color:#cccccc;stop-opacity:1;"
offset="1"
id="stop1010" />
</linearGradient>
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 384 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="1366 : 384 : 1"
inkscape:persp3d-origin="683 : 256 : 1"
id="perspective240" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1012"
id="linearGradient1014"
x1="214.14874"
y1="476.97568"
x2="413.89816"
y2="426.7525"
gradientUnits="userSpaceOnUse"
gradientTransform="rotate(-21.915376,130.62986,196.54856)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1312"
id="linearGradient1199"
gradientUnits="userSpaceOnUse"
x1="245.04614"
y1="496.28656"
x2="390.71823"
y2="448.00076"
gradientTransform="rotate(-21.915376,-253.47936,270.91749)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1534"
id="linearGradient1536"
x1="300.54199"
y1="479.15448"
x2="311.96014"
y2="516.67126"
gradientUnits="userSpaceOnUse" />
<mask
maskUnits="userSpaceOnUse"
id="mask1546">
<path
id="mask-powermask-path-effect1554_box"
style="fill:#ffffff;fill-opacity:1"
d="m 288.12384,478.15448 h 24.8363 v 37.88562 h -24.8363 z" />
<g
id="g1552"
style="">
<ellipse
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0"
id="ellipse1548"
cx="293.20352"
cy="508.32104"
rx="8.4691944"
ry="9.1467295" />
<ellipse
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0"
id="ellipse1550"
cx="305.22977"
cy="508.99857"
rx="8.2998104"
ry="9.4854975" />
</g>
</mask>
<filter
id="mask-powermask-path-effect1554_inverse"
inkscape:label="filtermask-powermask-path-effect1554"
style="color-interpolation-filters:sRGB"
height="100"
width="100"
x="-50"
y="-50">
<feColorMatrix
id="mask-powermask-path-effect1554_primitive1"
values="1"
type="saturate"
result="fbSourceGraphic" />
<feColorMatrix
id="mask-powermask-path-effect1554_primitive2"
values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
in="fbSourceGraphic" />
</filter>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient1627"
id="radialGradient1664"
cx="92.890358"
cy="200.66901"
fx="92.890358"
fy="200.66901"
r="40.74736"
gradientTransform="matrix(-0.04697488,2.2375154,-1.8924311,-0.03973008,650.26873,83.319854)"
gradientUnits="userSpaceOnUse" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1734" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1740" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1746" />
</defs>
<g
inkscape:label="Livello 1"
inkscape:groupmode="layer"
id="layer1">
<g
id="g1661"
transform="rotate(21.915376,228.81255,365.92112)">
<path
style="fill:url(#linearGradient1199);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 342.4654,211.86863 -88.28863,68.00654 228.35843,32.4377 66.34459,-107.27731 z"
id="path1197"
sodipodi:nodetypes="ccccc" />
<path
style="fill:url(#linearGradient1014);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 254.17632,279.87267 312.47688,424.78749 540.8353,457.22518 478.985,303.48695 Z"
id="path429" />
<path
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0.586676px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 548.87976,205.03535 607.18032,349.95016 540.8353,457.22518 478.985,303.48695 Z"
id="path1016"
sodipodi:nodetypes="ccccc" />
<text
xml:space="preserve"
id="text1420"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;white-space:pre;shape-inside:url(#rect1422);display:inline;fill:#000000;fill-opacity:1;stroke:none"
transform="matrix(3.2129455,0.49234496,1.0439449,2.594882,-507.41872,-714.42815)"><tspan
x="128.21094"
y="395.1441"
id="tspan675"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto"
id="tspan673">x x</tspan></tspan></text>
<ellipse
style="fill:url(#linearGradient1536);fill-opacity:1;stroke:none;stroke-width:0"
id="path1528"
mask="url(#mask1546)"
ry="17.942806"
rx="11.418149"
cy="497.09729"
cx="300.54199"
transform="matrix(1.14307,0.16200795,0.37323676,0.92773612,-126.49365,-96.991087)" />
<path
id="path1578"
style="fill:url(#radialGradient1664);fill-opacity:1;stroke:none;stroke-width:0.72022px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 226.35697,189.04952 -21.6452,16.38174 42.10457,52.27555 14.46584,-11.81973 z m -40.18716,50.3255 -6.38236,21.98027 53.33642,17.52957 3.84122,-15.31376 z m -2.46993,56.86515 4.91752,22.35422 55.21996,-10.13342 -3.9554,-15.28446 z" />
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-680.06542,63.429824)"
id="text1724"
style="font-style:normal;font-weight:normal;font-size:192px;line-height:0;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1726);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="130.6875"
y="0"><tspan
x="670.9541"
y="343.85229"
id="tspan679"><tspan
style="font-weight:bold;font-size:64px;font-family:Roboto;-inkscape-font-specification:'Roboto Bold'"
id="tspan677">Error 401</tspan></tspan></text>
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-637.41781,164.7461)"
id="text1732"
style="font-style:normal;font-weight:normal;font-size:36.1389px;line-height:1.3;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1734);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="121.0512"
y="0"><tspan
x="696.62524"
y="323.29018"
id="tspan683"><tspan
style="font-weight:500;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';fill:#e5e5e5"
id="tspan681">Unauthorized</tspan></tspan></text>
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-605.0946,245.09032)"
id="text1744"
style="font-style:normal;font-weight:normal;font-size:18.0694px;line-height:1.3;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1746);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="121.0512"
y="0"><tspan
x="679.83105"
y="306.22317"
id="tspan687"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto;fill:#e5e5e5"
id="tspan685">Didn't expect that? Contact me.
</tspan></tspan><tspan
x="728.52049"
y="329.88769"
id="tspan691"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto;fill:#e5e5e5"
id="tspan689">me@gianmarco.ga</tspan></tspan></text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

58
content/errors/403.html Executable file → Normal file
View File

@ -1,40 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="/errors/css/materialize.min.css" media="screen,projection"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta property="og:title" content="Gianmarco Gargiulo" />
<meta property="og:description" content="UI Designer, Photographer and Artist" />
<meta property="og:image" content="/img/me.png" />
<meta charset="UTF-8">
<meta name="google-site-verification" content="6nUvptq4ULbonGpbRSm2NGNq1eu1QSTiWOmR-qZBM3k" />
<link rel="shortcut icon" href="/favicon.ico">
<script src="/errors/js/materialize.min.js"></script>
<html lang="">
<head>
<meta charset="utf-8">
<title>Error 403 - Gianmarco Gargiulo</title>
</head>
<body>
<style>
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
.container {
flex: 1 0 auto;
}
.container {
display: flex;
align-items: center;
}
html, body {
height: 100%;
}
html {
display: table;
margin: auto;
}
body {
display: table-cell;
vertical-align: middle;
background-color: #2a2c2b;
}
</style>
</head>
<body style="background: url('/img/whitebg.png'); background-repeat: no-repeat; background-size: cover;" >
<div class="container">
<div align="center" style="width: 100%;">
<div class="col s12">
<img src="/errors/img/403.png" alt="Error 403">
</div>
</div>
</body>
</html>
<img src="403.svg" width="569px" height="320px" />
</body>
</html>

300
content/errors/403.svg Normal file
View File

@ -0,0 +1,300 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1366"
height="768"
viewBox="0 0 1366 768"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="403.svg"
inkscape:export-filename="error.png"
inkscape:export-xdpi="40"
inkscape:export-ydpi="40"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="0.36555055"
inkscape:cx="529.33856"
inkscape:cy="270.82438"
inkscape:window-width="1346"
inkscape:window-height="675"
inkscape:window-x="10"
inkscape:window-y="10"
inkscape:window-maximized="0"
inkscape:current-layer="g1661" />
<defs
id="defs2">
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1726" />
<linearGradient
inkscape:collect="always"
id="linearGradient1627">
<stop
style="stop-color:#75120c;stop-opacity:1;"
offset="0"
id="stop1623" />
<stop
style="stop-color:#eb4034;stop-opacity:1;"
offset="1"
id="stop1625" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient1534">
<stop
style="stop-color:#e01f1f;stop-opacity:1;"
offset="0"
id="stop1530" />
<stop
style="stop-color:#750000;stop-opacity:1;"
offset="1"
id="stop1532" />
</linearGradient>
<rect
x="128.21036"
y="358.3636"
width="118.82912"
height="105.06996"
id="rect1422" />
<linearGradient
inkscape:collect="always"
id="linearGradient1312">
<stop
style="stop-color:#cccccc;stop-opacity:1;"
offset="0"
id="stop1308" />
<stop
style="stop-color:#9e9e9e;stop-opacity:1;"
offset="1"
id="stop1310" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient1012">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop1008" />
<stop
style="stop-color:#cccccc;stop-opacity:1;"
offset="1"
id="stop1010" />
</linearGradient>
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 384 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="1366 : 384 : 1"
inkscape:persp3d-origin="683 : 256 : 1"
id="perspective240" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1012"
id="linearGradient1014"
x1="214.14874"
y1="476.97568"
x2="413.89816"
y2="426.7525"
gradientUnits="userSpaceOnUse"
gradientTransform="rotate(-21.915376,130.62986,196.54856)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1312"
id="linearGradient1199"
gradientUnits="userSpaceOnUse"
x1="245.04614"
y1="496.28656"
x2="390.71823"
y2="448.00076"
gradientTransform="rotate(-21.915376,-253.47936,270.91749)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1534"
id="linearGradient1536"
x1="300.54199"
y1="479.15448"
x2="311.96014"
y2="516.67126"
gradientUnits="userSpaceOnUse" />
<mask
maskUnits="userSpaceOnUse"
id="mask1546">
<path
id="mask-powermask-path-effect1554_box"
style="fill:#ffffff;fill-opacity:1"
d="m 288.12384,478.15448 h 24.8363 v 37.88562 h -24.8363 z" />
<g
id="g1552"
style="">
<ellipse
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0"
id="ellipse1548"
cx="293.20352"
cy="508.32104"
rx="8.4691944"
ry="9.1467295" />
<ellipse
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0"
id="ellipse1550"
cx="305.22977"
cy="508.99857"
rx="8.2998104"
ry="9.4854975" />
</g>
</mask>
<filter
id="mask-powermask-path-effect1554_inverse"
inkscape:label="filtermask-powermask-path-effect1554"
style="color-interpolation-filters:sRGB"
height="100"
width="100"
x="-50"
y="-50">
<feColorMatrix
id="mask-powermask-path-effect1554_primitive1"
values="1"
type="saturate"
result="fbSourceGraphic" />
<feColorMatrix
id="mask-powermask-path-effect1554_primitive2"
values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
in="fbSourceGraphic" />
</filter>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient1627"
id="radialGradient1664"
cx="92.890358"
cy="200.66901"
fx="92.890358"
fy="200.66901"
r="40.74736"
gradientTransform="matrix(-0.04697488,2.2375154,-1.8924311,-0.03973008,650.26873,83.319854)"
gradientUnits="userSpaceOnUse" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1734" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1740" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1746" />
</defs>
<g
inkscape:label="Livello 1"
inkscape:groupmode="layer"
id="layer1">
<g
id="g1661"
transform="rotate(21.915376,228.81255,365.92112)">
<path
style="fill:url(#linearGradient1199);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 342.4654,211.86863 -88.28863,68.00654 228.35843,32.4377 66.34459,-107.27731 z"
id="path1197"
sodipodi:nodetypes="ccccc" />
<path
style="fill:url(#linearGradient1014);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 254.17632,279.87267 312.47688,424.78749 540.8353,457.22518 478.985,303.48695 Z"
id="path429" />
<path
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0.586676px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 548.87976,205.03535 607.18032,349.95016 540.8353,457.22518 478.985,303.48695 Z"
id="path1016"
sodipodi:nodetypes="ccccc" />
<text
xml:space="preserve"
id="text1420"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;white-space:pre;shape-inside:url(#rect1422);display:inline;fill:#000000;fill-opacity:1;stroke:none"
transform="matrix(3.2129455,0.49234496,1.0439449,2.594882,-507.41872,-714.42815)"><tspan
x="128.21094"
y="395.1441"
id="tspan765"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto"
id="tspan763">x x</tspan></tspan></text>
<ellipse
style="fill:url(#linearGradient1536);fill-opacity:1;stroke:none;stroke-width:0"
id="path1528"
mask="url(#mask1546)"
ry="17.942806"
rx="11.418149"
cy="497.09729"
cx="300.54199"
transform="matrix(1.14307,0.16200795,0.37323676,0.92773612,-126.49365,-96.991087)" />
<path
id="path1578"
style="fill:url(#radialGradient1664);fill-opacity:1;stroke:none;stroke-width:0.72022px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 226.35697,189.04952 -21.6452,16.38174 42.10457,52.27555 14.46584,-11.81973 z m -40.18716,50.3255 -6.38236,21.98027 53.33642,17.52957 3.84122,-15.31376 z m -2.46993,56.86515 4.91752,22.35422 55.21996,-10.13342 -3.9554,-15.28446 z" />
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-680.06542,63.429824)"
id="text1724"
style="font-style:normal;font-weight:normal;font-size:192px;line-height:0;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1726);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="130.6875"
y="0"><tspan
x="670.9541"
y="343.85229"
id="tspan769"><tspan
style="font-weight:bold;font-size:64px;font-family:Roboto;-inkscape-font-specification:'Roboto Bold'"
id="tspan767">Error 403</tspan></tspan></text>
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-637.41781,164.7461)"
id="text1732"
style="font-style:normal;font-weight:normal;font-size:36.1389px;line-height:1.3;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1734);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="121.0512"
y="0"><tspan
x="723.23532"
y="323.29018"
id="tspan773"><tspan
style="font-weight:500;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';fill:#e5e5e5"
id="tspan771">Forbidden</tspan></tspan></text>
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-605.0946,245.09032)"
id="text1744"
style="font-style:normal;font-weight:normal;font-size:18.0694px;line-height:1.3;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1746);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="121.0512"
y="0"><tspan
x="679.83105"
y="306.22317"
id="tspan777"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto;fill:#e5e5e5"
id="tspan775">Didn't expect that? Contact me.
</tspan></tspan><tspan
x="728.52049"
y="329.88769"
id="tspan781"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto;fill:#e5e5e5"
id="tspan779">me@gianmarco.ga</tspan></tspan></text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

58
content/errors/404.html Executable file → Normal file
View File

@ -1,40 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta property="og:title" content="Gianmarco Gargiulo" />
<meta property="og:description" content="UI Designer, Photographer and Artist" />
<meta property="og:image" content="/img/me.png" />
<meta charset="UTF-8">
<meta name="google-site-verification" content="6nUvptq4ULbonGpbRSm2NGNq1eu1QSTiWOmR-qZBM3k" />
<link rel="shortcut icon" href="/favicon.ico">
<script src="js/materialize.min.js"></script>
<html lang="">
<head>
<meta charset="utf-8">
<title>Error 404 - Gianmarco Gargiulo</title>
</head>
<body>
<style>
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
.container {
flex: 1 0 auto;
}
.container {
display: flex;
align-items: center;
}
html, body {
height: 100%;
}
html {
display: table;
margin: auto;
}
body {
display: table-cell;
vertical-align: middle;
background-color: #2a2c2b;
}
</style>
</head>
<body style="background: url('/img/whitebg.png'); background-repeat: no-repeat; background-size: cover;" >
<div class="container">
<div align="center" style="width: 100%;">
<div class="col s12">
<img src="/errors/img/404.png" alt="Error 404">
</div>
</div>
</body>
</html>
<img src="404.svg" width="569px" height="320px" />
</body>
</html>

300
content/errors/404.svg Normal file
View File

@ -0,0 +1,300 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1366"
height="768"
viewBox="0 0 1366 768"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="error.svg"
inkscape:export-filename="error.png"
inkscape:export-xdpi="40"
inkscape:export-ydpi="40"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="0.36555055"
inkscape:cx="529.33856"
inkscape:cy="276.29558"
inkscape:window-width="1346"
inkscape:window-height="675"
inkscape:window-x="10"
inkscape:window-y="10"
inkscape:window-maximized="0"
inkscape:current-layer="g1661" />
<defs
id="defs2">
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1726" />
<linearGradient
inkscape:collect="always"
id="linearGradient1627">
<stop
style="stop-color:#75120c;stop-opacity:1;"
offset="0"
id="stop1623" />
<stop
style="stop-color:#eb4034;stop-opacity:1;"
offset="1"
id="stop1625" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient1534">
<stop
style="stop-color:#e01f1f;stop-opacity:1;"
offset="0"
id="stop1530" />
<stop
style="stop-color:#750000;stop-opacity:1;"
offset="1"
id="stop1532" />
</linearGradient>
<rect
x="128.21036"
y="358.3636"
width="118.82912"
height="105.06996"
id="rect1422" />
<linearGradient
inkscape:collect="always"
id="linearGradient1312">
<stop
style="stop-color:#cccccc;stop-opacity:1;"
offset="0"
id="stop1308" />
<stop
style="stop-color:#9e9e9e;stop-opacity:1;"
offset="1"
id="stop1310" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient1012">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop1008" />
<stop
style="stop-color:#cccccc;stop-opacity:1;"
offset="1"
id="stop1010" />
</linearGradient>
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 384 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="1366 : 384 : 1"
inkscape:persp3d-origin="683 : 256 : 1"
id="perspective240" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1012"
id="linearGradient1014"
x1="214.14874"
y1="476.97568"
x2="413.89816"
y2="426.7525"
gradientUnits="userSpaceOnUse"
gradientTransform="rotate(-21.915376,130.62986,196.54856)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1312"
id="linearGradient1199"
gradientUnits="userSpaceOnUse"
x1="245.04614"
y1="496.28656"
x2="390.71823"
y2="448.00076"
gradientTransform="rotate(-21.915376,-253.47936,270.91749)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1534"
id="linearGradient1536"
x1="300.54199"
y1="479.15448"
x2="311.96014"
y2="516.67126"
gradientUnits="userSpaceOnUse" />
<mask
maskUnits="userSpaceOnUse"
id="mask1546">
<path
id="mask-powermask-path-effect1554_box"
style="fill:#ffffff;fill-opacity:1"
d="m 288.12384,478.15448 h 24.8363 v 37.88562 h -24.8363 z" />
<g
id="g1552"
style="">
<ellipse
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0"
id="ellipse1548"
cx="293.20352"
cy="508.32104"
rx="8.4691944"
ry="9.1467295" />
<ellipse
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0"
id="ellipse1550"
cx="305.22977"
cy="508.99857"
rx="8.2998104"
ry="9.4854975" />
</g>
</mask>
<filter
id="mask-powermask-path-effect1554_inverse"
inkscape:label="filtermask-powermask-path-effect1554"
style="color-interpolation-filters:sRGB"
height="100"
width="100"
x="-50"
y="-50">
<feColorMatrix
id="mask-powermask-path-effect1554_primitive1"
values="1"
type="saturate"
result="fbSourceGraphic" />
<feColorMatrix
id="mask-powermask-path-effect1554_primitive2"
values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
in="fbSourceGraphic" />
</filter>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient1627"
id="radialGradient1664"
cx="92.890358"
cy="200.66901"
fx="92.890358"
fy="200.66901"
r="40.74736"
gradientTransform="matrix(-0.04697488,2.2375154,-1.8924311,-0.03973008,650.26873,83.319854)"
gradientUnits="userSpaceOnUse" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1734" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1740" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1746" />
</defs>
<g
inkscape:label="Livello 1"
inkscape:groupmode="layer"
id="layer1">
<g
id="g1661"
transform="rotate(21.915376,228.81255,365.92112)">
<path
style="fill:url(#linearGradient1199);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 342.4654,211.86863 -88.28863,68.00654 228.35843,32.4377 66.34459,-107.27731 z"
id="path1197"
sodipodi:nodetypes="ccccc" />
<path
style="fill:url(#linearGradient1014);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 254.17632,279.87267 312.47688,424.78749 540.8353,457.22518 478.985,303.48695 Z"
id="path429" />
<path
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0.586676px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 548.87976,205.03535 607.18032,349.95016 540.8353,457.22518 478.985,303.48695 Z"
id="path1016"
sodipodi:nodetypes="ccccc" />
<text
xml:space="preserve"
id="text1420"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;white-space:pre;shape-inside:url(#rect1422);display:inline;fill:#000000;fill-opacity:1;stroke:none"
transform="matrix(3.2129455,0.49234496,1.0439449,2.594882,-507.41872,-714.42815)"><tspan
x="128.21094"
y="395.1441"
id="tspan339"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto"
id="tspan337">x x</tspan></tspan></text>
<ellipse
style="fill:url(#linearGradient1536);fill-opacity:1;stroke:none;stroke-width:0"
id="path1528"
mask="url(#mask1546)"
ry="17.942806"
rx="11.418149"
cy="497.09729"
cx="300.54199"
transform="matrix(1.14307,0.16200795,0.37323676,0.92773612,-126.49365,-96.991087)" />
<path
id="path1578"
style="fill:url(#radialGradient1664);fill-opacity:1;stroke:none;stroke-width:0.72022px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 226.35697,189.04952 -21.6452,16.38174 42.10457,52.27555 14.46584,-11.81973 z m -40.18716,50.3255 -6.38236,21.98027 53.33642,17.52957 3.84122,-15.31376 z m -2.46993,56.86515 4.91752,22.35422 55.21996,-10.13342 -3.9554,-15.28446 z" />
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-680.06542,63.429824)"
id="text1724"
style="font-style:normal;font-weight:normal;font-size:192px;line-height:0;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1726);fill:#eb4034;fill-opacity:1;stroke:none"
x="130.6875"
y="0"><tspan
x="670.9541"
y="343.85229"
id="tspan343"><tspan
style="font-weight:bold;font-size:64px;font-family:Roboto;-inkscape-font-specification:'Roboto Bold'"
id="tspan341">Error 404</tspan></tspan></text>
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-637.41781,164.7461)"
id="text1732"
style="font-style:normal;font-weight:normal;font-size:36.1389px;line-height:1.3;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1734);fill:#eb4034;fill-opacity:1;stroke:none"
x="121.0512"
y="0"><tspan
x="681.05269"
y="323.29018"
id="tspan347"><tspan
style="font-weight:500;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';fill:#e5e5e5"
id="tspan345">Page not found</tspan></tspan></text>
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-605.0946,245.09032)"
id="text1744"
style="font-style:normal;font-weight:normal;font-size:18.0694px;line-height:1.3;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1746);fill:#eb4034;fill-opacity:1;stroke:none"
x="121.0512"
y="0"><tspan
x="679.83105"
y="306.22317"
id="tspan351"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto;fill:#e5e5e5"
id="tspan349">Didn't expect that? Contact me.
</tspan></tspan><tspan
x="728.52049"
y="329.88769"
id="tspan355"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto;fill:#e5e5e5"
id="tspan353">me@gianmarco.ga</tspan></tspan></text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

58
content/errors/503.html Executable file → Normal file
View File

@ -1,40 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="/errors/css/materialize.min.css" media="screen,projection"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta property="og:title" content="Gianmarco Gargiulo" />
<meta property="og:description" content="UI Designer, Photographer and Artist" />
<meta property="og:image" content="/img/me.png" />
<meta charset="UTF-8">
<meta name="google-site-verification" content="6nUvptq4ULbonGpbRSm2NGNq1eu1QSTiWOmR-qZBM3k" />
<link rel="shortcut icon" href="/favicon.ico">
<script src="/errors/js/materialize.min.js"></script>
<html lang="">
<head>
<meta charset="utf-8">
<title>Error 503 - Gianmarco Gargiulo</title>
</head>
<body>
<style>
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
.container {
flex: 1 0 auto;
}
.container {
display: flex;
align-items: center;
}
html, body {
height: 100%;
}
html {
display: table;
margin: auto;
}
body {
display: table-cell;
vertical-align: middle;
background-color: #2a2c2b;
}
</style>
</head>
<body style="background: url('/img/whitebg.png'); background-repeat: no-repeat; background-size: cover;" >
<div class="container">
<div align="center" style="width: 100%;">
<div class="col s12">
<img src="/errors/img/503.png" alt="Error 503">
</div>
</div>
</body>
</html>
<img src="503.svg" width="569px" height="320px" />
</body>
</html>

300
content/errors/503.svg Normal file
View File

@ -0,0 +1,300 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1366"
height="768"
viewBox="0 0 1366 768"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="503.svg"
inkscape:export-filename="error.png"
inkscape:export-xdpi="40"
inkscape:export-ydpi="40"
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">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="0.36555055"
inkscape:cx="529.33856"
inkscape:cy="270.82438"
inkscape:window-width="1346"
inkscape:window-height="675"
inkscape:window-x="10"
inkscape:window-y="10"
inkscape:window-maximized="0"
inkscape:current-layer="g1661" />
<defs
id="defs2">
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1726" />
<linearGradient
inkscape:collect="always"
id="linearGradient1627">
<stop
style="stop-color:#75120c;stop-opacity:1;"
offset="0"
id="stop1623" />
<stop
style="stop-color:#eb4034;stop-opacity:1;"
offset="1"
id="stop1625" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient1534">
<stop
style="stop-color:#e01f1f;stop-opacity:1;"
offset="0"
id="stop1530" />
<stop
style="stop-color:#750000;stop-opacity:1;"
offset="1"
id="stop1532" />
</linearGradient>
<rect
x="128.21036"
y="358.3636"
width="118.82912"
height="105.06996"
id="rect1422" />
<linearGradient
inkscape:collect="always"
id="linearGradient1312">
<stop
style="stop-color:#cccccc;stop-opacity:1;"
offset="0"
id="stop1308" />
<stop
style="stop-color:#9e9e9e;stop-opacity:1;"
offset="1"
id="stop1310" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient1012">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop1008" />
<stop
style="stop-color:#cccccc;stop-opacity:1;"
offset="1"
id="stop1010" />
</linearGradient>
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 384 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="1366 : 384 : 1"
inkscape:persp3d-origin="683 : 256 : 1"
id="perspective240" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1012"
id="linearGradient1014"
x1="214.14874"
y1="476.97568"
x2="413.89816"
y2="426.7525"
gradientUnits="userSpaceOnUse"
gradientTransform="rotate(-21.915376,130.62986,196.54856)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1312"
id="linearGradient1199"
gradientUnits="userSpaceOnUse"
x1="245.04614"
y1="496.28656"
x2="390.71823"
y2="448.00076"
gradientTransform="rotate(-21.915376,-253.47936,270.91749)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1534"
id="linearGradient1536"
x1="300.54199"
y1="479.15448"
x2="311.96014"
y2="516.67126"
gradientUnits="userSpaceOnUse" />
<mask
maskUnits="userSpaceOnUse"
id="mask1546">
<path
id="mask-powermask-path-effect1554_box"
style="fill:#ffffff;fill-opacity:1"
d="m 288.12384,478.15448 h 24.8363 v 37.88562 h -24.8363 z" />
<g
id="g1552"
style="">
<ellipse
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0"
id="ellipse1548"
cx="293.20352"
cy="508.32104"
rx="8.4691944"
ry="9.1467295" />
<ellipse
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0"
id="ellipse1550"
cx="305.22977"
cy="508.99857"
rx="8.2998104"
ry="9.4854975" />
</g>
</mask>
<filter
id="mask-powermask-path-effect1554_inverse"
inkscape:label="filtermask-powermask-path-effect1554"
style="color-interpolation-filters:sRGB"
height="100"
width="100"
x="-50"
y="-50">
<feColorMatrix
id="mask-powermask-path-effect1554_primitive1"
values="1"
type="saturate"
result="fbSourceGraphic" />
<feColorMatrix
id="mask-powermask-path-effect1554_primitive2"
values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
in="fbSourceGraphic" />
</filter>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient1627"
id="radialGradient1664"
cx="92.890358"
cy="200.66901"
fx="92.890358"
fy="200.66901"
r="40.74736"
gradientTransform="matrix(-0.04697488,2.2375154,-1.8924311,-0.03973008,650.26873,83.319854)"
gradientUnits="userSpaceOnUse" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1734" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1740" />
<rect
x="575.17445"
y="289.15679"
width="458.74661"
height="239.13389"
id="rect1746" />
</defs>
<g
inkscape:label="Livello 1"
inkscape:groupmode="layer"
id="layer1">
<g
id="g1661"
transform="rotate(21.915376,228.81255,365.92112)">
<path
style="fill:url(#linearGradient1199);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 342.4654,211.86863 -88.28863,68.00654 228.35843,32.4377 66.34459,-107.27731 z"
id="path1197"
sodipodi:nodetypes="ccccc" />
<path
style="fill:url(#linearGradient1014);fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 254.17632,279.87267 312.47688,424.78749 540.8353,457.22518 478.985,303.48695 Z"
id="path429" />
<path
style="fill:#858585;fill-opacity:1;stroke:none;stroke-width:0.586676px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 548.87976,205.03535 607.18032,349.95016 540.8353,457.22518 478.985,303.48695 Z"
id="path1016"
sodipodi:nodetypes="ccccc" />
<text
xml:space="preserve"
id="text1420"
style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;white-space:pre;shape-inside:url(#rect1422);display:inline;fill:#000000;fill-opacity:1;stroke:none"
transform="matrix(3.2129455,0.49234496,1.0439449,2.594882,-507.41872,-714.42815)"><tspan
x="128.21094"
y="395.1441"
id="tspan855"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto"
id="tspan853">x x</tspan></tspan></text>
<ellipse
style="fill:url(#linearGradient1536);fill-opacity:1;stroke:none;stroke-width:0"
id="path1528"
mask="url(#mask1546)"
ry="17.942806"
rx="11.418149"
cy="497.09729"
cx="300.54199"
transform="matrix(1.14307,0.16200795,0.37323676,0.92773612,-126.49365,-96.991087)" />
<path
id="path1578"
style="fill:url(#radialGradient1664);fill-opacity:1;stroke:none;stroke-width:0.72022px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 226.35697,189.04952 -21.6452,16.38174 42.10457,52.27555 14.46584,-11.81973 z m -40.18716,50.3255 -6.38236,21.98027 53.33642,17.52957 3.84122,-15.31376 z m -2.46993,56.86515 4.91752,22.35422 55.21996,-10.13342 -3.9554,-15.28446 z" />
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-680.06542,63.429824)"
id="text1724"
style="font-style:normal;font-weight:normal;font-size:192px;line-height:0;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1726);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="130.6875"
y="0"><tspan
x="670.9541"
y="343.85229"
id="tspan859"><tspan
style="font-weight:bold;font-size:64px;font-family:Roboto;-inkscape-font-specification:'Roboto Bold'"
id="tspan857">Error 503</tspan></tspan></text>
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-637.41781,164.7461)"
id="text1732"
style="font-style:normal;font-weight:normal;font-size:36.1389px;line-height:1.3;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1734);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="121.0512"
y="0"><tspan
x="711.00668"
y="323.29018"
id="tspan863"><tspan
style="font-weight:500;font-family:Roboto;-inkscape-font-specification:'Roboto Medium';fill:#e5e5e5"
id="tspan861">Unavailable</tspan></tspan></text>
<text
xml:space="preserve"
transform="matrix(1.642971,-0.66098232,0.66098232,1.642971,-605.0946,245.09032)"
id="text1744"
style="font-style:normal;font-weight:normal;font-size:18.0694px;line-height:1.3;font-family:sans-serif;text-align:center;white-space:pre;shape-inside:url(#rect1746);display:inline;fill:#eb4034;fill-opacity:1;stroke:none"
x="121.0512"
y="0"><tspan
x="679.83105"
y="306.22317"
id="tspan867"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto;fill:#e5e5e5"
id="tspan865">Didn't expect that? Contact me.
</tspan></tspan><tspan
x="728.52049"
y="329.88769"
id="tspan871"><tspan
style="font-family:Roboto;-inkscape-font-specification:Roboto;fill:#e5e5e5"
id="tspan869">me@gianmarco.ga</tspan></tspan></text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -1,57 +0,0 @@
/* Custom Stylesheet */
/**
* Use this file to override Materialize files so you can update
* the core Materialize files in the future
*
* Made By MaterializeCSS.com
*/
nav ul a,
nav .brand-logo {
color: #444;
}
p {
line-height: 2rem;
}
.button-collapse {
color: #26a69a;
}
.parallax-container {
min-height: 380px;
line-height: 0;
height: auto;
color: rgba(255,255,255,.9);
}
.parallax-container .section {
width: 100%;
}
@media only screen and (max-width : 992px) {
.parallax-container .section {
position: absolute;
top: 40%;
}
#index-banner .section {
top: 10%;
}
}
@media only screen and (max-width : 600px) {
#index-banner .section {
top: 0;
}
}
.icon-block {
padding: 0 15px;
}
.icon-block .material-icons {
font-size: inherit;
}
footer.page-footer {
margin: 0;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long