added new software in post
This commit is contained in:
Luca Junge
parent
684829c921
commit
80450062c9
9 changed files with 140 additions and 36 deletions
|
|
@ -15,10 +15,12 @@ module.exports = function (eleventyConfig) {
|
||||||
}).setLocale("de").toLocaleString(DateTime.DATE_FULL)
|
}).setLocale("de").toLocaleString(DateTime.DATE_FULL)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
// Filter for showing excerpts of posts on the "/posts/" site, limited to 180 characters (about 4 lines on mobile)
|
||||||
eleventyConfig.addFilter("excerpt", (post) => {
|
eleventyConfig.addFilter("excerpt", (post) => {
|
||||||
const content = post.replace(/(<([^>]+)>)/gi, "");
|
const content = post.replace(/(<([^>]+)>)/gi, "");
|
||||||
return content.substr(0, content.lastIndexOf(" ", 200)) + "...";
|
return content.substr(0, content.lastIndexOf(" ", 180)) + "...";
|
||||||
});
|
});
|
||||||
|
|
||||||
return {
|
return {
|
||||||
passthroughFileCopy: true,
|
passthroughFileCopy: true,
|
||||||
dir: {
|
dir: {
|
||||||
|
|
|
||||||
34
src/_includes/model-list.njk
Normal file
34
src/_includes/model-list.njk
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="/css/style.css">
|
||||||
|
<link rel="stylesheet" href="/assets/fontawesome/css/all.css">
|
||||||
|
<title>{{ title }}</title>
|
||||||
|
</head>
|
||||||
|
<body class="bg-gray-800 text-gray-100 model-list-style">
|
||||||
|
{% include "partials/nav.njk" %}
|
||||||
|
|
||||||
|
<aside class="container max-w-5xl mx-auto pt-5 pb-0 px-5">
|
||||||
|
|
||||||
|
<a onclick="history.back()" class="cursor-pointer inline-flex items-center py-3 px-3 text-sm font-bold text-center text-white bg-gray-700 rounded-lg hover:bg-gray-600 transition ease-in-out">
|
||||||
|
<i class="fa fa-solid fa-angle-left mr-2 no-underline"></i>Zurück
|
||||||
|
</a>
|
||||||
|
|
||||||
|
{% if header %}
|
||||||
|
<div class="header-image mt-5">
|
||||||
|
<img src="{{ header }}" class="rounded-lg w-full max-h-56 object-cover object-center" alt="{{ title }}">
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<h1 class="mt-10 text-center">{{ title }}</h1>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<div id="content" class="container max-w-5xl mx-auto py-5 px-5">
|
||||||
|
{{ content | safe }}
|
||||||
|
</div>
|
||||||
|
{% include "partials/footer.njk" %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- The model title and description -->
|
<!-- The model title and description -->
|
||||||
<div class="model-info text-gray-100 backdrop-blur-sm p-5 pb-16 absolute bottom-0 left-0 right-0 bg-black/40 group-hover:bg-black/50 transition ease-in-out rounded-b-lg">
|
<div class="model-info text-gray-100 backdrop-blur-sm p-5 absolute bottom-0 left-0 right-0 bg-black/40 group-hover:bg-black/50 transition ease-in-out rounded-b-lg">
|
||||||
<h5 class="text-2xl not-italic uppercase font-bold">{{post.data.title}}</h5>
|
<h5 class="text-2xl not-italic uppercase font-bold">{{post.data.title}}</h5>
|
||||||
<p>{{post.data.alt}}</p>
|
<p>{{post.data.alt}}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -13,8 +13,7 @@
|
||||||
field-of-view="{{fieldofview if fieldofview else 'auto'}}"
|
field-of-view="{{fieldofview if fieldofview else 'auto'}}"
|
||||||
ar
|
ar
|
||||||
xr-environment
|
xr-environment
|
||||||
camera-controls
|
camera-controls auto-rotate shadow-intensity=1>
|
||||||
shadow-intensity=1>
|
|
||||||
<div slot="ar-button" slot="exit-webxr-ar-button" id="ar-button-container">
|
<div slot="ar-button" slot="exit-webxr-ar-button" id="ar-button-container">
|
||||||
<button id="ar-button" title="View in Augmented Reality" class="blur">
|
<button id="ar-button" title="View in Augmented Reality" class="blur">
|
||||||
<i class="fa fa-solid fa-cube"></i>
|
<i class="fa fa-solid fa-cube"></i>
|
||||||
|
|
|
||||||
34
src/_includes/post-list.njk
Normal file
34
src/_includes/post-list.njk
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="/css/style.css">
|
||||||
|
<link rel="stylesheet" href="/assets/fontawesome/css/all.css">
|
||||||
|
<title>{{ title }}</title>
|
||||||
|
</head>
|
||||||
|
<body class="bg-gray-800 text-gray-100 post-list-style">
|
||||||
|
{% include "partials/nav.njk" %}
|
||||||
|
|
||||||
|
<aside class="container max-w-5xl mx-auto pt-5 pb-0 px-5">
|
||||||
|
|
||||||
|
<a onclick="history.back()" class="cursor-pointer inline-flex items-center py-3 px-3 text-sm font-bold text-center text-white bg-gray-700 rounded-lg hover:bg-gray-600 transition ease-in-out">
|
||||||
|
<i class="fa fa-solid fa-angle-left mr-2 no-underline"></i>Zurück
|
||||||
|
</a>
|
||||||
|
|
||||||
|
{% if header %}
|
||||||
|
<div class="header-image mt-5">
|
||||||
|
<img src="{{ header }}" class="rounded-lg w-full max-h-56 object-cover object-center" alt="{{ title }}">
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<h1 class="mt-10 text-center">{{ title }}</h1>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<div id="content" class="container max-w-5xl mx-auto py-5 px-5">
|
||||||
|
{{ content | safe }}
|
||||||
|
</div>
|
||||||
|
{% include "partials/footer.njk" %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -2,26 +2,51 @@
|
||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
|
/* Only used for the title */
|
||||||
.post-style h1 {
|
.post-style h1 {
|
||||||
@apply mt-6 mb-6 text-4xl font-bold;
|
@apply mt-6 mb-1 text-4xl font-bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-style h2 {
|
.post-style h2 {
|
||||||
@apply mb-3 mt-10 text-3xl font-bold;
|
@apply mb-4 mt-10 text-3xl font-bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-style h3 {
|
.post-style h3 {
|
||||||
@apply mb-3 mt-10 text-2xl font-bold;
|
@apply mb-4 mt-10 text-2xl font-bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-style h4 {
|
.post-style h4 {
|
||||||
@apply mb-3 mt-10 text-2xl font-bold italic;
|
@apply mb-4 mt-10 text-2xl font-bold italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-style h5 {
|
.post-style h5 {
|
||||||
@apply mb-3 mt-10 text-xl italic;
|
@apply mb-4 mt-10 text-xl italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-style h6 {
|
.post-style h6 {
|
||||||
@apply mb-3 mt-10 text-sm italic;
|
@apply mb-4 mt-10 text-sm italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-style blockquote {
|
||||||
|
@apply my-1 mb-5 rounded-r-lg rounded-l-sm border-l-4 border-l-cyan-700 bg-gray-900 p-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-style blockquote a {
|
||||||
|
@apply ml-1 text-cyan-700;
|
||||||
|
}
|
||||||
|
/* Model List */
|
||||||
|
|
||||||
|
.model-list-style h1 {
|
||||||
|
@apply mt-6 mb-2 text-4xl font-bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Post List */
|
||||||
|
.post-list-style h1 {
|
||||||
|
@apply mt-6 mb-2 text-4xl font-bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Other components */
|
||||||
|
|
||||||
|
.cta-button {
|
||||||
|
@apply block w-full rounded-lg bg-cyan-700 p-3 text-center text-xl font-bold uppercase text-white transition-colors ease-in-out hover:bg-cyan-900 sm:mx-auto sm:w-1/2 sm:text-center;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,9 @@
|
||||||
---
|
---
|
||||||
layout: post.njk
|
layout: model-list.njk
|
||||||
title: Alle 3D-Modelle
|
title: Alle 3D-Modelle
|
||||||
eleventyExcludeFromCollections: true
|
eleventyExcludeFromCollections: true
|
||||||
---
|
---
|
||||||
<ul class="grid gap-5 ml-0 grid-cols-1 grid-rows-1 md:grid-cols-2 md:grid-rows-2 lg:grid-cols-3 lg:grid-rows-3">
|
<ul class="grid gap-5 ml-0 mt-0 grid-cols-1 grid-rows-1 md:grid-cols-2 md:grid-rows-2 lg:grid-cols-3 lg:grid-rows-3">
|
||||||
{% for post in collections.model %}
|
{% for post in collections.model %}
|
||||||
{% include "model-preview.njk" %}
|
{% include "model-preview.njk" %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
---
|
---
|
||||||
title: Awesome Open Source tools
|
title: My favorite open source tools
|
||||||
header: header.jpg
|
header: header.jpg
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
@ -12,45 +12,54 @@ For the few times that I need to design something or prototype something visuall
|
||||||
|
|
||||||
### Penpot
|
### Penpot
|
||||||
|
|
||||||
One of the open-source tools I've fallen in love with is [Penpot](https://github.com/penpot/penpot), a fantastic web-based design and prototyping tool that's perfect for UI and UX designers. It's a real game-changer for those of us who want an alternative to popular subscription-based design tools like Sketch and Figma.
|
> **Repository:** [https://github.com/penpot/penpot](https://github.com/penpot/penpot)
|
||||||
|
|
||||||
The thing I adore about Penpot is that it's not just powerful, but also user-friendly and incredibly versatile. You can design beautiful interfaces, create interactive prototypes, and even collaborate with your team in real-time - all from within your web browser! Plus, it supports all major vector and raster file formats, so you won't have to worry about compatibility issues.
|
Penpot is an exceptional open-source software due to its versatile design capabilities, collaborative features, and platform independence. It offers a range of design tools such as vector editing, layer management, and reusable components, allowing users to create detailed UI/UX designs. The platform facilitates real-time collaboration, enabling design teams to work together effectively on shared projects. As a browser-based application, Penpot is compatible with various operating systems, making it accessible to a wide range of users.
|
||||||
|
|
||||||
Another fantastic aspect of Penpot is the active and supportive community behind it. They're always working on improvements and adding new features, making sure we have the best possible experience.
|
<a class="cta-button my-4" href="https://penpot.app/">Try Penpot</a>
|
||||||
|
|
||||||
If you're a designer looking to dip your toes into the open-source world or just searching for a budget-friendly design tool, Penpot is definitely one to check out! Trust me, you won't be disappointed!
|
|
||||||
|
|
||||||
### Excalidraw
|
### Excalidraw
|
||||||
|
|
||||||
I've been loving Excalidraw lately, a fun and easy-to-use open-source whiteboard app that's perfect for brainstorming and sketching ideas. With its minimalistic interface, you can quickly create hand-drawn-like shapes, lines, and text, making your ideas come to life in no time.
|
> **Repository:** [https://github.com/excalidraw/excalidraw](https://github.com/excalidraw/excalidraw)
|
||||||
|
|
||||||
Despite its simplicity, Excalidraw offers powerful features, like real-time collaboration and easy sharing in various formats. Its open-source nature and supportive community ensure continuous improvements, making it an excellent choice for students, teachers, and professionals alike.
|
Excalidraw excels as an open-source software with its user-friendly interface, powerful drawing tools, and collaborative features. Users can create freehand drawings, shapes, and insert text with customizable styles and colors. Real-time collaboration is enabled through shareable links, allowing teams to work together seamlessly. Lastly, its ability to export drawings in various formats, like SVG and PNG, makes it a versatile tool for users across different industries.
|
||||||
|
|
||||||
If you're after a fun, user-friendly, and effective tool for visualizing your thoughts, Excalidraw is definitely worth a try!
|
<a class="cta-button my-4" href="https://excalidraw.com/">Try Excalidraw</a>
|
||||||
|
|
||||||
## Game Development
|
## Game Development
|
||||||
|
|
||||||
- Godot
|
### Godot Engine
|
||||||
- Aseprite
|
|
||||||
|
|
||||||
## Modelling
|
> **Repository:** [https://github.com/godotengine/godot](https://github.com/godotengine/godot)
|
||||||
|
|
||||||
- Blender
|
Godot is a remarkable open-source software due to its comprehensive game development capabilities, flexibility, and active community support. The engine provides a feature-rich environment with a powerful scene system, visual scripting, and built-in node architecture, enabling users to create both 2D and 3D games with ease. Its scripting language, GDScript, is easy to learn and offers a high level of customization, allowing developers to create unique gameplay mechanics. Furthermore, the thriving Godot community fosters continual improvement and offers invaluable resources for developers, from tutorials to asset libraries.
|
||||||
|
|
||||||
## Texturing
|
<a class="cta-button my-4" href="https://godotengine.org/">Try Godot</a>
|
||||||
|
|
||||||
- Material Maker
|
### Aseprite
|
||||||
- Blender
|
|
||||||
- Aseprite
|
|
||||||
|
|
||||||
## Editing and Typing
|
> **Repository:** [https://github.com/aseprite/aseprite/](https://github.com/aseprite/aseprite/)
|
||||||
|
|
||||||
- Typst
|
Aseprite is an outstanding open-source software, specifically designed for creating pixel art and animations, with a user-friendly interface and an extensive set of tools. It offers a wide range of features such as layers, frames, customizable palettes, and tileset support, which empower artists to produce detailed and intricate designs. Aseprite also includes advanced animation capabilities with onion skinning, sprite sheet generation, and loop controls, enabling users to bring their creations to life. Furthermore, the active community behind Aseprite ensures ongoing development, support, and a wealth of learning resources for users.
|
||||||
|
|
||||||
## Other notable mentions
|
<a class="cta-button my-4" href="https://www.aseprite.org/">Try Aseprite</a>
|
||||||
|
|
||||||
#### Hello this
|
## Modelling & Texturing
|
||||||
|
|
||||||
##### is a test
|
### Material Maker
|
||||||
|
|
||||||
###### ok
|
todo
|
||||||
|
|
||||||
|
### Blender
|
||||||
|
|
||||||
|
todo
|
||||||
|
|
||||||
|
## Typesetting and Writing
|
||||||
|
|
||||||
|
### Typst
|
||||||
|
|
||||||
|
> **Repository:** [https://github.com/typst/typst](https://github.com/typst/typst)
|
||||||
|
|
||||||
|
Typst is a great open-source software that offers seamless collaboration, customizable templates, and an intuitive environment for creating and editing documents. It runs in a browser, allowing users to work together across different locations and ensuring that everyone stays on the same page with shared documents in team workspaces. The software's reactive templates automatically format content as users type, and it supports switching templates without altering the content. With features like instant previews, clear error messages, familiar programming constructs, and easy formula editing, Typst is designed for scientific writing but is also easily accessible by beginners.
|
||||||
|
|
||||||
|
<a class="cta-button my-4" href="https://typst.app/">Try Typst</a>
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,10 @@
|
||||||
---
|
---
|
||||||
title: Alle Posts
|
title: Alle Posts
|
||||||
|
layout: post-list.njk
|
||||||
eleventyExcludeFromCollections: true
|
eleventyExcludeFromCollections: true
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="grid gap-10 gap-x-24 sm:grid-cols-1 sm:grid-rows-1 md:mt-7">
|
<div class="grid gap-10 gap-x-24 sm:grid-cols-1 sm:grid-rows-1">
|
||||||
{% for post in collections.post %}
|
{% for post in collections.post %}
|
||||||
<div>
|
<div>
|
||||||
<a href="{{post.url}}" class="inline-block md:inline-block text-2xl font-bold tracking-tight text-gray-100">{{post.data.title}}</a>
|
<a href="{{post.url}}" class="inline-block md:inline-block text-2xl font-bold tracking-tight text-gray-100">{{post.data.title}}</a>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue