-
+
diff --git a/src/routes/blog/help-shape-the-torrust-2025-roadmap.md b/src/routes/blog/help-shape-the-torrust-2025-roadmap.md
index 477ea01..8cef5f2 100644
--- a/src/routes/blog/help-shape-the-torrust-2025-roadmap.md
+++ b/src/routes/blog/help-shape-the-torrust-2025-roadmap.md
@@ -57,7 +57,7 @@ We’ve started a [discussion on GitHub](https://github.com/orgs/torrust/discuss
To ensure all feature requests are well-organized and evaluated, we’ve created an [impact map](https://www.impactmapping.org/). This tool highlights the relevance and potential benefits of each feature, helping us focus on what truly matters to the community and the project’s goals.
-
+
## Focus Areas for 2025
diff --git a/src/routes/contributor/+layout.svelte b/src/routes/contributor/+layout.svelte
index 4f261b2..2763471 100644
--- a/src/routes/contributor/+layout.svelte
+++ b/src/routes/contributor/+layout.svelte
@@ -7,15 +7,20 @@
import type { BlogPost } from '$lib/utils/types';
import BlogPreview from '$lib/components/molecules/BlogPreview.svelte';
- export let data: {
- posts: BlogPost[];
- };
+ interface Props {
+ data: {
+ posts: BlogPost[];
+ };
+ children?: import('svelte').Snippet;
+ }
+
+ let { data, children }: Props = $props();
let { posts } = data;
let currentUrl: string | undefined = '';
let splitUrl: string | undefined = '';
- let numberOfPosts: number | undefined;
+ let numberOfPosts: number | undefined = $state();
onMount(() => {
currentUrl = $page.url.pathname;
@@ -26,7 +31,7 @@
-
+ {@render children?.()}
{#if posts && typeof numberOfPosts !== 'undefined' && numberOfPosts > 0}
@@ -40,22 +45,14 @@
{:else}
-
-
+
+
{/if}
-
- {#if posts && typeof numberOfPosts !== 'undefined' && numberOfPosts > 0}
-
- {/if}
-
-
Contributors
-
-
-
-
diff --git a/src/routes/contributors/+page.svelte b/src/routes/contributors/+page.svelte
deleted file mode 100644
index 735e4f6..0000000
--- a/src/routes/contributors/+page.svelte
+++ /dev/null
@@ -1,117 +0,0 @@
-Contributors
-
-
-
diff --git a/src/routes/tags/+layout.svelte b/src/routes/tags/+layout.svelte
index 4fa864c..a3732a1 100644
--- a/src/routes/tags/+layout.svelte
+++ b/src/routes/tags/+layout.svelte
@@ -1 +1,11 @@
-
+
+
+{@render children?.()}
diff --git a/src/routes/tags/[tagId]/+page.svelte b/src/routes/tags/[tagId]/+page.svelte
index afb9ff1..fe3d8e5 100644
--- a/src/routes/tags/[tagId]/+page.svelte
+++ b/src/routes/tags/[tagId]/+page.svelte
@@ -1,16 +1,17 @@
-
@@ -38,6 +39,8 @@
display: flex;
flex-direction: column;
gap: 1.5rem;
+ margin: 0 auto;
+ padding-inline: 2.5rem;
h1 {
padding: 2rem;
diff --git a/svelte.config.js b/svelte.config.js
index 1e7901d..5907865 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,49 +1,49 @@
-// import adapter from '@sveltejs/adapter-static';
+import { preprocessMeltUI, sequence } from '@melt-ui/pp';
+import { mdsvex } from 'mdsvex';
import adapter from '@sveltejs/adapter-static';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-import { mdsvex } from 'mdsvex';
import rehypeExternalLinks from 'rehype-external-links';
import rehypeSlug from 'rehype-slug';
import rehypeAutolinkHeadings from 'rehype-autolink-headings';
-import { preprocessMeltUI, sequence } from '@melt-ui/pp';
-const extensions = ['.svelte', '.md'];
-
-/** @type {import('@sveltejs/kit').Config} */
+/** @type {import('mdsvex').MdsvexOptions}*/
+const mdsvexOptions = {
+ extensions: ['.md'],
+ rehypePlugins: [
+ rehypeExternalLinks, // Adds 'target' and 'rel' to external links
+ rehypeSlug, // Adds 'id' attributes to Headings (h1,h2,etc)
+ [
+ rehypeAutolinkHeadings,
+ {
+ // Adds hyperlinks to the headings, requires rehypeSlug
+ behavior: 'prepend',
+ properties: { className: ['heading-link'], title: 'Permalink', ariaHidden: 'true' },
+ content: {
+ type: 'element',
+ tagName: 'span',
+ properties: {},
+ children: [{ type: 'text', value: '#' }]
+ }
+ }
+ ]
+ ]
+};
+/** @type {import('@sveltejs/kit').Config}*/
const config = {
+ // Consult https://svelte.dev/docs/kit/integrations
+ // for more information about preprocessors
+ preprocess: sequence([vitePreprocess(), mdsvex(mdsvexOptions), preprocessMeltUI()]),
kit: {
- adapter: adapter(),
- prerender: {
- handleHttpError: 'warn',
- entries: ['*']
- }
+ // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
+ // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
+ // See https://svelte.dev/docs/kit/adapters for more information about adapters.
+ adapter: adapter({
+ // The base path for your GitHub Pages deployment (for example, if it's in a subpath like https://github.com/username/repo-name/)
+ paths: {
+ base: process.env.NODE_ENV === 'production' ? '/torrust-website' : ''
+ }
+ })
},
- preprocess: sequence([
- vitePreprocess(),
- mdsvex({
- extensions: extensions,
- rehypePlugins: [
- rehypeExternalLinks, // Adds 'target' and 'rel' to external links
- rehypeSlug, // Adds 'id' attributes to Headings (h1,h2,etc)
- [
- rehypeAutolinkHeadings,
- {
- // Adds hyperlinks to the headings, requires rehypeSlug
- behavior: 'prepend',
- properties: { className: ['heading-link'], title: 'Permalink', ariaHidden: 'true' },
- content: {
- type: 'element',
- tagName: 'span',
- properties: {},
- children: [{ type: 'text', value: '#' }]
- }
- }
- ]
- ]
- }),
- preprocessMeltUI()
- ]),
- extensions: extensions
+ extensions: ['.svelte', '.svx', '.md']
};
-
export default config;
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 992665b..6924861 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,89 +1,14 @@
-import type { Config } from 'tailwindcss';
-import plugin from 'tailwindcss/plugin';
+import containerQueries from '@tailwindcss/container-queries';
+import forms from '@tailwindcss/forms';
import typography from '@tailwindcss/typography';
+import type { Config } from 'tailwindcss';
export default {
- content: ['./src/**/*.{html,js,svelte,ts}'],
+ content: ['./src/**/*.{html,js,svelte,ts,scss}'],
theme: {
- container: {
- center: true,
- padding: '2rem',
- screens: {
- '2xl': '1440px'
- }
- },
- extend: {
- colors: {
- magnum: {
- '50': '#fff9ed',
- '100': '#fef2d6',
- '200': '#fce0ac',
- '300': '#f9c978',
- '400': '#f7b155',
- '500': '#f38d1c',
- '600': '#e47312',
- '700': '#bd5711',
- '800': '#964516',
- '900': '#793a15',
- '950': '#411c09'
- }
- },
- fontFamily: {
- sans: [
- '-apple-system',
- 'BlinkMacSystemFont',
- 'Segoe UI',
- 'Roboto',
- 'Oxygen',
- 'Ubuntu',
- 'Cantarell',
- 'Fira Sans',
- 'Droid Sans',
- 'Helvetica Neue',
- 'Arial',
- 'sans-serif',
- 'Apple Color Emoji',
- 'Segoe UI Emoji',
- 'Segoe UI Symbol'
- ],
- mono: [
- 'ui-monospace',
- 'SFMono-Regular',
- 'SF Mono',
- 'Menlo',
- 'Consolas',
- 'Liberation Mono',
- 'monospace'
- ]
- },
- typography: (theme) => ({
- DEFAULT: {
- css: {
- code: {
- position: 'relative',
- borderRadius: theme('borderRadius.md')
- }
- }
- }
- })
- }
+ extend: {}
},
- plugins: [
- typography,
- plugin(function ({ addVariant, matchUtilities, theme }) {
- addVariant('hocus', ['&:hover', '&:focus']);
- // Square utility
- matchUtilities(
- {
- square: (value) => ({
- width: value,
- height: value
- })
- },
- { values: theme('spacing') }
- );
- })
- ]
+ plugins: [typography, forms, containerQueries]
} satisfies Config;
diff --git a/jsconfig.json b/tsconfig.json
similarity index 84%
rename from jsconfig.json
rename to tsconfig.json
index fe45e13..48c0f61 100644
--- a/jsconfig.json
+++ b/tsconfig.json
@@ -8,8 +8,11 @@
"resolveJsonModule": true,
"skipLibCheck": true,
"sourceMap": true,
- "strict": true
- }
+ "strict": true,
+ "moduleResolution": "bundler",
+ "types": ["node"]
+ },
+ "include": ["src/**/*"]
// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
//
// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
diff --git a/vite.config.js b/vite.config.js
deleted file mode 100644
index 8c6c130..0000000
--- a/vite.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import path from 'path';
-
-/** @type {import('vite').UserConfig} */
-const config = {
- plugins: [sveltekit()],
- resolve: {
- alias: {
- $routes: path.resolve('./src/routes')
- }
- }
-};
-
-export default config;
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..367a464
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,24 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import path from 'path';
+import type { UserConfig } from 'vite';
+import ViteImagemin from 'vite-plugin-imagemin';
+
+/** @type {import('vite').UserConfig} */
+const config: UserConfig = {
+ plugins: [
+ sveltekit(),
+ ViteImagemin({
+ gifsicle: { optimizationLevel: 3 },
+ optipng: { optimizationLevel: 5 },
+ pngquant: { quality: [0.6, 0.8] },
+ webp: { quality: 75 }
+ })
+ ],
+ resolve: {
+ alias: {
+ $routes: path.resolve('./src/routes')
+ }
+ }
+};
+
+export default config;