diff --git a/content/blog/types-of-textures-explained.md b/content/blog/types-of-textures-explained.md
index b0c56ec..b673956 100644
--- a/content/blog/types-of-textures-explained.md
+++ b/content/blog/types-of-textures-explained.md
@@ -4,7 +4,7 @@ tags: ["Textures"]
type: Tip
---
-Are you confused why a texture needs so many different files and why they have so many different names?
+Albedo, Diffuse, Normal?
diff --git a/content/index.njk b/content/index.njk
index acbeb9b..e60b803 100644
--- a/content/index.njk
+++ b/content/index.njk
@@ -3,6 +3,14 @@ layout: layouts/home.njk
permalink: /index.html
---
+
+
Welcome!
+
+ This blog is dedicated to game development. You can find hints, tutorials
+ and recommendations to make game development easier!
+
+
+
{% for post in collections.posts %}
@@ -16,7 +24,9 @@ permalink: /index.html
{{post.data.title}}
{{ post.page.excerpt }}
-
+
{% endfor %}
diff --git a/eleventy.config.js b/eleventy.config.js
index c8cf48b..4fde384 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -98,8 +98,8 @@ function getPalette(t, a, b, c, d) {
}
function getThumbnailImage(hash) {
- var width = 400;
- var height = 400;
+ var width = 800;
+ var height = 300;
var rng = alea(SEED + hash);
var noise2D = createNoise2D(rng);
diff --git a/package.json b/package.json
index 951e453..7abd40d 100644
--- a/package.json
+++ b/package.json
@@ -5,8 +5,9 @@
"main": "index.js",
"scripts": {
"serve": "npx @11ty/eleventy --serve",
+ "dev": "npx @11ty/eleventy --serve",
"build": "npx @11ty/eleventy",
- "deploy": "rsync -av _site/* server:/tmp/build-runtimefee/ && ssh server 'sudo cp -r /tmp/build-runtimefee/* ~/www/runtimefee.lol/'"
+ "deploy": "rsync -av --rsync-path='mkdir -p /tmp/build-runtimefee/ && rsync' _site/* server:/tmp/build-runtimefee/ && ssh server 'sudo cp -r /tmp/build-runtimefee/* ~/www/runtimefee.lol/'"
},
"keywords": [],
"author": "Luca Junge (https://luca-junge.de/)",
diff --git a/public/css/bundle.css b/public/css/bundle.css
index 4720dfb..9be00ee 100644
--- a/public/css/bundle.css
+++ b/public/css/bundle.css
@@ -4,8 +4,10 @@
/* Custom fonts */
@import url(./fonts.css);
+@import url(./margins.css);
+
:root {
- --font-family: "Lilita One", -apple-system, system-ui, sans-serif;
+ --font-family: "Source Sans 3", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono,
Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono,
Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New,
@@ -13,26 +15,9 @@
}
:root {
- --background-color: #363d4a;
- --dark-background-color: hsl(219, 16%, 20%);
- --accent-color: #70bafa;
-
- --accent-red: #ffaaaa;
- --accent-node3d: #ffaaaa;
-
- --accent-green: #aaffaa;
- --accent-control: #aaffaa;
-
- --accent-blue: #aaaaff;
- --accent-node2d: #aaaaff;
-
- --accent-yellow: #ffffaa;
-
- --aceent-purple: #c25bff;
- --accent-media: #c25bff;
-
- --white: #eeeeee;
- --dark-white: #cccccc;
+ --background-color: #121212;
+ --background-color-dark: #080808;
+ --accent-color: #daa520;
}
html,
@@ -47,40 +32,45 @@ h3,
h4,
h5,
h6 {
+ font-family: "Crimson Pro";
+ font-size: 1.3em;
+ font-weight: 600;
color: var(--accent-color);
}
.header {
padding: 1rem;
- background-color: var(--dark-background-color);
display: flex;
+ justify-content: center;
+ font-weight: bold;
}
.recent-posts-container {
margin: 12px 12px;
display: flex;
+ flex-direction: column;
justify-content: flex-start;
gap: 12px;
}
.highlight-card {
- max-width: 24rem;
border-radius: 12px;
display: flex;
padding: 14px;
+ width: 100%;
justify-content: stretch;
- background-color: var(--dark-background-color);
}
.highlight-card-header {
display: flex;
+ flex-wrap: wrap;
column-gap: 10px;
justify-content: space-between;
padding-bottom: 8px;
}
.highlight-card img {
- border-radius: 16px;
+ border-radius: 8px;
width: 100%;
height: 8rem;
object-fit: cover;
@@ -89,7 +79,6 @@ h6 {
}
.highlight-card a {
- color: unset;
color: var(--white);
width: 100%;
text-decoration: none;
@@ -102,16 +91,13 @@ h6 {
cursor: pointer;
background-color: var(--accent-color);
outline: none;
+ border: none;
}
-.content-type.article {
- color: var(--accent-red);
-}
-
-.content-type.tip {
- color: var(--accent-green);
-}
-
-.content-type.recommendation {
- color: var(--accent-yellow);
+.content-type {
+ font-family: "Crimson Pro";
+ font-weight: bold;
+ border-radius: 4px;
+ padding: 2px 7px 5px 7px;
+ background-color: var(--background-color-dark);
}
diff --git a/public/css/fonts.css b/public/css/fonts.css
index 5ceb4bc..9a3407e 100644
--- a/public/css/fonts.css
+++ b/public/css/fonts.css
@@ -4,3 +4,27 @@
font-weight: normal;
font-style: normal;
}
+
+@font-face {
+ font-family: "Source Sans 3";
+ src: url("../fonts/source_sans_3/SourceSans3-VariableFont_wght.ttf")
+ format("truetype");
+ font-weight: 100 900;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "Source Sans 3";
+ src: url("../fonts/source_sans_3/SourceSans3-Italic-VariableFont_wght.ttf")
+ format("truetype");
+ font-weight: 100 900;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "Crimson Pro";
+ src: url("../fonts/crimson_pro/CrimsonPro-VariableFont_wght.ttf")
+ format("truetype");
+ font-weight: 100 900;
+ font-style: normal;
+}
diff --git a/public/css/margins.css b/public/css/margins.css
new file mode 100644
index 0000000..f27ae96
--- /dev/null
+++ b/public/css/margins.css
@@ -0,0 +1,3 @@
+.margin-small {
+ margin: 12px;
+}
diff --git a/public/fonts/crimson_pro/CrimsonPro-VariableFont_wght.ttf b/public/fonts/crimson_pro/CrimsonPro-VariableFont_wght.ttf
new file mode 100644
index 0000000..1b3935f
Binary files /dev/null and b/public/fonts/crimson_pro/CrimsonPro-VariableFont_wght.ttf differ
diff --git a/public/fonts/crimson_pro/OFL.txt b/public/fonts/crimson_pro/OFL.txt
new file mode 100644
index 0000000..3a3affd
--- /dev/null
+++ b/public/fonts/crimson_pro/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2018 The Crimson Pro Project Authors (https://github.com/Fonthausen/CrimsonPro)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/fonts/crimson_pro/README.txt b/public/fonts/crimson_pro/README.txt
new file mode 100644
index 0000000..7a338e4
--- /dev/null
+++ b/public/fonts/crimson_pro/README.txt
@@ -0,0 +1,79 @@
+Crimson Pro Variable Font
+=========================
+
+This download contains Crimson Pro as both variable fonts and static fonts.
+
+Crimson Pro is a variable font with this axis:
+ wght
+
+This means all the styles are contained in these files:
+ Crimson_Pro/CrimsonPro-VariableFont_wght.ttf
+ Crimson_Pro/CrimsonPro-Italic-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Crimson Pro:
+ Crimson_Pro/static/CrimsonPro-ExtraLight.ttf
+ Crimson_Pro/static/CrimsonPro-Light.ttf
+ Crimson_Pro/static/CrimsonPro-Regular.ttf
+ Crimson_Pro/static/CrimsonPro-Medium.ttf
+ Crimson_Pro/static/CrimsonPro-SemiBold.ttf
+ Crimson_Pro/static/CrimsonPro-Bold.ttf
+ Crimson_Pro/static/CrimsonPro-ExtraBold.ttf
+ Crimson_Pro/static/CrimsonPro-Black.ttf
+ Crimson_Pro/static/CrimsonPro-ExtraLightItalic.ttf
+ Crimson_Pro/static/CrimsonPro-LightItalic.ttf
+ Crimson_Pro/static/CrimsonPro-Italic.ttf
+ Crimson_Pro/static/CrimsonPro-MediumItalic.ttf
+ Crimson_Pro/static/CrimsonPro-SemiBoldItalic.ttf
+ Crimson_Pro/static/CrimsonPro-BoldItalic.ttf
+ Crimson_Pro/static/CrimsonPro-ExtraBoldItalic.ttf
+ Crimson_Pro/static/CrimsonPro-BlackItalic.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+ https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+ https://variablefonts.typenetwork.com
+ https://medium.com/variable-fonts
+
+In desktop apps
+
+ https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+ https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+ https://developers.google.com/fonts/docs/getting_started
+ https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+ https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+ MacOS: https://support.apple.com/en-us/HT201749
+ Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+ Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+ https://developers.google.com/fonts/docs/android
+ https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them in your products & projects – print or digital,
+commercial or otherwise.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.
diff --git a/public/fonts/source_sans_3/OFL.txt b/public/fonts/source_sans_3/OFL.txt
new file mode 100644
index 0000000..2f7468b
--- /dev/null
+++ b/public/fonts/source_sans_3/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2010-2020 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe in the United States and/or other countries.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/fonts/source_sans_3/README.txt b/public/fonts/source_sans_3/README.txt
new file mode 100644
index 0000000..65a715e
--- /dev/null
+++ b/public/fonts/source_sans_3/README.txt
@@ -0,0 +1,79 @@
+Source Sans 3 Variable Font
+===========================
+
+This download contains Source Sans 3 as both variable fonts and static fonts.
+
+Source Sans 3 is a variable font with this axis:
+ wght
+
+This means all the styles are contained in these files:
+ Source_Sans_3/SourceSans3-VariableFont_wght.ttf
+ Source_Sans_3/SourceSans3-Italic-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Source Sans 3:
+ Source_Sans_3/static/SourceSans3-ExtraLight.ttf
+ Source_Sans_3/static/SourceSans3-Light.ttf
+ Source_Sans_3/static/SourceSans3-Regular.ttf
+ Source_Sans_3/static/SourceSans3-Medium.ttf
+ Source_Sans_3/static/SourceSans3-SemiBold.ttf
+ Source_Sans_3/static/SourceSans3-Bold.ttf
+ Source_Sans_3/static/SourceSans3-ExtraBold.ttf
+ Source_Sans_3/static/SourceSans3-Black.ttf
+ Source_Sans_3/static/SourceSans3-ExtraLightItalic.ttf
+ Source_Sans_3/static/SourceSans3-LightItalic.ttf
+ Source_Sans_3/static/SourceSans3-Italic.ttf
+ Source_Sans_3/static/SourceSans3-MediumItalic.ttf
+ Source_Sans_3/static/SourceSans3-SemiBoldItalic.ttf
+ Source_Sans_3/static/SourceSans3-BoldItalic.ttf
+ Source_Sans_3/static/SourceSans3-ExtraBoldItalic.ttf
+ Source_Sans_3/static/SourceSans3-BlackItalic.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+ https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+ https://variablefonts.typenetwork.com
+ https://medium.com/variable-fonts
+
+In desktop apps
+
+ https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+ https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+ https://developers.google.com/fonts/docs/getting_started
+ https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+ https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+ MacOS: https://support.apple.com/en-us/HT201749
+ Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+ Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+ https://developers.google.com/fonts/docs/android
+ https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them in your products & projects – print or digital,
+commercial or otherwise.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.
diff --git a/public/fonts/source_sans_3/SourceSans3-Italic-VariableFont_wght.ttf b/public/fonts/source_sans_3/SourceSans3-Italic-VariableFont_wght.ttf
new file mode 100644
index 0000000..660ac45
Binary files /dev/null and b/public/fonts/source_sans_3/SourceSans3-Italic-VariableFont_wght.ttf differ
diff --git a/public/fonts/source_sans_3/SourceSans3-VariableFont_wght.ttf b/public/fonts/source_sans_3/SourceSans3-VariableFont_wght.ttf
new file mode 100644
index 0000000..8c15d26
Binary files /dev/null and b/public/fonts/source_sans_3/SourceSans3-VariableFont_wght.ttf differ