giggles
This commit is contained in:
commit
83ae1dffbf
4 changed files with 256 additions and 0 deletions
60
giggles.svg
Normal file
60
giggles.svg
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
width="2048"
|
||||
height="2048"
|
||||
viewBox="0 0 2048 2048"
|
||||
sodipodi:docname="giggles.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
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="defs1" />
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.2938222"
|
||||
inkscape:cx="1021.0256"
|
||||
inkscape:cy="1022.7273"
|
||||
inkscape:window-width="1918"
|
||||
inkscape:window-height="1062"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="16"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g1" />
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
inkscape:label="Image"
|
||||
id="g1">
|
||||
<circle
|
||||
style="fill:#00a050;stroke:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;fill-opacity:1"
|
||||
id="path1"
|
||||
cx="464.47003"
|
||||
cy="409.11868"
|
||||
r="353.76733" />
|
||||
<path
|
||||
style="fill:#00a050;fill-opacity:1;stroke:#4285f4;stroke-width:250;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;stroke-opacity:1;stroke-dasharray:none"
|
||||
d="M 1378.9706,425.96475 1874.032,140.14095"
|
||||
id="path2" />
|
||||
<path
|
||||
style="fill:#feb804;fill-opacity:1;stroke:#feb804;stroke-width:250;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||
d="m 1378.9706,428.14095 495.0614,285.8238"
|
||||
id="path3" />
|
||||
<path
|
||||
id="path4"
|
||||
style="opacity:1;fill:#e7402e;fill-opacity:1;stroke:#e7402e;stroke-width:250;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||
d="m 190.67383,1063.7087 a 830.27026,698.08792 0 0 0 -12.58594,115.3368 830.27026,698.08792 0 0 0 830.26951,698.0873 830.27026,698.08792 0 0 0 830.2696,-698.0873 830.27026,698.08792 0 0 0 -11.6504,-115.3368 z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
91
giggles2.svg
Normal file
91
giggles2.svg
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
width="13210.921"
|
||||
height="1986.9918"
|
||||
viewBox="0 0 13210.921 1986.9918"
|
||||
sodipodi:docname="giggles2.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xml:space="preserve"
|
||||
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="defs1" /><sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.051940918"
|
||||
inkscape:cx="8307.5159"
|
||||
inkscape:cy="933.75324"
|
||||
inkscape:window-width="1918"
|
||||
inkscape:window-height="1062"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="16"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g1"
|
||||
showguides="false" /><g
|
||||
inkscape:groupmode="layer"
|
||||
inkscape:label="Image"
|
||||
id="g1"
|
||||
transform="translate(-53.08789,-15.14095)"><circle
|
||||
style="fill:#00a050;fill-opacity:1;stroke:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
id="path1"
|
||||
cx="464.47003"
|
||||
cy="409.11868"
|
||||
r="353.76733" /><path
|
||||
style="fill:#00a050;fill-opacity:1;stroke:#4285f4;stroke-width:250;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||
d="M 1378.9706,425.96475 1874.032,140.14095"
|
||||
id="path2" /><path
|
||||
style="fill:#feb804;fill-opacity:1;stroke:#feb804;stroke-width:250;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||
d="m 1378.9706,428.14095 495.0614,285.8238"
|
||||
id="path3" /><path
|
||||
id="path4"
|
||||
style="opacity:1;fill:#e7402e;fill-opacity:1;stroke:#e7402e;stroke-width:250;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||
d="m 190.67383,1063.7087 a 830.27026,698.08792 0 0 0 -12.58594,115.3368 830.27026,698.08792 0 0 0 830.26951,698.0873 830.27026,698.08792 0 0 0 830.2696,-698.0873 830.27026,698.08792 0 0 0 -11.6504,-115.3368 z" /><g
|
||||
id="g2"
|
||||
transform="matrix(17.493698,0,0,17.493698,3166.0603,330.80308)"
|
||||
style="fill:#858585;fill-opacity:1;stroke-width:0.0571634"><path
|
||||
fill="#ea4335"
|
||||
d="m 115.75,47.18 c 0,12.77 -9.99,22.18 -22.25,22.18 C 81.24,69.36 71.25,59.95 71.25,47.18 71.25,34.32 81.24,25 93.5,25 c 12.26,0 22.25,9.32 22.25,22.18 z m -9.74,0 c 0,-7.98 -5.79,-13.44 -12.51,-13.44 -6.72,0 -12.51,5.46 -12.51,13.44 0,7.9 5.79,13.44 12.51,13.44 6.72,0 12.51,-5.55 12.51,-13.44 z"
|
||||
id="path1-3"
|
||||
style="fill:#858585;fill-opacity:1;stroke-width:0.0571634" /><path
|
||||
fill="#fbbc05"
|
||||
d="m 163.75,47.18 c 0,12.77 -9.99,22.18 -22.25,22.18 -12.26,0 -22.25,-9.41 -22.25,-22.18 0,-12.85 9.99,-22.18 22.25,-22.18 12.26,0 22.25,9.32 22.25,22.18 z m -9.74,0 c 0,-7.98 -5.79,-13.44 -12.51,-13.44 -6.72,0 -12.51,5.46 -12.51,13.44 0,7.9 5.79,13.44 12.51,13.44 6.72,0 12.51,-5.55 12.51,-13.44 z"
|
||||
id="path2-6"
|
||||
style="fill:#858585;fill-opacity:1;stroke-width:0.0571634" /><path
|
||||
fill="#4285f4"
|
||||
d="m 209.75,26.34 v 39.82 c 0,16.38 -9.66,23.07 -21.08,23.07 -10.75,0 -17.22,-7.19 -19.66,-13.07 l 8.48,-3.53 c 1.51,3.61 5.21,7.87 11.17,7.87 7.31,0 11.84,-4.51 11.84,-13 v -3.19 h -0.34 c -2.18,2.69 -6.38,5.04 -11.68,5.04 -11.09,0 -21.25,-9.66 -21.25,-22.09 0,-12.52 10.16,-22.26 21.25,-22.26 5.29,0 9.49,2.35 11.68,4.96 h 0.34 v -3.61 h 9.25 z m -8.56,20.92 c 0,-7.81 -5.21,-13.52 -11.84,-13.52 -6.72,0 -12.35,5.71 -12.35,13.52 0,7.73 5.63,13.36 12.35,13.36 6.63,0 11.84,-5.63 11.84,-13.36 z"
|
||||
id="path3-7"
|
||||
style="fill:#858585;fill-opacity:1;stroke-width:0.0571634" /><path
|
||||
fill="#34a853"
|
||||
d="m 225,3 v 65 h -9.5 V 3 Z"
|
||||
id="path4-5"
|
||||
style="fill:#858585;fill-opacity:1;stroke-width:0.0571634" /><path
|
||||
fill="#ea4335"
|
||||
d="m 262.02,54.48 7.56,5.04 c -2.44,3.61 -8.32,9.83 -18.48,9.83 -12.6,0 -22.01,-9.74 -22.01,-22.18 0,-13.19 9.49,-22.18 20.92,-22.18 11.51,0 17.14,9.16 18.98,14.11 L 270,41.62 240.35,53.9 c 2.27,4.45 5.8,6.72 10.75,6.72 4.96,0 8.4,-2.44 10.92,-6.14 z m -23.27,-7.98 19.82,-8.23 c -1.09,-2.77 -4.37,-4.7 -8.23,-4.7 -4.95,0 -11.84,4.37 -11.59,12.93 z"
|
||||
id="path5"
|
||||
style="fill:#858585;fill-opacity:1;stroke-width:0.0571634" /><path
|
||||
fill="#4285f4"
|
||||
d="M 35.29,41.41 V 32 H 67 c 0.31,1.64 0.47,3.58 0.47,5.68 0,7.06 -1.93,15.79 -8.15,22.01 -6.05,6.3 -13.78,9.66 -24.02,9.66 C 16.32,69.35 0.36,53.89 0.36,34.91 0.36,15.93 16.32,0.47 35.3,0.47 c 10.5,0 17.98,4.12 23.6,9.49 L 52.26,16.6 C 48.23,12.82 42.77,9.88 35.29,9.88 c -13.86,0 -24.7,11.17 -24.7,25.03 0,13.86 10.84,25.03 24.7,25.03 8.99,0 14.11,-3.61 17.39,-6.89 2.66,-2.66 4.41,-6.46 5.1,-11.65 z"
|
||||
id="path6"
|
||||
style="fill:#858585;fill-opacity:1;stroke-width:0.0571634" /></g><text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:1399.71px;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans Bold';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#858585;fill-opacity:1;stroke:none;stroke-width:100;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
x="8188.0093"
|
||||
y="1519.549"
|
||||
id="text2"><tspan
|
||||
sodipodi:role="line"
|
||||
id="tspan2"
|
||||
x="8188.0093"
|
||||
y="1519.549"
|
||||
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans Bold';fill:#858585;fill-opacity:1;stroke-width:100">Giggles</tspan></text></g></svg>
|
||||
|
After Width: | Height: | Size: 6 KiB |
71
index.css
Normal file
71
index.css
Normal file
|
|
@ -0,0 +1,71 @@
|
|||
body {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
font-family: Google Sans, Roboto, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-weight: 400;
|
||||
color: #202124;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #404144;
|
||||
}
|
||||
|
||||
.header a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.main {
|
||||
column-gap: 24px;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
display: grid;
|
||||
max-width: 1000px;
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
margin: 0 auto;
|
||||
width: calc(100% - 48px);
|
||||
}
|
||||
|
||||
.header {
|
||||
box-shadow: 0 2px 6px #0000001f,inset 0 -1px #dadce0;
|
||||
height: 64px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 64px;
|
||||
}
|
||||
|
||||
.header a {
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
.button {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.2px;
|
||||
|
||||
color: rgb(255, 255, 255);
|
||||
text-decoration: none;
|
||||
background-color: rgb(26, 115, 232);
|
||||
border-radius: 4px;
|
||||
padding: 12px 24px;
|
||||
}
|
||||
|
||||
.main div:nth-child(2) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
.art {
|
||||
height: 250px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.ico {
|
||||
height: 24px;
|
||||
}
|
||||
34
index.html
Normal file
34
index.html
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Dervland</title>
|
||||
<link rel="stylesheet" href="/index.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Google+Sans:400,500,700|Google+Sans+Text:400,500,700|Google+Sans+Display:400,500,700|Roboto:400,500,700&display=swap"
|
||||
nonce="">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='header'>
|
||||
<a href='https://google.com/'><img class='ico'
|
||||
src='https://upload.wikimedia.org/wikipedia/commons/2/2f/Google_2015_logo.svg'> </a>
|
||||
</div>
|
||||
<div class='main'>
|
||||
<div>
|
||||
<img class='ico' src='/giggles2.svg'>
|
||||
<h1>Broadcast your Giggles to the world</h1>
|
||||
<p>Share your short-form Giggles to the world - all on your mobile phone.</p>
|
||||
<a class='button' href='https://nbg.dervland.net/'>
|
||||
Join
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<img class='art' src='https://c.tenor.com/7NL8QR6JdZMAAAAd/tenor.gif'>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in a new issue