diff --git a/content/artikler/2025-10-23-title-of-article/article.en.md b/content/artikler/2025-10-23-title-of-article/article.en.md deleted file mode 100644 index 8f564d3..0000000 --- a/content/artikler/2025-10-23-title-of-article/article.en.md +++ /dev/null @@ -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 diff --git a/content/artikler/2025-10-23-title-of-article/article.md b/content/artikler/2025-10-23-title-of-article/article.md deleted file mode 100644 index 8f564d3..0000000 --- a/content/artikler/2025-10-23-title-of-article/article.md +++ /dev/null @@ -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 diff --git a/content/artikler/2025-10-23-title-of-article/cover.jpg b/content/artikler/2025-10-23-title-of-article/cover.jpg deleted file mode 100644 index 11bf24d..0000000 Binary files a/content/artikler/2025-10-23-title-of-article/cover.jpg and /dev/null differ diff --git a/content/artikler/2025-10-23-title-of-article/metadata.ini b/content/artikler/2025-10-23-title-of-article/metadata.ini deleted file mode 100644 index c7c9d23..0000000 --- a/content/artikler/2025-10-23-title-of-article/metadata.ini +++ /dev/null @@ -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" diff --git a/content/artikler/2025-10-24-another-test/article.md b/content/artikler/2025-10-24-another-test/article.md deleted file mode 100644 index dc853d2..0000000 --- a/content/artikler/2025-10-24-another-test/article.md +++ /dev/null @@ -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 diff --git a/content/artikler/metadata.ini b/content/artikler/metadata.ini deleted file mode 100644 index 1a7528d..0000000 --- a/content/artikler/metadata.ini +++ /dev/null @@ -1,6 +0,0 @@ -title = "Artikler" -menu = true -menu_order = 1 - -[en] -title = "Articles" diff --git a/custom/styles/base.css b/custom/styles/base.css index 2e3c2a7..978a828 100644 --- a/custom/styles/base.css +++ b/custom/styles/base.css @@ -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; } diff --git a/custom/templates/base.php b/custom/templates/base.php index 2add6ee..c3cf723 100644 --- a/custom/templates/base.php +++ b/custom/templates/base.php @@ -51,9 +51,15 @@ function getActiveClass($href) { return rtrim(parse_url($_SERVER['REQUEST_URI'],