nibula 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/.eleventy.js +96 -0
  2. package/.eleventyignore +4 -0
  3. package/CHANGELOG.md +0 -0
  4. package/LICENSE +170 -0
  5. package/NOTICE +5 -0
  6. package/README.md +105 -0
  7. package/_tools/assistant.js +152 -0
  8. package/_tools/buildJs.js +37 -0
  9. package/_tools/cleanOutput.js +25 -0
  10. package/_tools/modules/constants.js +66 -0
  11. package/_tools/modules/pageComponents.js +77 -0
  12. package/_tools/modules/updateData.js +90 -0
  13. package/_tools/modules/updateOutputPath.js +112 -0
  14. package/_tools/modules/updatePage.js +162 -0
  15. package/_tools/modules/utils.js +27 -0
  16. package/_tools/modules/validation.js +30 -0
  17. package/_tools/res/templates/template.js +5 -0
  18. package/_tools/res/templates/template.njk +9 -0
  19. package/_tools/res/templates/template.scss +23 -0
  20. package/_tools/res/templates/template.ts +5 -0
  21. package/bin/create.js +407 -0
  22. package/bin/nibula.js +281 -0
  23. package/docs/Assistant CLI.md +66 -0
  24. package/docs/Backend.md +151 -0
  25. package/docs/Components.md +96 -0
  26. package/docs/Creating pages.md +65 -0
  27. package/docs/Deploy.md +101 -0
  28. package/docs/Head and SEO.md +117 -0
  29. package/docs/Javascript.md +53 -0
  30. package/docs/Styling with SCSS.md +136 -0
  31. package/nginx.conf +47 -0
  32. package/nibula-1.0.0.tgz +0 -0
  33. package/package.json +74 -0
  34. package/src/backend/.htaccess +7 -0
  35. package/src/backend/_core/composer.json +5 -0
  36. package/src/backend/_core/composer.lock +492 -0
  37. package/src/backend/_core/index.php +148 -0
  38. package/src/backend/_core/init.php +34 -0
  39. package/src/backend/_core/modules/RateLimiter.php +31 -0
  40. package/src/backend/_core/modules/Response.php +49 -0
  41. package/src/backend/api/protected/example-protected.php +17 -0
  42. package/src/backend/api/public/example-public.php +17 -0
  43. package/src/backend/database/Database.php +24 -0
  44. package/src/backend/database/migrations/create_example_db.sql +1 -0
  45. package/src/backend/example.config.php +28 -0
  46. package/src/backend/web.config +17 -0
  47. package/src/frontend/.htaccess +16 -0
  48. package/src/frontend/404.njk +17 -0
  49. package/src/frontend/assets/brand/favicon.svg +37 -0
  50. package/src/frontend/assets/brand/logo.svg +37 -0
  51. package/src/frontend/components/global/footer.njk +25 -0
  52. package/src/frontend/components/global/header.njk +7 -0
  53. package/src/frontend/components/welcome.njk +116 -0
  54. package/src/frontend/data/site.json +54 -0
  55. package/src/frontend/index.njk +9 -0
  56. package/src/frontend/js/modules/exampleModule.js +3 -0
  57. package/src/frontend/js/pages/404.js +7 -0
  58. package/src/frontend/js/pages/homepage.js +7 -0
  59. package/src/frontend/layouts/base.njk +142 -0
  60. package/src/frontend/layouts/page-components.njk +14 -0
  61. package/src/frontend/llms.njk +18 -0
  62. package/src/frontend/robots.njk +8 -0
  63. package/src/frontend/scss/modules/_animations.scss +25 -0
  64. package/src/frontend/scss/modules/_footer.scss +28 -0
  65. package/src/frontend/scss/modules/_global.scss +44 -0
  66. package/src/frontend/scss/modules/_header.scss +28 -0
  67. package/src/frontend/scss/modules/_mobile.scss +30 -0
  68. package/src/frontend/scss/modules/_root.scss +35 -0
  69. package/src/frontend/scss/modules/_typography.scss +15 -0
  70. package/src/frontend/scss/modules/frameworks/_bootstrap.scss +110 -0
  71. package/src/frontend/scss/modules/frameworks/_bulma.scss +109 -0
  72. package/src/frontend/scss/modules/frameworks/_foundation.scss +139 -0
  73. package/src/frontend/scss/modules/frameworks/_uikit.scss +110 -0
  74. package/src/frontend/scss/pages/404.scss +28 -0
  75. package/src/frontend/scss/pages/homepage.scss +23 -0
  76. package/src/frontend/sitemap.njk +18 -0
  77. package/src/frontend/ts/modules/exampleModule.ts +3 -0
  78. package/src/frontend/ts/pages/404.ts +7 -0
  79. package/src/frontend/ts/pages/homepage.ts +7 -0
  80. package/src/frontend/web.config +27 -0
  81. package/tsconfig.json +25 -0
@@ -0,0 +1,31 @@
1
+ <?php
2
+
3
+ declare(strict_types=1);
4
+
5
+ class RateLimiter {
6
+ public static function check(string $ip, int $maxRequests = 60, int $windowSeconds = 60): void {
7
+ $cacheDir = __DIR__ . '/../../cache';
8
+
9
+ if (!is_dir($cacheDir)) {
10
+ mkdir($cacheDir, 0755, true);
11
+ }
12
+
13
+ $cacheFile = $cacheDir . '/rl_' . md5($ip) . '.json';
14
+ $now = time();
15
+ $data = [];
16
+
17
+ if (file_exists($cacheFile)) {
18
+ $data = json_decode(file_get_contents($cacheFile), true) ?: [];
19
+ }
20
+
21
+ $data = array_filter($data, fn($ts) => $ts > ($now - $windowSeconds));
22
+ $data[] = $now;
23
+
24
+ file_put_contents($cacheFile, json_encode(array_values($data)), LOCK_EX);
25
+
26
+ if (count($data) > $maxRequests) {
27
+ header('Retry-After: ' . $windowSeconds);
28
+ Response::error('Too Many Requests', 429);
29
+ }
30
+ }
31
+ }
@@ -0,0 +1,49 @@
1
+ <?php
2
+
3
+ declare(strict_types=1);
4
+
5
+ if (!defined('CORE_ACCESS')) {
6
+ $errorPage = $_SERVER['DOCUMENT_ROOT'] . '/404.html';
7
+ http_response_code(404);
8
+ if (file_exists($errorPage)) {
9
+ header('Content-Type: text/html; charset=UTF-8');
10
+ echo file_get_contents($errorPage);
11
+ } else {
12
+ echo "404 Not Found";
13
+ }
14
+ exit;
15
+ }
16
+
17
+ class Response
18
+ {
19
+ public static function success(mixed $data = null, int $code = 200): never
20
+ {
21
+ http_response_code($code);
22
+ echo json_encode([
23
+ 'status' => 'success',
24
+ 'data' => $data,
25
+ ], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
26
+ exit;
27
+ }
28
+
29
+ public static function error(string $message, int $code = 400, mixed $details = null): never
30
+ {
31
+ http_response_code($code);
32
+ $body = [
33
+ 'status' => 'error',
34
+ 'message' => $message,
35
+ 'code' => $code,
36
+ ];
37
+ if ($details !== null) {
38
+ $body['details'] = $details;
39
+ }
40
+ echo json_encode($body, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
41
+ exit;
42
+ }
43
+
44
+ public static function noContent(): never
45
+ {
46
+ http_response_code(204);
47
+ exit;
48
+ }
49
+ }
@@ -0,0 +1,17 @@
1
+ <?php
2
+ declare(strict_types=1);
3
+
4
+ require_once CORE_PATH . '/modules/Response.php';
5
+
6
+ if ($method !== 'GET') {
7
+ Response::error('Method not allowed', 405);
8
+ }
9
+
10
+ //
11
+ // Your endpoint logic here. You can access route parameters in $requestParams array
12
+ //
13
+
14
+ Response::success([
15
+ 'message' => 'Protected endpoint is working',
16
+ 'params' => $requestParams,
17
+ ]);
@@ -0,0 +1,17 @@
1
+ <?php
2
+ declare(strict_types=1);
3
+
4
+ require_once CORE_PATH . '/modules/Response.php';
5
+
6
+ if ($method !== 'GET') {
7
+ Response::error('Method not allowed', 405);
8
+ }
9
+
10
+ //
11
+ // Your endpoint logic here. You can access route parameters in $requestParams array
12
+ //
13
+
14
+ Response::success([
15
+ 'message' => 'Public endpoint is working',
16
+ 'params' => $requestParams,
17
+ ]);
@@ -0,0 +1,24 @@
1
+ <?php
2
+ declare(strict_types=1);
3
+
4
+ class Database {
5
+ private static ?PDO $instance = null;
6
+
7
+ private function __construct() {}
8
+
9
+ public static function getInstance(): PDO {
10
+ if (self::$instance === null) {
11
+ $config = require __DIR__ . '/../config.php';
12
+
13
+ $dsn = "mysql:host={$config['DB_HOST']};dbname={$config['DB_NAME']};charset=utf8mb4";
14
+ $options = [
15
+ PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
16
+ PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
17
+ PDO::ATTR_EMULATE_PREPARES => false,
18
+ ];
19
+
20
+ self::$instance = new PDO($dsn, $config['DB_USER'], $config['DB_PASS'], $options);
21
+ }
22
+ return self::$instance;
23
+ }
24
+ }
@@ -0,0 +1 @@
1
+ CREATE DATABASE example_db;
@@ -0,0 +1,28 @@
1
+ <?php
2
+ declare(strict_types=1);
3
+
4
+ return [
5
+ // Default key for protected endpoints that don't have a specific key in CUSTOM_ENDPOINT_KEYS
6
+ 'GENERAL_API_KEY' => 'DEFAULT_KEY',
7
+
8
+ // If you want restrict access to protected endpoints to specific clients, you can define custom keys for each endpoint
9
+ // For subfolder endpoints, use the relative path ('subfolder/endpoint')
10
+ 'CUSTOM_ENDPOINT_KEYS' => [
11
+ 'subfolder/example-protected' => 'custom-key',
12
+ ],
13
+
14
+ 'GENERAL_ALLOWED_ORIGINS' => [
15
+ '*',
16
+ // 'https://example.com',
17
+ ],
18
+
19
+ 'CUSTOM_ENDPOINT_ORIGINS' => [
20
+ 'subfolder/example-protected' => ['https://app.example.com'],
21
+ ],
22
+
23
+ // Database configuration
24
+ 'DB_HOST' => '127.0.0.1',
25
+ 'DB_NAME' => 'example_db',
26
+ 'DB_USER' => 'root',
27
+ 'DB_PASS' => '',
28
+ ];
@@ -0,0 +1,17 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <configuration>
3
+ <system.webServer>
4
+ <rewrite>
5
+ <rules>
6
+ <rule name="PassThroughCoreIndex" stopProcessing="true">
7
+ <match url="^_core/index\.php$" ignoreCase="true" />
8
+ <action type="None" />
9
+ </rule>
10
+ <rule name="RewriteToFrontController" stopProcessing="true">
11
+ <match url="^(.*)$" ignoreCase="true" />
12
+ <action type="Rewrite" url="_core/index.php" appendQueryString="true" />
13
+ </rule>
14
+ </rules>
15
+ </rewrite>
16
+ </system.webServer>
17
+ </configuration>
@@ -0,0 +1,16 @@
1
+ Options -Indexes
2
+ ErrorDocument 404 /404.html
3
+ ErrorDocument 403 /404.html
4
+
5
+ <IfModule mod_rewrite.c>
6
+ RewriteEngine On
7
+ RewriteBase /
8
+
9
+ RewriteRule ^(web\.config|\..*)$ /404.html [L,NC]
10
+
11
+ RewriteRule ^api/(.*)$ backend/_core/index.php [QSA,L]
12
+
13
+ RewriteCond %{REQUEST_FILENAME} -f [OR]
14
+ RewriteCond %{REQUEST_FILENAME} -d
15
+ RewriteRule ^ - [L]
16
+ </IfModule>
@@ -0,0 +1,17 @@
1
+ ---
2
+ title: "404"
3
+ permalink: 404.html
4
+ layout: base.njk
5
+ ---
6
+
7
+ <!-- !IMPORTANT -->
8
+ <!-- This is the only page that you need to modify statically -->
9
+
10
+ <div class="fade-in not-found">
11
+ <h1>Oops! Page not found</h1>
12
+ <a href="/">Return to homepage</a>
13
+ </div>
14
+
15
+
16
+ {# You can also add the includes you need here below
17
+ {% include "component.njk" %} #}
@@ -0,0 +1,37 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
+ <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
5
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
6
+ preserveAspectRatio="xMidYMid meet">
7
+
8
+ <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9
+ fill="#000000" stroke="none">
10
+ <path d="M4115 4094 c-89 -20 -232 -88 -312 -148 -181 -137 -273 -342 -273
11
+ -604 0 -219 128 -459 353 -664 263 -240 347 -334 403 -451 109 -228 39 -489
12
+ -159 -585 -79 -38 -146 -52 -256 -52 -97 0 -138 10 -192 49 -84 59 -111 136
13
+ -111 311 1 105 6 145 32 250 33 131 47 249 36 295 -16 63 -169 74 -276 20
14
+ -134 -68 -289 -290 -347 -495 -27 -99 -25 -318 6 -425 25 -89 86 -210 133
15
+ -264 94 -107 240 -195 380 -231 421 -105 942 41 1226 345 148 158 218 306 242
16
+ 512 25 217 -30 446 -151 624 -54 80 -191 222 -303 314 -47 39 -85 73 -86 78 0
17
+ 4 8 7 18 7 9 0 54 13 99 29 174 60 304 196 349 366 31 113 9 324 -44 435 -58
18
+ 120 -206 234 -360 276 -84 23 -318 28 -407 8z m348 -407 c82 -41 102 -74 101
19
+ -167 -1 -126 -55 -253 -163 -384 -30 -36 -58 -66 -62 -66 -10 0 -150 149 -200
20
+ 215 -51 67 -102 161 -131 245 l-19 55 51 47 c71 66 143 89 270 85 81 -2 104
21
+ -7 153 -30z"/>
22
+ <path d="M1272 4089 c-123 -17 -291 -64 -406 -115 -240 -105 -461 -289 -527
23
+ -439 -24 -53 -18 -82 17 -91 52 -13 121 8 279 82 280 134 441 180 664 191 275
24
+ 13 500 -56 597 -184 63 -82 78 -142 78 -293 0 -173 -27 -273 -98 -357 -25 -30
25
+ -27 -30 -78 -21 -73 14 -281 4 -347 -17 -136 -42 -183 -165 -100 -259 17 -20
26
+ 54 -45 87 -58 52 -21 74 -23 236 -24 l179 0 29 -35 c16 -19 47 -70 68 -114 50
27
+ -101 71 -217 71 -390 1 -197 -28 -282 -133 -392 -72 -74 -205 -146 -313 -168
28
+ -113 -24 -286 -19 -434 11 -69 14 -130 29 -135 34 -10 10 17 511 35 655 6 44
29
+ 35 192 65 329 116 528 158 835 136 981 -13 79 -24 95 -66 95 -73 0 -183 -92
30
+ -268 -224 -194 -302 -402 -1027 -423 -1473 -3 -65 -8 -136 -11 -159 l-5 -40
31
+ -102 23 c-127 29 -207 30 -230 5 -23 -25 -21 -87 4 -139 39 -80 189 -197 352
32
+ -273 158 -74 446 -163 629 -194 386 -67 797 -21 1081 120 163 81 273 175 363
33
+ 311 103 155 135 295 116 518 -13 158 -40 248 -104 355 -52 87 -182 216 -290
34
+ 286 l-78 51 63 41 c292 190 399 490 296 829 -84 276 -354 466 -751 528 -124
35
+ 20 -444 28 -546 14z"/>
36
+ </g>
37
+ </svg>
@@ -0,0 +1,37 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
3
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
4
+ <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
5
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
6
+ preserveAspectRatio="xMidYMid meet">
7
+
8
+ <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
9
+ fill="#000000" stroke="none">
10
+ <path d="M4115 4094 c-89 -20 -232 -88 -312 -148 -181 -137 -273 -342 -273
11
+ -604 0 -219 128 -459 353 -664 263 -240 347 -334 403 -451 109 -228 39 -489
12
+ -159 -585 -79 -38 -146 -52 -256 -52 -97 0 -138 10 -192 49 -84 59 -111 136
13
+ -111 311 1 105 6 145 32 250 33 131 47 249 36 295 -16 63 -169 74 -276 20
14
+ -134 -68 -289 -290 -347 -495 -27 -99 -25 -318 6 -425 25 -89 86 -210 133
15
+ -264 94 -107 240 -195 380 -231 421 -105 942 41 1226 345 148 158 218 306 242
16
+ 512 25 217 -30 446 -151 624 -54 80 -191 222 -303 314 -47 39 -85 73 -86 78 0
17
+ 4 8 7 18 7 9 0 54 13 99 29 174 60 304 196 349 366 31 113 9 324 -44 435 -58
18
+ 120 -206 234 -360 276 -84 23 -318 28 -407 8z m348 -407 c82 -41 102 -74 101
19
+ -167 -1 -126 -55 -253 -163 -384 -30 -36 -58 -66 -62 -66 -10 0 -150 149 -200
20
+ 215 -51 67 -102 161 -131 245 l-19 55 51 47 c71 66 143 89 270 85 81 -2 104
21
+ -7 153 -30z"/>
22
+ <path d="M1272 4089 c-123 -17 -291 -64 -406 -115 -240 -105 -461 -289 -527
23
+ -439 -24 -53 -18 -82 17 -91 52 -13 121 8 279 82 280 134 441 180 664 191 275
24
+ 13 500 -56 597 -184 63 -82 78 -142 78 -293 0 -173 -27 -273 -98 -357 -25 -30
25
+ -27 -30 -78 -21 -73 14 -281 4 -347 -17 -136 -42 -183 -165 -100 -259 17 -20
26
+ 54 -45 87 -58 52 -21 74 -23 236 -24 l179 0 29 -35 c16 -19 47 -70 68 -114 50
27
+ -101 71 -217 71 -390 1 -197 -28 -282 -133 -392 -72 -74 -205 -146 -313 -168
28
+ -113 -24 -286 -19 -434 11 -69 14 -130 29 -135 34 -10 10 17 511 35 655 6 44
29
+ 35 192 65 329 116 528 158 835 136 981 -13 79 -24 95 -66 95 -73 0 -183 -92
30
+ -268 -224 -194 -302 -402 -1027 -423 -1473 -3 -65 -8 -136 -11 -159 l-5 -40
31
+ -102 23 c-127 29 -207 30 -230 5 -23 -25 -21 -87 4 -139 39 -80 189 -197 352
32
+ -273 158 -74 446 -163 629 -194 386 -67 797 -21 1081 120 163 81 273 175 363
33
+ 311 103 155 135 295 116 518 -13 158 -40 248 -104 355 -52 87 -182 216 -290
34
+ 286 l-78 51 63 41 c292 190 399 490 296 829 -84 276 -354 466 -751 528 -124
35
+ 20 -444 28 -546 14z"/>
36
+ </g>
37
+ </svg>
@@ -0,0 +1,25 @@
1
+ <footer>
2
+ <div>
3
+ <h6>{{ site.title }}</h6>
4
+ <p>{{ site.description }}</p>
5
+ </div>
6
+ <div>
7
+ <h6>Legal</h6>
8
+ <small>
9
+ <ul>
10
+ <li><a href="{{ site.legal.privacy }}">Privacy Policy</a></li>
11
+ <li><a href="{{ site.legal.cookie }}">Cookie Policy</a></li>
12
+ <li><a href="{{ site.legal.terms }}">Terms and conditions</a></li>
13
+ </ul>
14
+ </small>
15
+ </div>
16
+ <div>
17
+ <h6>
18
+ &copy; {{ site.legal.copyright.year }}
19
+ {{ site.site_name }}
20
+ </h6>
21
+ <h6>
22
+ {{ site.legal.copyright.text }}
23
+ </h6>
24
+ </div>
25
+ </footer>
@@ -0,0 +1,7 @@
1
+ <header>
2
+ <nav>
3
+ <a class="logo" href="/">
4
+ <img src="{{ site.logo }}" alt="{{ site.title }}" height="40">
5
+ </a>
6
+ </nav>
7
+ </header>
@@ -0,0 +1,116 @@
1
+ <div class="layout-container layout-my-3">
2
+ <h1>Welcome to <span class="boilerplate-name">Nibula</span></h1>
3
+ <div class="slogan">The boilerplate you need, simplified</div>
4
+
5
+ <div id="content-welcome" class="tab-content active">
6
+ <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
7
+ <a href="https://github.com/rhaastrake/nibula" class="card" target="_blank" rel="noopener noreferrer" style="flex: 1; min-width: 250px;">
8
+ <svg class="card-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
9
+ <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
10
+ </svg>
11
+ <h3>GitHub repository</h3>
12
+ <p>Explore the project and suggest improvements</p>
13
+ <span class="card-link">Open the repository
14
+ <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" style="margin-left:4px;">
15
+ <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
16
+ </svg>
17
+ </span>
18
+ </a>
19
+ <a href="https://github.com/rhaastrake/nibula/tree/main/docs" class="card" target="_blank" rel="noopener noreferrer" style="flex: 1; min-width: 250px;">
20
+ <svg class="card-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
21
+ <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path>
22
+ <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path>
23
+ </svg>
24
+ <h3>Documentation</h3>
25
+ <p>Everything you need to get started</p>
26
+ <span class="card-link">Go to documentation
27
+ <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" style="margin-left:4px;">
28
+ <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
29
+ </svg>
30
+ </span>
31
+ </a>
32
+ </div>
33
+ </div>
34
+
35
+ <style>
36
+ .layout-container {
37
+ width: 100%;
38
+ max-width: 1140px;
39
+ margin-right: auto;
40
+ margin-left: auto;
41
+ padding-right: 15px;
42
+ padding-left: 15px;
43
+ }
44
+ .layout-my-3 {
45
+ margin-top: 1rem;
46
+ margin-bottom: 1rem;
47
+ }
48
+
49
+ h1 {
50
+ text-align: center;
51
+ font-weight: 400;
52
+ .boilerplate-name {
53
+ color: #42b883;
54
+ font-weight: 600;
55
+ }
56
+ }
57
+
58
+ .slogan {
59
+ text-align: center;
60
+ color: #4b71a0;
61
+ font-size: 1.5rem;
62
+ margin-bottom: 1rem;
63
+ }
64
+
65
+ .card {
66
+ background: #11474b;
67
+ border: 0.8px solid #1e2d4a;
68
+ border-radius: 10px;
69
+ padding: 18px;
70
+ display: flex;
71
+ flex-direction: column;
72
+ gap: 0.75rem;
73
+ margin-top: 1rem;
74
+ margin-bottom: 1rem;
75
+ transition: border-color 0.2s, transform 0.15s;
76
+ text-decoration: none;
77
+ h3 {
78
+ font-size: 1.5rem;
79
+ font-weight: 600;
80
+ color: #cbd5e1;
81
+ letter-spacing: 0.01em;
82
+ margin: 0;
83
+ }
84
+ p {
85
+ font-size: 1rem;
86
+ color: #5d8dc7;
87
+ line-height: 1.6;
88
+ margin: 0;
89
+ }
90
+ }
91
+
92
+ .card:hover {
93
+ border-color: #42b883;
94
+ transform: translateY(-2px);
95
+ .card-link {
96
+ opacity: 1;
97
+ }
98
+ }
99
+
100
+ .card-icon {
101
+ width: 2rem;
102
+ height: 2rem;
103
+ color: #42b883;
104
+ }
105
+
106
+ .card-link {
107
+ display: flex;
108
+ align-items: center;
109
+ gap: 4px;
110
+ font-size: 1rem;
111
+ color: #42b883;
112
+ opacity: 0.8;
113
+ transition: opacity 0.15s;
114
+ margin-top: auto;
115
+ }
116
+ </style>
@@ -0,0 +1,54 @@
1
+ {
2
+ "site_name": "Site name",
3
+ "title": "Site title",
4
+ "description": "Site description",
5
+ "keywords": "keyword1, keyword2, keyword3",
6
+ "domain": "yoursite.com",
7
+ "url": "https://yoursite.com",
8
+ "lang": "en",
9
+ "author": "Name and surname",
10
+ "data_bs_theme": "dark",
11
+ "theme_color": {
12
+ "light": "#ffffff",
13
+ "dark": "#0d1117"
14
+ },
15
+ "favicon": "/assets/brand/favicon.svg",
16
+ "logo": "/assets/brand/logo.svg",
17
+ "legal": {
18
+ "privacy": "",
19
+ "cookie": "",
20
+ "cookieControls": "",
21
+ "terms": "",
22
+ "copyright": {
23
+ "year": "2026",
24
+ "text": "All rights reserved."
25
+ }
26
+ },
27
+ "pages": {
28
+ "404": {
29
+ "seo": {
30
+ "title": "404 - Not found",
31
+ "keywords": "",
32
+ "noindex": true,
33
+ "canonical": ""
34
+ },
35
+ "cdn": {
36
+ "css": [],
37
+ "js": []
38
+ }
39
+ },
40
+ "homepage": {
41
+ "seo": {
42
+ "title": "Homepage",
43
+ "description": "Description",
44
+ "keywords": "",
45
+ "noindex": false,
46
+ "canonical": ""
47
+ },
48
+ "cdn": {
49
+ "css": [],
50
+ "js": []
51
+ }
52
+ }
53
+ }
54
+ }
@@ -0,0 +1,9 @@
1
+ ---
2
+ title: homepage
3
+ permalink: /
4
+ layout: page-components.njk
5
+ ---
6
+
7
+ <!-- !IMPORTANT -->
8
+ <!-- DO NOT ADD ANYTHING HERE -->
9
+ <!-- You should create a new component.njk into src/components and include that in layouts/page-components.njk -->
@@ -0,0 +1,3 @@
1
+ export function initExampleModule() {
2
+ // Module logic here
3
+ }
@@ -0,0 +1,7 @@
1
+ // import { initExampleModule } from '../modules/exampleModule.js';
2
+
3
+ document.addEventListener("DOMContentLoaded", () => {
4
+ // initExampleModule();
5
+ });
6
+
7
+ // Page logic here
@@ -0,0 +1,7 @@
1
+ // import { initExampleModule } from '../modules/exampleModule.js';
2
+
3
+ document.addEventListener("DOMContentLoaded", () => {
4
+ // initExampleModule();
5
+ });
6
+
7
+ // Page logic here