Compare commits

..

9 Commits

@ -1,13 +1,32 @@
---
title: team
title: Team
menu_title: "The DoubleFourteen Code Forge Team"
mobile_menu_title: "1414° Team"
date: 2022-03-10T00:40:51+02:00
---
**Lorenzo Cogotti** - the founder of Doublefourteen, software architect, game developer.
He promotes open-source, practice-based research and common wisdom "any life worth living has enough time to play video games".
**Katerina Zykova** - communication manager, master in innovation and puzzle fun.
{{< flexcolumn style="justify-content:center;align-items:center" >}}
{{% div class="container cards-list" style="width:75%" %}}
{{% div %}}
**Lorenzo Cogotti** - founder of The DoubleFourteen Code Forge, software architect,
game developer. He promotes free-software, open-source, practice-based research,
and common wisdom:
{{% div style="text-align:center" %}}
*"Any life worth living has enough time to play video games."*
{{% /div %}}
{{% spacer %}}
{{% div %}}
**Katerina Zykova** - communication manager, master in innovation and puzzle fun.
Stand for equality, personal approach, and memes.
{{% /div %}}
{{% /div %}}
{{% spacer %}}
Join us <!-- TODO(micia): Add email here. -->
{{< /flexcolumn >}}

@ -29,6 +29,13 @@
.up-to-small-screen
display: none !important
@media (prefers-color-scheme:dark)
.on-light-theme
display: none !important
@media (prefers-color-scheme:light)
.on-dark-theme
display: none !important
*
box-sizing: border-box
z-index: $foreground
@ -148,9 +155,17 @@ thead th
repeat: no-repeat
size: 400px 386px
.get-in-touch
display: flex
flex-direction: row
flex-wrap: wrap
justify-content: right
gap: 1.5em
margin: 2em 3em 2em 2em
.button, .button:hover
background-color: transparent
border: 2px solid #737475
border: 2px solid #ced4da
color: #333
padding: 7px 12px
display: block
@ -161,10 +176,16 @@ thead th
.button a
display: inline
text-decoration: none !important
color: #666
color: #333
.button:hover
background-color: #7f7f7f
background-color: #fefefe
.twitter-button, .email-button
padding 0px
> img
min-width: 16px
min-height: 16px
margin-bottom: 0px
.footer
text-align: center

@ -1,12 +1,16 @@
<footer class="container footer">
<small>
&copy;
<time datetime="{{ now.UTC.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">
{{ now.UTC.Format "2006" }}</time> The DoubleFourteen Code Forge. All Rights Reserved.<br>
<em>
Code samples are MIT licensed, logos belong to their respective owners, everything else is
<a href="https://creativecommons.org/licenses/by-sa/4.0/" class="external-link">
CC BY-SA</a>.
</em>
</small>
<footer>
{{- partial "getintouch.html" . -}}
<div class="container footer">
<small>
&copy;
<time datetime="{{ now.UTC.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">
{{ now.UTC.Format "2006" }}</time> The DoubleFourteen Code Forge. All Rights Reserved.<br>
<em>
Code samples are MIT licensed, logos belong to their respective owners, everything else is
<a href="https://creativecommons.org/licenses/by-sa/4.0/" class="external-link">
CC BY-SA</a>.
</em>
</small>
</div>
</footer>

@ -0,0 +1,80 @@
<div class="container get-in-touch">
<!-- twitter -->
<a class="button twitter-button"
title="Follow us on Twitter @1414codeforge"
href="https://twitter.com/1414codeforge">
<img class="on-light-theme"
src="{{ "/twitter-logo-blue-64.png" | relURL }}"
srcset="{{ "/twitter-logo-blue-128.png" | relURL }} 128w,
{{ "/twitter-logo-blue-120.png" | relURL }} 120w,
{{ "/twitter-logo-blue-114.png" | relURL }} 114w,
{{ "/twitter-logo-blue-110.png" | relURL }} 110w,
{{ "/twitter-logo-blue-72.png" | relURL }} 72w,
{{ "/twitter-logo-blue-64.png" | relURL }} 64w,
{{ "/twitter-logo-blue-57.png" | relURL }} 57w,
{{ "/twitter-logo-blue-48.png" | relURL }} 48w,
{{ "/twitter-logo-blue-32.png" | relURL }} 32w,
{{ "/twitter-logo-blue-16.png" | relURL }} 16w"
sizes="(min-width: 2000px) 128px,
(max-width: 2000px) and (min-width: 640px) 3vw,
10vw"
max-width="128px"
alt="Follow us on Twitter @1414codeforge">
<img class="on-dark-theme"
src="{{ "/twitter-logo-white-64.png" | relURL }}"
srcset="{{ "/twitter-logo-white-128.png" | relURL }} 128w,
{{ "/twitter-logo-white-120.png" | relURL }} 120w,
{{ "/twitter-logo-white-114.png" | relURL }} 114w,
{{ "/twitter-logo-white-110.png" | relURL }} 110w,
{{ "/twitter-logo-white-72.png" | relURL }} 72w,
{{ "/twitter-logo-white-64.png" | relURL }} 64w,
{{ "/twitter-logo-white-57.png" | relURL }} 57w,
{{ "/twitter-logo-white-48.png" | relURL }} 48w,
{{ "/twitter-logo-white-32.png" | relURL }} 32w,
{{ "/twitter-logo-white-16.png" | relURL }} 16w"
sizes="(min-width: 2000px) 128px,
(max-width: 2000px) and (min-width: 640px) 3vw,
10vw"
max-width="128px"
alt="Follow us on Twitter @1414codeforge">
</a>
<!-- email -->
<a class="button email-button"
title="Drop an email to info@doublefourteen.io"
href="mailto:The DoubleFourteen Staff<info@doublefourteen.io>">
<img class="on-light-theme"
src="{{ "/mail-gray-64.png" | relURL }}"
srcset="{{ "/mail-gray-128.png" | relURL }} 128w,
{{ "/mail-gray-120.png" | relURL }} 120w,
{{ "/mail-gray-114.png" | relURL }} 114w,
{{ "/mail-gray-110.png" | relURL }} 110w,
{{ "/mail-gray-72.png" | relURL }} 72w,
{{ "/mail-gray-64.png" | relURL }} 64w,
{{ "/mail-gray-57.png" | relURL }} 57w,
{{ "/mail-gray-48.png" | relURL }} 48w,
{{ "/mail-gray-32.png" | relURL }} 32w,
{{ "/mail-gray-16.png" | relURL }} 16w"
sizes="(min-width: 2000px) 128px,
(max-width: 2000px) and (min-width: 640px) 3vw,
10vw"
max-width="128px"
alt="Drop an email to info@doublefourteen.io">
<img class="on-dark-theme"
src="{{ "/mail-white-64.png" | relURL }}"
srcset="{{ "/mail-white-128.png" | relURL }} 128w,
{{ "/mail-white-120.png" | relURL }} 120w,
{{ "/mail-white-114.png" | relURL }} 114w,
{{ "/mail-white-110.png" | relURL }} 110w,
{{ "/mail-white-72.png" | relURL }} 72w,
{{ "/mail-white-64.png" | relURL }} 64w,
{{ "/mail-white-57.png" | relURL }} 57w,
{{ "/mail-white-48.png" | relURL }} 48w,
{{ "/mail-white-32.png" | relURL }} 32w,
{{ "/mail-white-16.png" | relURL }} 16w"
sizes="(min-width: 2000px) 128px,
(max-width: 2000px) and (min-width: 640px) 3vw,
10vw"
max-width="128px"
alt="Drop an email to info@doublefourteen.io">
</a>
</div>

@ -1,25 +0,0 @@
#!/bin/sh
for i in 152 144 120 114 180; do
rsvg-convert -f png -w $i -h $i "static/favicon.svg" > "static/favicon-$i-precomposed.png"
pngcrush -reduce -brute -ow "static/favicon-$i-precomposed.png"
done
for i in 57 32; do
rsvg-convert -f png -w $i -h $i "static/favicon.svg" > "static/favicon-$i.png"
pngcrush -reduce -brute -ow "static/favicon-$i.png"
done
convert "static/favicon.svg" -bordercolor white -border 0 \
\( -clone 0 -resize 16x16 \) \
\( -clone 0 -resize 32x32 \) \
\( -clone 0 -resize 48x48 \) \
\( -clone 0 -resize 57x57 \) \
\( -clone 0 -resize 64x64 \) \
\( -clone 0 -resize 72x72 \) \
\( -clone 0 -resize 110x110 \) \
\( -clone 0 -resize 114x114 \) \
\( -clone 0 -resize 120x120 \) \
\( -clone 0 -resize 128x128 \) \
\( -clone 0 -resize 144x144 \) \
\( -clone 0 -resize 152x152 \) \
-delete 0 -alpha off -colors 256 "static/favicon.ico"

@ -0,0 +1,50 @@
#!/bin/sh
readonly PNGCRUSHOPTS="-reduce -brute -ow"
# Favicon
#########
for i in 152 144 120 114 180; do
rsvg-convert -f png -w ${i} -h ${i} "static/favicon.svg" > "static/favicon-${i}-precomposed.png"
pngcrush ${PNGCRUSHOPTS} "static/favicon-${i}-precomposed.png"
done
for i in 57 32; do
rsvg-convert -f png -w ${i} -h ${i} "static/favicon.svg" > "static/favicon-${i}.png"
pngcrush ${PNGCRUSHOPTS} "static/favicon-${i}.png"
done
convert "static/favicon.svg" -bordercolor white -border 0 \
\( -clone 0 -resize 16x16 \) \
\( -clone 0 -resize 32x32 \) \
\( -clone 0 -resize 48x48 \) \
\( -clone 0 -resize 57x57 \) \
\( -clone 0 -resize 64x64 \) \
\( -clone 0 -resize 72x72 \) \
\( -clone 0 -resize 110x110 \) \
\( -clone 0 -resize 114x114 \) \
\( -clone 0 -resize 120x120 \) \
\( -clone 0 -resize 128x128 \) \
\( -clone 0 -resize 144x144 \) \
\( -clone 0 -resize 152x152 \) \
-delete 0 -alpha off -colors 256 "static/favicon.ico"
# Other scalable logos/images
#############################
for i in 16 32 48 57 64 72 110 114 120 128; do
NAMTWITBLUE="twitter-logo-blue-${i}.png"
NAMTWITWHIT="twitter-logo-white-${i}.png"
NAMMAILGRAY="mail-gray-${i}.png"
NAMMAILWHIT="mail-white-${i}.png"
convert "static/twitter-logo-blue.png" -resize ${i}x${i} "static/${NAMTWITBLUE}"
pngcrush ${PNGCRUSHOPTS} "static/${NAMTWITBLUE}"
convert "static/twitter-logo-white.png" -resize ${i}x${i} "static/${NAMTWITWHIT}"
pngcrush ${PNGCRUSHOPTS} "static/${NAMTWITWHIT}"
convert "static/mail-gray.png" -resize ${i}x${i} "static/${NAMMAILGRAY}"
pngcrush ${PNGCRUSHOPTS} "static/${NAMMAILGRAY}"
convert "static/mail-white.png" -resize ${i}x${i} "static/${NAMMAILWHIT}"
pngcrush ${PNGCRUSHOPTS} "static/${NAMMAILWHIT}"
done

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 823 B

After

Width:  |  Height:  |  Size: 800 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 142 KiB

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 451 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 708 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 921 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 983 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 529 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 783 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 762 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 478 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 731 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1008 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Loading…
Cancel
Save