Remove outdated article content and metadata

Update CSS grid layout for main content area

Add language-specific footer content
This commit is contained in:
Ruben 2025-10-02 20:16:18 +02:00
parent 8b3f9a56f2
commit 466c297fe4
8 changed files with 14 additions and 93 deletions

View file

@ -1,24 +0,0 @@
# The Future of Web Development
![Web Development Trends](cover.jpg "Trends in Web Development")
As we approach the mid-2020s, web development continues to evolve at a rapid pace. New frameworks, tools, and best practices emerge every year, shaping the way we build and interact with the web.
## Key Trends to Watch
### 1. AI and Machine Learning Integration
Artificial Intelligence (AI) and Machine Learning (ML) are no longer buzzwords but integral parts of modern web development. From chatbots to personalized content recommendations, AI is transforming user experiences.
### 2. Progressive Web Apps (PWAs)
PWAs continue to gain traction, offering app-like experiences directly in the browser. They are fast, reliable, and engaging, making them a preferred choice for many businesses.
### 3. WebAssembly
WebAssembly (Wasm) is enabling high-performance applications on the web. It allows developers to run code written in multiple languages like C, C++, and Rust at near-native speed.
### 4. Jamstack Architecture
The Jamstack architecture (JavaScript, APIs, and Markup) is becoming increasingly popular for its ability to deliver fast, secure, and scalable websites.
## Conclusion
The future of web development is bright and full of possibilities. By staying updated with the latest trends and technologies, developers can create innovative and impactful web experiences.
**Tags:** Web Development, AI, PWAs, WebAssembly, Jamstack

View file

@ -1,24 +0,0 @@
# The Future of Web Development
![Web Development Trends](cover.jpg "Trends in Web Development")
As we approach the mid-2020s, web development continues to evolve at a rapid pace. New frameworks, tools, and best practices emerge every year, shaping the way we build and interact with the web.
## Key Trends to Watch
### 1. AI and Machine Learning Integration
Artificial Intelligence (AI) and Machine Learning (ML) are no longer buzzwords but integral parts of modern web development. From chatbots to personalized content recommendations, AI is transforming user experiences.
### 2. Progressive Web Apps (PWAs)
PWAs continue to gain traction, offering app-like experiences directly in the browser. They are fast, reliable, and engaging, making them a preferred choice for many businesses.
### 3. WebAssembly
WebAssembly (Wasm) is enabling high-performance applications on the web. It allows developers to run code written in multiple languages like C, C++, and Rust at near-native speed.
### 4. Jamstack Architecture
The Jamstack architecture (JavaScript, APIs, and Markup) is becoming increasingly popular for its ability to deliver fast, secure, and scalable websites.
## Conclusion
The future of web development is bright and full of possibilities. By staying updated with the latest trends and technologies, developers can create innovative and impactful web experiences.
**Tags:** Web Development, AI, PWAs, WebAssembly, Jamstack

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

View file

@ -1,6 +0,0 @@
title = "The Future of Web Development"
date = "2025-10-23"
summary = "Exploring emerging trends in modern web development and their impact on the industry."
[en]
title = "Dette er en test"

View file

@ -1,24 +0,0 @@
# This is a test
![Web Development Trends](cover.jpg "Trends in Web Development")
As we approach the mid-2020s, web development continues to evolve at a rapid pace. New frameworks, tools, and best practices emerge every year, shaping the way we build and interact with the web.
## Key Trends to Watch
### 1. AI and Machine Learning Integration
Artificial Intelligence (AI) and Machine Learning (ML) are no longer buzzwords but integral parts of modern web development. From chatbots to personalized content recommendations, AI is transforming user experiences.
### 2. Progressive Web Apps (PWAs)
PWAs continue to gain traction, offering app-like experiences directly in the browser. They are fast, reliable, and engaging, making them a preferred choice for many businesses.
### 3. WebAssembly
WebAssembly (Wasm) is enabling high-performance applications on the web. It allows developers to run code written in multiple languages like C, C++, and Rust at near-native speed.
### 4. Jamstack Architecture
The Jamstack architecture (JavaScript, APIs, and Markup) is becoming increasingly popular for its ability to deliver fast, secure, and scalable websites.
## Conclusion
The future of web development is bright and full of possibilities. By staying updated with the latest trends and technologies, developers can create innovative and impactful web experiences.
**Tags:** Web Development, AI, PWAs, WebAssembly, Jamstack

View file

@ -1,6 +0,0 @@
title = "Artikler"
menu = true
menu_order = 1
[en]
title = "Articles"

View file

@ -46,7 +46,7 @@ a {
align-items: stretch;
}
.contain, :where(main>article) {
.contain, :where(main>article, main>aside) {
display: grid;
grid-template-columns: minmax(.4rem, 1fr) minmax(0, 42rem) minmax(.3rem, 1fr);
> * {
@ -121,9 +121,8 @@ main {
background-color: var(--color-green-light);
padding-bottom: 2rem;
article, aside { margin-top: 1.3em }
article {
margin-top: 1.3em;
.intro {
font-size: 1.2rem;
line-height: 1.35em;
@ -138,16 +137,16 @@ main > article {
padding: 0;
margin-bottom: 1.5rem;
overflow: hidden;
> :not(img) {
padding-left: 1rem;
padding-right: 1rem;
}
h1 {
margin-top: 1rem;
}
p {
margin-bottom: 1rem;
}

View file

@ -51,9 +51,15 @@ function getActiveClass($href) { return rtrim(parse_url($_SERVER['REQUEST_URI'],
<footer>
<div class="contain">
<p><a rel="me" href="https://oslo.town/@stopplidelsen">Følg oss Mastodon</a></p>
<?php $endTime = microtime(true); $pageLoadTime = round(($endTime - $startTime) * 1000, 2); ?>
<p class="generated">Nettsiden er håndkodet av Ruben Solvang ved hjelp av HTML, CSS og minimale doser PHP. Det tok <?php echo $pageLoadTime; ?>ms å generere siden.</p>
<?php if ($currentLang === 'no'): ?>
<p><a rel="me" href="https://oslo.town/@stopplidelsen">Følg oss Mastodon</a></p>
<?php $endTime = microtime(true); $pageLoadTime = round(($endTime - $startTime) * 1000, 2); ?>
<p class="generated">Nettsiden er håndkodet av Ruben Solvang ved hjelp av HTML, CSS og minimale doser PHP. Det tok <?php echo $pageLoadTime; ?>ms å generere siden.</p>
<?php elseif ($currentLang === 'en'): ?>
<p><a rel="me" href="https://oslo.town/@stopplidelsen">Follow us on Mastodon</a></p>
<?php $endTime = microtime(true); $pageLoadTime = round(($endTime - $startTime) * 1000, 2); ?>
<p class="generated">This website was hand-coded by Ruben Solvang using HTML, CSS and minimal doses of PHP. It took <?php echo $pageLoadTime; ?>ms to generate this page.</p>
<?php endif; ?>
</div>
</footer>
</div>