Pack the website into container

This commit is contained in:
mr-vercetti committed 2022-11-27 21:59:56 +01:00
1 parent 171988a9ff
commit e5699b6054
11 files changed
+29 -5

No files matched your search

+1
View File
@@ -0,0 +1 @@
<svg viewBox="0 0 1080 1080" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m555.73 633.88s69.93.45 89.58 5.47 71.66 122.73 93.18 134 39.8-7.45 63.51-21.35 45.44-30.72 46.12-37.74-9.39-35.07-18.1-40.73-34-6.06-47.49 2.58c-19.82-54-48-132.75-73.84-143.59s-104.15-16-104.15-16z"/></clipPath><path d="m289.08 381.9s-34 13.45-39 46.12 72.26 128.37 72.26 128.37l238.26-128.39-75.33-132.2z" fill="#c7dcf9"/><g fill="#e1ecff"><path d="m341.76 412.78s-25.07 25.74-32.76 54.22-8.68 79.34-7.4 98.39c37.4 34.61 185.23 5.61 185.23 5.61l142.46-167.58s-24.15-45.85-36.41-58.42-52-28.2-97.85-9.75c-26.91 38.19-153.27 77.53-153.27 77.53z"/><path d="m330.57 426.09s55.31 17.75 117.57-6.3 73.54-91.79 73.54-91.79l-26.68 7.26-153.24 77.52z"/><path d="m555.73 633.88s69.93.45 89.58 5.47 71.66 122.73 93.18 134 39.8-7.45 63.51-21.35 45.44-30.72 46.12-37.74-9.39-35.07-18.1-40.73-34-6.06-47.49 2.58c-19.82-54-48-132.75-73.84-143.59s-104.15-16-104.15-16z"/></g><g clip-path="url(#a)"><path d="m629.29 582.34s56.94 6.23 72.67 27.42 46.9 150.85 81.79 153.92c.56 42-71.7 57.17-71.7 57.17l-173.21-192.46z" fill="#e1ecff" opacity=".51"/></g><g fill="#e1ecff"><path d="m367.85 623.26s43 90.19 82 114.79 109.66 22.61 129.15 38.72 15.37 93.5 34.85 114 46.89 33.06 72.51 30.75 46.12-14.6 46.38-26.13-.77-21.53-12.81-27.68-29-11.27-29.73-18.44-14.35-116.33-20-146-49.53-70.94-106.08-91.73c-53.55-44.84-135.8-25.63-135.8-25.63z"/><path d="m380.36 647.39s49.35 2.52 93.67-16.95c-8.47-45.1-34.6-58.42-34.6-58.42l-71.58 51.24z"/><path d="m448.65 176.4c-38.65-20.69-119.65-27.67-169.65 34.34s-25.08 126.32-4.07 156.26c22 31.42 97.62 79.44 178.33 34.34s89.17-174.72-4.61-224.94z"/></g><path d="m442 214.32c34.33 8.2 56.63 56.37 45.1 102.49s-51.25 77.13-95.83 77.38-88.91-30.19-88.67-87.11c.24-54.7 64.85-110.56 139.4-92.76z" fill="#1c3177"/><path d="m343.09 574.58c44.73-20.76 11.27-68.16 55.86-78.94 58.79 8.36 75.05 5.36 75.05 5.36s-112.47 98.78-130.91 73.58z" fill="#e1ecff"/><path d="m380.36 447.8 74.44 191.55 105.31-2.51 96.34-60.98 28.7-87.12-69.69-209.08-33.83 97.88-87.63 69.69z" fill="#ff97c9"/><path d="m343.09 574.58c24.68-2 37.25-18.07 44.73-25.2 3.81-3.64 3.05-6.83 1.13-17.33s4.74-21.27 13.84-25.88c5 13.45 11.14 16 15.88 15.37s9.61-28.95 25.11-28.7 27.93 20.76 30 31-7.94 39.45-20.5 59.95-30.28 45.88-70.17 53.82-62.57-12.43-75.64-38.18c-4.41-8.69-6-20.7-5.86-34.08 0 0 8.93 11.79 41.48 9.23z" fill="#e1ecff"/><path d="m639.46 351.67s4.75 15.45 1.55 21.47-7.56 11-10.76 18.71 1.54 36.77 15.63 41.76 25.75-8.07 29.47-15.63 1.66-27.41-3.85-41.25-15.87-26.14-32.04-25.06z" fill="#e1ecff"/><path d="m655.66 159.71 3.16 6.4a2.65 2.65 0 0 0 2 1.46l7.07 1a2.67 2.67 0 0 1 1.48 4.56l-5.11 5a2.66 2.66 0 0 0 -.77 2.36l1.2 7a2.67 2.67 0 0 1 -3.87 2.82l-6.33-3.32a2.65 2.65 0 0 0 -2.48 0l-6.33 3.32a2.67 2.67 0 0 1 -3.88-2.82l1.21-7a2.66 2.66 0 0 0 -.77-2.36l-5.11-5a2.67 2.67 0 0 1 1.48-4.56l7.07-1a2.65 2.65 0 0 0 2-1.46l3.16-6.4a2.68 2.68 0 0 1 4.82 0z" fill="#fec272"/><path d="m317.34 837 2.65 5.37a2.2 2.2 0 0 0 1.68 1.22l5.93.86a2.24 2.24 0 0 1 1.24 3.82l-4.29 4.18a2.22 2.22 0 0 0 -.64 2l1 5.9a2.25 2.25 0 0 1 -3.25 2.37l-5.3-2.79a2.25 2.25 0 0 0 -2.08 0l-5.28 2.77a2.24 2.24 0 0 1 -3.25-2.37l1-5.9a2.26 2.26 0 0 0 -.65-2l-4.28-4.18a2.24 2.24 0 0 1 1.24-3.82l5.92-.86a2.23 2.23 0 0 0 1.69-1.22l2.65-5.37a2.24 2.24 0 0 1 4.02.02z" fill="#fec272"/><ellipse cx="408.56" cy="256.06" fill="#fff" opacity=".48" rx="45.63" ry="16.14" transform="matrix(.97655971 -.21524668 .21524668 .97655971 -45.54 93.94)"/><path d="m468.08 552.56s-28.31-25.3-33.44-25.3-18.79 20-15.71 25.3 18.9 22.66 36.27 28c5.63-10.74 12.88-28 12.88-28z" fill="#e1ecff"/><path d="m494 447.23 66.11 189.61 96.34-60.98-74.82-198.32z" fill="#ff97c9" opacity=".5"/><path d="m675.87 739.49a123 123 0 0 1 -33 19.57c-11.21 4.32-15 13.16-11.61 29.38s5.29 41.51 12.29 48.17 31.08 3.12 43.56-12.36c-3.91-30.5-11.24-84.76-11.24-84.76z" fill="#e1ecff"/><path d="m741.12 574.12s-14 6.1-12.67 15.83 15.63 56.76 21.27 61 22.33-3.28 22.33-3.28c-17.14-48.56-30.93-73.55-30.93-73.55z" fill="#e1ecff"/><g fill="#99adf9"><path d="m150.32 686.66c-11.13-23.08 25.14-47.78 56-46s43.83 30.27 54.76 40.9c22.83 22.18 22.11 43.88 6.3 53.21s-102.33-17.58-117.06-48.11z"/><path d="m772.88 329.11c-9-7.88.26-44.92 21.52-53.59s47.66.81 53.3 15.67-56.37 54.06-74.82 37.92z"/><path d="m877.06 348.93c-4.61 6.57-7.68 25.28 2.05 28.61s17.09-15.92 13.67-25.94-12.64-7.06-15.72-2.67z"/><path d="m884.06 197.1c-7.26 3.42-19.23 18.12-12.43 25.85s22.73-5.33 24.74-15.72-7.46-12.41-12.31-10.13z" opacity=".44"/><path d="m201.38 783.77c-6.28-5-24.75-9.25-28.69.26s14.82 18 25 15.26 7.87-12.18 3.69-15.52z" opacity=".44"/><path d="m255.61 675.23c-11.17 2.1-9.37 12.09-5.79 21.14s16.18 11.63 25.07 3.36c-5.77-13.73-19.28-24.5-19.28-24.5z" opacity=".64"/><path d="m191.4 660.16c-8 .89-14.52 12.47-8.88 21.86s16.39 16.23 22.54 13.67 7.18-16.4 2.74-25.28-8.71-11.11-16.4-10.25z" opacity=".64"/><path d="m822.74 283.5c-4.39 1.4-8.84 6.15-8.45 11.28s4.Line truncated

After

Width:  |  Height:  |  Size: 5.0 KiB

+205
View File
@@ -0,0 +1,205 @@
:root {
--background-color: #1F1E1E;
--secondary-color: #214ED4;
--tertiary-color: #6082E6;
--text-color: #F5F5F5;
--link-color: #DCE4F9;
}
/* Main */
body {
font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Ubuntu, Helvetica, Arial, sans-serif;
background-color: var(--background-color);
padding: 0 3rem 3rem 3rem;
color: var(--text-color);
margin-right: auto;
margin-left: auto;
line-height: 200%;
font-weight: 400;
max-width: 40rem;
}
video, picture, img {
width: 100%;
}
p {
margin-top: 0;
}
article > p {
line-height: 2;
margin-top: 0.5rem;
margin-bottom: 1rem;
}
a {
font-weight: 450;
color: var(--link-color);
text-decoration-color: var(--tertiary-color);
}
a:hover {
text-decoration-color: var(--secondary-color);
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-weight: 700;
position: relative;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
text-decoration: none;
color: inherit;
}
.zola-anchor {
opacity: 0;
position: absolute;
right: 101%;
transition: opacity .1s linear;
color: var(--tertiary-color);
}
h1:hover > .zola-anchor,
h2:hover > .zola-anchor,
h3:hover > .zola-anchor,
h4:hover > .zola-anchor,
h5:hover > .zola-anchor,
h6:hover > .zola-anchor {
opacity: 100;
}
/* Nav */
nav {
width: 100%;
display: flex;
font-weight: 600;
justify-content: space-around;
}
nav > a {
color: inherit;
text-decoration: none;
}
header {
padding-bottom: 0.5rem;
}
/* Code */
pre {
padding: 1rem;
white-space: pre-wrap;
border: 1px solid #CCC;
}
pre > code {
border: none;
}
code {
font-size: 1rem;
padding: 0 4px;
border: 1px solid #CCC;
}
/* Quotes */
blockquote {
border-left: 5px solid var(--secondary-color);
margin: 1.5rem 0;
padding: 0 1.5rem;
}
/* Tables */
table {
border-collapse: collapse;
width: 100%;
}
thead {
background-color: var(--tertiary-color);
}
td, th {
border: 1px solid var(--text-color);
padding: 0.5rem;
text-align: left;
}
/* Abbreviations */
abbr {
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-color: var(--tertiary-color);
text-decoration-thickness: 2px;
}
/* Keyboard */
kbd {
color: var(--background-color);
font-size: 1.25rem;
padding: 0.05rem 0.4rem;
text-shadow: 0 1px 0 #FFF;
background-color: #E4E6E8;
border: 1px solid #726E6E;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(244,245,245,0.15), inset 0 1px 0 0 #FFF;
}
/* Highlights */
mark {
padding: 0.15rem;
background-color: var(--tertiary-color);
}
/* Posts and Projects */
.date-list {
padding: 0;
}
.date-list > li {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 145%;
padding: 0 0 1rem 0;
}
.date-list > li > a {
flex-basis: 50%;
}
/* Error */
.error {
display: grid;
place-items: center;
width: 100%;
height: 100%;
}
.error > svg {
max-width: 19rem;
}
.error > strong {
font-size: 5rem;
margin-bottom: 1.5rem;
}
.error > p {
font-size: 2rem;
margin: 0;
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB