This commit is contained in:
June Hardy 2023-04-25 13:53:31 +02:00
commit d248c849f7
Signed by: june
GPG Key ID: 0AEBD2FDF96DFDA1
29 changed files with 274 additions and 0 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

1
css/files/file-list.json Normal file
View File

@ -0,0 +1 @@
["./fonts/google/b612/files/b612-latin-400-italic.woff","./fonts/google/b612/files/b612-latin-400-normal.woff","./fonts/google/b612/files/b612-latin-700-italic.woff","./fonts/google/b612/files/b612-latin-700-normal.woff","./fonts/google/b612/files/b612-latin-400-italic.woff2","./fonts/google/b612/files/b612-all-400-italic.woff","./fonts/google/b612/files/b612-latin-400-normal.woff2","./fonts/google/b612/files/b612-all-400-normal.woff","./fonts/google/b612/files/b612-latin-700-italic.woff2","./fonts/google/b612/files/b612-all-700-italic.woff","./fonts/google/b612/files/b612-latin-700-normal.woff2","./fonts/google/b612/files/b612-all-700-normal.woff"]

100
css/style.css Normal file
View File

@ -0,0 +1,100 @@
/*
Color scheme based on my memoji
*/
:root {
--font-family: 'b612';
--font: 'b612', sans-serif;
--medium-champagne: #feecadff;
--eerie-black: #141416ff;
--bdazzled-blue: #3D5B90;
--royal-blue-dark: #001D60;
}
@font-face {
font-family: 'b612';
src: url('../fonts/b612-regular.ttf') format('truetype');
}
body{
background-color: var(--medium-champagne);
color: var(--royal-blue-dark);
}
footer{
text-align: center;
color:var(--eerie-black);
font-family: var(--font);
font-size: 0.75rem;
font-weight: 400;
}
footer a {
color: var(--royal-blue-dark)
}
#userPhoto{
width: 96px;
height: 96px;
display: block;
margin: 35px auto 20px;
border-radius: 50%;
border: solid var(--bdazzled-blue) 2px;
}
#userName{
width: 100%;
color: var(--eerie-black);
font-family: var(--font);
font-size: 1.5rem;
font-weight: 400;
text-align: center;
text-decoration: none;
line-height: 1.25;
display: block;
}
#links{
max-width: 675px;
width: auto;
display: block;
margin: 27px auto;
}
.link{
display: block;
margin-bottom: 20px;
padding: 17px;
background-color: var(--medium-champagne);
color:var(--royal-blue-dark);
font-family: var(--font);
font-size: 1.2rem;
font-weight: 500;
border-radius: 5px;
border: solid var(--royal-blue-dark) 1px;
text-align: center;
text-decoration: none;
transition: all .25s cubic-bezier(.08,.59,.29,.99);
}
.link:hover{
background-color: var(--royal-blue-dark);
color: var(--medium-champagne);
}

BIN
fonts/b612-regular.ttf Normal file

Binary file not shown.

BIN
img/pfp/memoji.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
img/social/instagram.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 653 B

45
img/social/instagram.svg Normal file
View File

@ -0,0 +1,45 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
<g id="XMLID_504_">
<path id="XMLID_505_" d="M38.52,0.012h222.978C282.682,0.012,300,17.336,300,38.52v222.978c0,21.178-17.318,38.49-38.502,38.49
H38.52c-21.184,0-38.52-17.313-38.52-38.49V38.52C0,17.336,17.336,0.012,38.52,0.012z M218.546,33.329
c-7.438,0-13.505,6.091-13.505,13.525v32.314c0,7.437,6.067,13.514,13.505,13.514h33.903c7.426,0,13.506-6.077,13.506-13.514
V46.854c0-7.434-6.08-13.525-13.506-13.525H218.546z M266.084,126.868h-26.396c2.503,8.175,3.86,16.796,3.86,25.759
c0,49.882-41.766,90.34-93.266,90.34c-51.487,0-93.254-40.458-93.254-90.34c0-8.963,1.37-17.584,3.861-25.759H33.35v126.732
c0,6.563,5.359,11.902,11.916,11.902h208.907c6.563,0,11.911-5.339,11.911-11.902V126.868z M150.283,90.978
c-33.26,0-60.24,26.128-60.24,58.388c0,32.227,26.98,58.375,60.24,58.375c33.278,0,60.259-26.148,60.259-58.375
C210.542,117.105,183.561,90.978,150.283,90.978z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/social/liberapay.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 603 B

1
img/social/liberapay.svg Normal file
View File

@ -0,0 +1 @@
<svg width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>Liberapay icon</title><path d="M2.32 0A2.321 2.321 0 0 0 0 2.32v19.36A2.321 2.321 0 0 0 2.32 24h19.36A2.32 2.32 0 0 0 24 21.68V2.32A2.32 2.32 0 0 0 21.68 0zm9.208 3.98l-2.27 9.405a2.953 2.953 0 0 0-.073.539.853.853 0 0 0 .09.432.7.7 0 0 0 .334.302c.157.077.378.126.661.147l-.49 2.008c-.772 0-1.38-.1-1.82-.3-.441-.203-.757-.477-.947-.826a2.391 2.391 0 0 1-.278-1.2c.005-.452.068-.933.188-1.445l2.074-8.67zm3.9 3.888c.61 0 1.135.092 1.576.277.44.185.802.438 1.085.76.283.32.493.696.629 1.126.136.43.204.89.204 1.379v.001c0 .794-.13 1.52-.392 2.179a5.16 5.16 0 0 1-1.086 1.706 4.84 4.84 0 0 1-1.665 1.118c-.648.267-1.353.4-2.114.4-.37 0-.74-.033-1.11-.098l-.735 2.956H9.403l2.71-11.298c.435-.13.934-.248 1.494-.351a10.045 10.045 0 0 1 1.821-.155zm-.31 2.041a4.67 4.67 0 0 0-.98.098l-1.143 4.752c.185.044.413.065.685.065.425 0 .812-.079 1.16-.237a2.556 2.556 0 0 0 .89-.661c.244-.283.435-.623.571-1.02a4.03 4.03 0 0 0 .204-1.315c0-.468-.104-.865-.31-1.192-.207-.326-.566-.49-1.077-.49z"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
img/social/linkedin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 481 B

45
img/social/linkedin.svg Normal file
View File

@ -0,0 +1,45 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 310 310" style="enable-background:new 0 0 310 310;" xml:space="preserve">
<g id="XMLID_801_">
<path id="XMLID_802_" d="M72.16,99.73H9.927c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5H72.16c2.762,0,5-2.238,5-5V104.73
C77.16,101.969,74.922,99.73,72.16,99.73z"/>
<path id="XMLID_803_" d="M41.066,0.341C18.422,0.341,0,18.743,0,41.362C0,63.991,18.422,82.4,41.066,82.4
c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"/>
<path id="XMLID_804_" d="M230.454,94.761c-24.995,0-43.472,10.745-54.679,22.954V104.73c0-2.761-2.238-5-5-5h-59.599
c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5h62.097c2.762,0,5-2.238,5-5v-98.918c0-33.333,9.054-46.319,32.29-46.319
c25.306,0,27.317,20.818,27.317,48.034v97.204c0,2.762,2.238,5,5,5H305c2.762,0,5-2.238,5-5V194.995
C310,145.43,300.549,94.761,230.454,94.761z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
img/social/mastodon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 741 B

1
img/social/mastodon.svg Normal file
View File

@ -0,0 +1 @@
<svg width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>Mastodon icon</title><path d="M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z"/></svg>

After

Width:  |  Height:  |  Size: 1006 B

BIN
img/social/pleroma.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 281 B

1
img/social/pleroma.svg Normal file
View File

@ -0,0 +1 @@
<svg width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>Pleroma icon</title><path d="M6.36 0A1.868 1.868 0 004.49 1.868V24h5.964V0zm7.113 0v12h4.168a1.868 1.868 0 001.868-1.868V0zm0 18.036V24h4.168a1.868 1.868 0 001.868-1.868v-4.096Z"/></svg>

After

Width:  |  Height:  |  Size: 291 B

BIN
img/social/twitter.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 584 B

49
img/social/twitter.svg Normal file
View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 310 310" style="enable-background:new 0 0 310 310;" xml:space="preserve">
<g id="XMLID_826_">
<path id="XMLID_827_" d="M302.973,57.388c-4.87,2.16-9.877,3.983-14.993,5.463c6.057-6.85,10.675-14.91,13.494-23.73
c0.632-1.977-0.023-4.141-1.648-5.434c-1.623-1.294-3.878-1.449-5.665-0.39c-10.865,6.444-22.587,11.075-34.878,13.783
c-12.381-12.098-29.197-18.983-46.581-18.983c-36.695,0-66.549,29.853-66.549,66.547c0,2.89,0.183,5.764,0.545,8.598
C101.163,99.244,58.83,76.863,29.76,41.204c-1.036-1.271-2.632-1.956-4.266-1.825c-1.635,0.128-3.104,1.05-3.93,2.467
c-5.896,10.117-9.013,21.688-9.013,33.461c0,16.035,5.725,31.249,15.838,43.137c-3.075-1.065-6.059-2.396-8.907-3.977
c-1.529-0.851-3.395-0.838-4.914,0.033c-1.52,0.871-2.473,2.473-2.513,4.224c-0.007,0.295-0.007,0.59-0.007,0.889
c0,23.935,12.882,45.484,32.577,57.229c-1.692-0.169-3.383-0.414-5.063-0.735c-1.732-0.331-3.513,0.276-4.681,1.597
c-1.17,1.32-1.557,3.16-1.018,4.84c7.29,22.76,26.059,39.501,48.749,44.605c-18.819,11.787-40.34,17.961-62.932,17.961
c-4.714,0-9.455-0.277-14.095-0.826c-2.305-0.274-4.509,1.087-5.294,3.279c-0.785,2.193,0.047,4.638,2.008,5.895
c29.023,18.609,62.582,28.445,97.047,28.445c67.754,0,110.139-31.95,133.764-58.753c29.46-33.421,46.356-77.658,46.356-121.367
c0-1.826-0.028-3.67-0.084-5.508c11.623-8.757,21.63-19.355,29.773-31.536c1.237-1.85,1.103-4.295-0.33-5.998
C307.394,57.037,305.009,56.486,302.973,57.388z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

31
index.html Normal file
View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>June | ligilo</title>
<link rel="icon" href="img/pfp/memoji.jpg" type="image/x-icon">
<link rel="stylesheet" href="/css/style.css"/>
<meta property="og:title" content="June | ligilo">
<meta property="og:type" content="website">
<meta property="og:image" content="/img/pfp/memoji.jpg">
<meta property="og:description" content="One web page, to link them all">
<meta property="og:site_name" content="June">
</head>
<body>
<img id="userPhoto" src="/img/pfp/memoji.jpg" alt="User Photo">
<a href="" id="userName">June</a>
<div id="links">
<p><a class="link" href="https://dns-witch.eu.org/">Collectif DNS Witch</a></p>
<p><a class="link" href="https://github.com/june-coloc/EnergyDrink-license/blob/main/license.md">Energy Drink License</a></p>
<p><a class="link" href="https://github.com/june-coloc">Github</a></p>
<p><a class="link" href="https://social.lacoloc.cafe/june">Mastodon</a></p>
<p><a class="link" href="https://grimoire.eu.org/june">Blog</a></p>
<p><a class="link" href="https://liberapay.com/juin_en_anglais/">Liberapay</a></p>
</div>
<footer>
Powered by <a href="https://11ty.dev">11ty</a> / <a href="https://github.com/june-coloc/11ty-ligilo">ligilo</a>
</footer>
</body>
</html>