Basic introductions & questions

This commit is contained in:
2025-09-13 11:08:09 +07:00
parent 589810c981
commit 3ca04ea225
34 changed files with 9431 additions and 66 deletions
+21
View File
@@ -0,0 +1,21 @@
MIT License
Copyright (c) 2025 Satakun Utama
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
+7 -38
View File
@@ -1,43 +1,12 @@
# Astro Starter Kit: Minimal # MoveToLinux
```sh Move to Linux is an informational website project which allows its user to interactively
pnpm create astro@latest -- --template minimal learn more about Linux.
```
> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun! ## Dependencies
## 🚀 Project Structure This project uses Astro, Tailwind CSS, and Breeze icons.
Inside of your Astro project, you'll see the following folders and files: ## License
```text This project is licensed under MIT License.
/
├── public/
├── src/
│ └── pages/
│ └── index.astro
└── package.json
```
Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the `public/` directory.
## 🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
| :------------------------ | :----------------------------------------------- |
| `pnpm install` | Installs dependencies |
| `pnpm dev` | Starts local dev server at `localhost:4321` |
| `pnpm build` | Build your production site to `./dist/` |
| `pnpm preview` | Preview your build locally, before deploying |
| `pnpm astro ...` | Run CLI commands like `astro add`, `astro check` |
| `pnpm astro -- --help` | Get help using the Astro CLI |
## 👀 Want to learn more?
Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+26 -1
View File
@@ -1,5 +1,30 @@
// @ts-check // @ts-check
import { defineConfig } from 'astro/config'; import { defineConfig } from 'astro/config';
import tailwindcss from '@tailwindcss/vite';
import { fileURLToPath } from 'node:url';
import solidJs from "@astrojs/solid-js";
// https://astro.build/config // https://astro.build/config
export default defineConfig({}); export default defineConfig({
i18n: {
locales: ["en", "th"],
defaultLocale: "en",
routing: {
prefixDefaultLocale: true,
redirectToDefaultLocale: false
}
},
vite: {
plugins: [tailwindcss()],
resolve: {
alias: {
"@": fileURLToPath(new URL("./src", import.meta.url))
}
}
},
integrations: [solidJs()]
});
+9 -2
View File
@@ -9,7 +9,14 @@
"astro": "astro" "astro": "astro"
}, },
"dependencies": { "dependencies": {
"astro": "^5.13.7" "@astrojs/solid-js": "^5.1.1",
"@tailwindcss/vite": "^4.1.13",
"astro": "^5.13.7",
"solid-js": "^1.9.9",
"tailwindcss": "^4.1.13"
}, },
"packageManager": "pnpm@10.15.1+sha512.34e538c329b5553014ca8e8f4535997f96180a1d0f614339357449935350d924e22f8614682191264ec33d1462ac21561aff97f6bb18065351c162c7e8f6de67" "packageManager": "pnpm@10.15.1+sha512.34e538c329b5553014ca8e8f4535997f96180a1d0f614339357449935350d924e22f8614682191264ec33d1462ac21561aff97f6bb18065351c162c7e8f6de67",
"devDependencies": {
"@types/node": "^24.3.1"
}
} }
+851 -9
View File
File diff suppressed because it is too large Load Diff
+2
View File
@@ -0,0 +1,2 @@
onlyBuiltDependencies:
- '@tailwindcss/oxide'
File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1011 KiB

Binary file not shown.
Binary file not shown.
@@ -0,0 +1,156 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.0"
width="600"
height="199.41692"
id="svg2424">
<defs
id="defs2426">
<linearGradient
x1="112.49854"
y1="6.1372099"
x2="112.49853"
y2="129.3468"
id="path1082_2_"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(287,-83)">
<stop
id="stop193"
style="stop-color:#ffffff;stop-opacity:0"
offset="0" />
<stop
id="stop195"
style="stop-color:#ffffff;stop-opacity:0.27450982"
offset="1" />
<midPointStop
offset="0"
style="stop-color:#FFFFFF"
id="midPointStop197" />
<midPointStop
offset="0.5"
style="stop-color:#FFFFFF"
id="midPointStop199" />
<midPointStop
offset="1"
style="stop-color:#000000"
id="midPointStop201" />
</linearGradient>
<linearGradient
x1="541.33502"
y1="104.50665"
x2="606.91248"
y2="303.14029"
id="linearGradient2544"
xlink:href="#path1082_2_"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-0.3937741,0,0,0.393752,357.51969,122.00151)" />
<linearGradient
id="linearGradient3388">
<stop
id="stop3390"
style="stop-color:#000000;stop-opacity:0"
offset="0" />
<stop
id="stop3392"
style="stop-color:#000000;stop-opacity:0.37113401"
offset="1" />
</linearGradient>
<linearGradient
x1="490.72305"
y1="237.72447"
x2="490.72305"
y2="183.9644"
id="linearGradient4416"
xlink:href="#linearGradient3388"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.749107,0,0,0.749107,-35.459862,91.44108)" />
</defs>
<g
transform="translate(-34.777313,-129.80241)"
id="layer1">
<g
transform="matrix(0.8746356,0,0,0.8746356,14.730518,23.408954)"
id="g2424">
<g
transform="matrix(0.6378586,0,0,0.6378586,36.486487,2.17139)"
id="g2809"
style="fill:#4d4d4d;fill-opacity:1">
<path
d="m 339.96875,309.09375 c -14.47141,-0.0239 -26.4812,2.94367 -31.125,4.5625 l -4.78125,25.8125 c -0.0116,0.0951 23.79543,-6.34855 34.28125,-5.96875 17.36158,0.62381 18.95948,6.63541 18.65625,14.75 0.29595,0.47462 -4.47933,-7.33192 -19.5,-7.59375 -18.94961,-0.32687 -45.69284,6.70947 -45.65625,35.3125 -0.51086,32.17412 24.03361,41.63882 40.75,41.8125 15.02821,-0.27364 22.0777,-5.69136 25.9375,-8.59375 5.07124,-5.30236 10.87308,-10.63447 16.40625,-17.03125 -5.23567,9.51278 -9.77472,16.0898 -14.5,21.125 l 0,4.25 22.84375,-3.84375 0.15625,-62.09375 c -0.23141,-8.78839 5.04123,-42.41827 -43.46875,-42.5 z m -3.28125,54.0625 c 9.46889,0.12995 20.32788,4.79708 20.34375,16.03125 0.049,10.21821 -12.80005,15.71183 -21.15625,15.625 -8.35976,-0.0868 -19.45093,-6.56982 -19.5,-16.53125 0.16016,-8.90444 10.45953,-15.35418 20.3125,-15.125 z"
id="path2284"
style="fill:#4d4d4d;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 398.50106,314.83145 -0.15505,102.82693 26.61213,-5.12724 0.0449,-58.30157 c 0.006,-8.68089 12.40554,-18.82451 27.9627,-18.66287 3.30202,-5.97408 9.5087,-21.24219 11.02088,-24.71514 -34.75649,-0.0833 -35.19897,9.98993 -41.24398,14.94517 -0.0631,-9.45285 -0.0213,-15.12741 -0.0213,-15.12741 l -24.2202,4.16213 z"
id="path2286"
style="fill:#4d4d4d;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 548.2688,328.33058 c -0.25696,-0.12068 -13.87938,-15.93419 -41.26638,-16.0589 -25.65249,-0.42638 -54.42578,9.51895 -54.88631,52.5328 0.22457,37.81852 27.6402,52.59809 55.0314,52.88627 29.31292,0.30451 40.97654,-18.32947 41.67615,-18.79124 -3.49762,-3.0321 -16.59792,-16.0131 -16.59792,-16.0131 0,0 -8.18236,11.65102 -24.05802,11.79913 -15.87942,0.1512 -29.68245,-12.27325 -29.87805,-29.60905 -0.20349,-17.33595 12.68881,-26.72821 29.99725,-27.48687 14.98466,-0.003 23.6297,9.67334 23.6297,9.67334 l 16.35218,-18.93238 z"
id="path2288"
style="fill:#4d4d4d;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 581.8125,278.84375 -25.125,5.90625 0.1875,133.9375 24.75,-4.46875 0.28125,-63.03125 c 0.0529,-6.60927 9.56127,-16.75916 25.4375,-16.4375 15.17973,0.15775 18.57236,10.11767 18.53125,11.375 l 0.4375,72.96875 24.40625,-4.3125 0.0937,-77.375 c 0.1607,-7.44539 -16.30833,-23.16954 -42.78125,-23.28125 -12.58087,0.0202 -19.54815,2.86825 -23.09375,4.96875 -6.06656,4.68565 -12.9998,9.17543 -19.8125,14.90625 6.29809,-8.09099 11.58551,-13.68516 16.75,-17.84375 l -0.0625,-37.3125 z"
id="path2290"
style="fill:#4d4d4d;fill-opacity:1;fill-rule:evenodd;stroke:none" />
</g>
<g
transform="matrix(0.9443373,0,0.01336345,0.9443373,78.345657,-412.48879)"
id="g5326"
style="fill:#1793d1;fill-opacity:1;stroke:none">
<path
d="m 400.67581,629.79609 7.68167,-1.91575 -0.92851,91.20792 -7.79574,1.32426 1.04258,-90.61643 z"
id="path2292"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 421.10266,657.01757 6.75064,-2.9867 -0.86808,65.39931 -6.49779,1.33915 0.61523,-63.75176 z m -1.26059,-23.58316 5.47167,-4.41533 4.42261,4.99952 -5.47558,4.53221 -4.4187,-5.1164 z"
id="path2294"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 440.44273,655.82614 7.67755,-1.56201 -0.1573,13.6722 c -0.007,0.58717 4.4194,-15.27364 24.68502,-14.92094 19.67986,0.10952 22.68401,15.34634 22.5291,18.76237 l -0.43759,48.0783 -6.73044,1.45631 0.63316,-47.489 c 0.0974,-1.38684 -2.88144,-13.11441 -16.78906,-13.15754 -13.90509,-0.0404 -23.68364,10.10048 -23.75821,16.57937 l -0.48127,41.83477 -7.80388,2.0313 0.63292,-65.28513 z"
id="path2296"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 561.53301,720.20203 -7.6776,1.56186 0.15737,-13.67198 c 0.007,-0.58742 -4.42201,15.27361 -24.68504,14.92086 -19.67983,-0.10944 -22.68399,-15.34626 -22.52908,-18.76229 l 0.43757,-48.07861 8.15674,-1.64226 -0.54644,47.48988 c -0.0149,1.29682 1.36845,13.29979 15.27604,13.3426 13.90511,0.0405 23.76622,-8.37359 24.01453,-21.04416 l 0.43105,-37.46902 7.5978,-1.93195 -0.63294,65.28507 z"
id="path2298"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 577.45461,655.28678 -5.42715,4.20017 20.19894,26.93328 -22.39092,31.11622 5.63499,4.226 21.04365,-28.8967 20.8779,29.58159 5.32727,-4.20103 -22.37578,-31.62866 18.56963,-25.5775 -5.53193,-4.73429 -16.92109,23.66778 -19.00551,-24.68686 z"
id="path2300"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
</g>
<path
d="m 105.8125,16.625 c -7.39687,18.135158 -11.858304,29.997682 -20.09375,47.59375 5.04936,5.35232 11.247211,11.585364 21.3125,18.625 C 96.210077,78.390904 88.828713,73.920352 83.3125,69.28125 72.7727,91.274163 56.259864,122.60209 22.75,182.8125 49.087628,167.60733 69.504089,158.23318 88.53125,154.65625 87.714216,151.1422 87.2497,147.34107 87.28125,143.375 l 0.03125,-0.84375 c 0.417917,-16.87382 9.195665,-29.84979 19.59375,-28.96875 10.39809,0.88104 18.48041,15.28242 18.0625,32.15625 -0.0786,3.17512 -0.43674,6.22955 -1.0625,9.0625 18.82058,3.68164 39.01873,13.03179 65,28.03125 -5.123,-9.4318 -9.69572,-17.93388 -14.0625,-26.03125 -6.87839,-5.33121 -14.05289,-12.2698 -28.6875,-19.78125 10.05899,2.61375 17.2611,5.62932 22.875,9 C 124.63297,63.338161 121.03766,52.354109 105.8125,16.625 z"
transform="matrix(1.1433333,0,0,1.1433333,22.920168,121.64318)"
id="path2518"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<g
id="text2634"
style="font-size:8.44138241px;font-style:normal;font-weight:normal;fill:#1793d1;fill-opacity:1;stroke:none;font-family:DejaVu Sans Mono">
<path
d="m 685.46692,263.83624 0,-5.32944 -1.99082,0 0,-0.71307 4.7895,0 0,0.71307 -1.99906,0 0,5.32944 -0.79962,0"
id="path3945"
style="fill:#1793d1;fill-opacity:1" />
<path
d="m 689.0982,263.83624 0,-6.04251 1.20355,0 1.43026,4.2784 c 0.13189,0.39843 0.22806,0.69658 0.28852,0.89442 0.0687,-0.21983 0.17586,-0.5427 0.3215,-0.96862 l 1.44674,-4.2042 1.07578,0 0,6.04251 -0.77077,0 0,-5.05741 -1.75587,5.05741 -0.72131,0 -1.74763,-5.14396 0,5.14396 -0.77077,0"
id="path3947"
style="fill:#1793d1;fill-opacity:1" />
</g>
<g
id="text2638"
style="font-size:8.25130367px;font-style:normal;font-weight:normal;fill:#1793d1;fill-opacity:1;stroke:none;font-family:DejaVu Sans Mono">
<path
d="m 239.84053,313.69965 0,-5.20945 -1.94598,0 0,-0.697 4.68164,0 0,0.697 -1.95404,0 0,5.20945 -0.78162,0"
id="path3940"
style="fill:#1793d1;fill-opacity:1" />
<path
d="m 243.39004,313.69965 0,-5.90645 1.17646,0 1.39805,4.18205 c 0.12892,0.38947 0.22293,0.6809 0.28202,0.87429 0.0671,-0.21488 0.1719,-0.53048 0.31426,-0.94681 l 1.41417,-4.10953 1.05155,0 0,5.90645 -0.75341,0 0,-4.94353 -1.71634,4.94353 -0.70506,0 -1.70828,-5.02814 0,5.02814 -0.75342,0"
id="path3942"
style="fill:#1793d1;fill-opacity:1" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 9.5 KiB

@@ -0,0 +1,156 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.0"
width="600"
height="199.41692"
id="svg2424">
<defs
id="defs2426">
<linearGradient
x1="112.49854"
y1="6.1372099"
x2="112.49853"
y2="129.3468"
id="path1082_2_"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(287,-83)">
<stop
id="stop193"
style="stop-color:#ffffff;stop-opacity:0"
offset="0" />
<stop
id="stop195"
style="stop-color:#ffffff;stop-opacity:0.27450982"
offset="1" />
<midPointStop
offset="0"
style="stop-color:#FFFFFF"
id="midPointStop197" />
<midPointStop
offset="0.5"
style="stop-color:#FFFFFF"
id="midPointStop199" />
<midPointStop
offset="1"
style="stop-color:#000000"
id="midPointStop201" />
</linearGradient>
<linearGradient
x1="541.33502"
y1="104.50665"
x2="606.91248"
y2="303.14029"
id="linearGradient2544"
xlink:href="#path1082_2_"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-0.3937741,0,0,0.393752,357.51969,122.00151)" />
<linearGradient
id="linearGradient3388">
<stop
id="stop3390"
style="stop-color:#000000;stop-opacity:0"
offset="0" />
<stop
id="stop3392"
style="stop-color:#000000;stop-opacity:0.37113401"
offset="1" />
</linearGradient>
<linearGradient
x1="490.72305"
y1="237.72447"
x2="490.72305"
y2="183.9644"
id="linearGradient4416"
xlink:href="#linearGradient3388"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.749107,0,0,0.749107,-35.459862,91.44108)" />
</defs>
<g
transform="translate(-34.777313,-129.80241)"
id="layer1">
<g
transform="matrix(0.8746356,0,0,0.8746356,14.730518,23.408954)"
id="g2424">
<g
transform="matrix(0.6378586,0,0,0.6378586,36.486487,2.17139)"
id="g2809"
style="fill:#ffffff;fill-opacity:1">
<path
d="m 339.96875,309.09375 c -14.47141,-0.0239 -26.4812,2.94367 -31.125,4.5625 l -4.78125,25.8125 c -0.0116,0.0951 23.79543,-6.34855 34.28125,-5.96875 17.36158,0.62381 18.95948,6.63541 18.65625,14.75 0.29595,0.47462 -4.47933,-7.33192 -19.5,-7.59375 -18.94961,-0.32687 -45.69284,6.70947 -45.65625,35.3125 -0.51086,32.17412 24.03361,41.63882 40.75,41.8125 15.02821,-0.27364 22.0777,-5.69136 25.9375,-8.59375 5.07124,-5.30236 10.87308,-10.63447 16.40625,-17.03125 -5.23567,9.51278 -9.77472,16.0898 -14.5,21.125 l 0,4.25 22.84375,-3.84375 0.15625,-62.09375 c -0.23141,-8.78839 5.04123,-42.41827 -43.46875,-42.5 z m -3.28125,54.0625 c 9.46889,0.12995 20.32788,4.79708 20.34375,16.03125 0.049,10.21821 -12.80005,15.71183 -21.15625,15.625 -8.35976,-0.0868 -19.45093,-6.56982 -19.5,-16.53125 0.16016,-8.90444 10.45953,-15.35418 20.3125,-15.125 z"
id="path2284"
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 398.50106,314.83145 -0.15505,102.82693 26.61213,-5.12724 0.0449,-58.30157 c 0.006,-8.68089 12.40554,-18.82451 27.9627,-18.66287 3.30202,-5.97408 9.5087,-21.24219 11.02088,-24.71514 -34.75649,-0.0833 -35.19897,9.98993 -41.24398,14.94517 -0.0631,-9.45285 -0.0213,-15.12741 -0.0213,-15.12741 l -24.2202,4.16213 z"
id="path2286"
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 548.2688,328.33058 c -0.25696,-0.12068 -13.87938,-15.93419 -41.26638,-16.0589 -25.65249,-0.42638 -54.42578,9.51895 -54.88631,52.5328 0.22457,37.81852 27.6402,52.59809 55.0314,52.88627 29.31292,0.30451 40.97654,-18.32947 41.67615,-18.79124 -3.49762,-3.0321 -16.59792,-16.0131 -16.59792,-16.0131 0,0 -8.18236,11.65102 -24.05802,11.79913 -15.87942,0.1512 -29.68245,-12.27325 -29.87805,-29.60905 -0.20349,-17.33595 12.68881,-26.72821 29.99725,-27.48687 14.98466,-0.003 23.6297,9.67334 23.6297,9.67334 l 16.35218,-18.93238 z"
id="path2288"
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 581.8125,278.84375 -25.125,5.90625 0.1875,133.9375 24.75,-4.46875 0.28125,-63.03125 c 0.0529,-6.60927 9.56127,-16.75916 25.4375,-16.4375 15.17973,0.15775 18.57236,10.11767 18.53125,11.375 l 0.4375,72.96875 24.40625,-4.3125 0.0937,-77.375 c 0.1607,-7.44539 -16.30833,-23.16954 -42.78125,-23.28125 -12.58087,0.0202 -19.54815,2.86825 -23.09375,4.96875 -6.06656,4.68565 -12.9998,9.17543 -19.8125,14.90625 6.29809,-8.09099 11.58551,-13.68516 16.75,-17.84375 l -0.0625,-37.3125 z"
id="path2290"
style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" />
</g>
<g
transform="matrix(0.9443373,0,0.01336345,0.9443373,78.345657,-412.48879)"
id="g5326"
style="fill:#1793d1;fill-opacity:1;stroke:none">
<path
d="m 400.67581,629.79609 7.68167,-1.91575 -0.92851,91.20792 -7.79574,1.32426 1.04258,-90.61643 z"
id="path2292"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 421.10266,657.01757 6.75064,-2.9867 -0.86808,65.39931 -6.49779,1.33915 0.61523,-63.75176 z m -1.26059,-23.58316 5.47167,-4.41533 4.42261,4.99952 -5.47558,4.53221 -4.4187,-5.1164 z"
id="path2294"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 440.44273,655.82614 7.67755,-1.56201 -0.1573,13.6722 c -0.007,0.58717 4.4194,-15.27364 24.68502,-14.92094 19.67986,0.10952 22.68401,15.34634 22.5291,18.76237 l -0.43759,48.0783 -6.73044,1.45631 0.63316,-47.489 c 0.0974,-1.38684 -2.88144,-13.11441 -16.78906,-13.15754 -13.90509,-0.0404 -23.68364,10.10048 -23.75821,16.57937 l -0.48127,41.83477 -7.80388,2.0313 0.63292,-65.28513 z"
id="path2296"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 561.53301,720.20203 -7.6776,1.56186 0.15737,-13.67198 c 0.007,-0.58742 -4.42201,15.27361 -24.68504,14.92086 -19.67983,-0.10944 -22.68399,-15.34626 -22.52908,-18.76229 l 0.43757,-48.07861 8.15674,-1.64226 -0.54644,47.48988 c -0.0149,1.29682 1.36845,13.29979 15.27604,13.3426 13.90511,0.0405 23.76622,-8.37359 24.01453,-21.04416 l 0.43105,-37.46902 7.5978,-1.93195 -0.63294,65.28507 z"
id="path2298"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<path
d="m 577.45461,655.28678 -5.42715,4.20017 20.19894,26.93328 -22.39092,31.11622 5.63499,4.226 21.04365,-28.8967 20.8779,29.58159 5.32727,-4.20103 -22.37578,-31.62866 18.56963,-25.5775 -5.53193,-4.73429 -16.92109,23.66778 -19.00551,-24.68686 z"
id="path2300"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
</g>
<path
d="m 105.8125,16.625 c -7.39687,18.135158 -11.858304,29.997682 -20.09375,47.59375 5.04936,5.35232 11.247211,11.585364 21.3125,18.625 C 96.210077,78.390904 88.828713,73.920352 83.3125,69.28125 72.7727,91.274163 56.259864,122.60209 22.75,182.8125 49.087628,167.60733 69.504089,158.23318 88.53125,154.65625 87.714216,151.1422 87.2497,147.34107 87.28125,143.375 l 0.03125,-0.84375 c 0.417917,-16.87382 9.195665,-29.84979 19.59375,-28.96875 10.39809,0.88104 18.48041,15.28242 18.0625,32.15625 -0.0786,3.17512 -0.43674,6.22955 -1.0625,9.0625 18.82058,3.68164 39.01873,13.03179 65,28.03125 -5.123,-9.4318 -9.69572,-17.93388 -14.0625,-26.03125 -6.87839,-5.33121 -14.05289,-12.2698 -28.6875,-19.78125 10.05899,2.61375 17.2611,5.62932 22.875,9 C 124.63297,63.338161 121.03766,52.354109 105.8125,16.625 z"
transform="matrix(1.1433333,0,0,1.1433333,22.920168,121.64318)"
id="path2518"
style="fill:#1793d1;fill-opacity:1;fill-rule:evenodd;stroke:none" />
<g
id="text2634"
style="font-size:8.44138241px;font-style:normal;font-weight:normal;fill:#ffffff;fill-opacity:1;stroke:none;font-family:DejaVu Sans Mono">
<path
d="m 685.46692,263.83624 0,-5.32944 -1.99082,0 0,-0.71307 4.7895,0 0,0.71307 -1.99906,0 0,5.32944 -0.79962,0"
id="path3660"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 689.0982,263.83624 0,-6.04251 1.20355,0 1.43026,4.2784 c 0.13189,0.39843 0.22806,0.69658 0.28852,0.89442 0.0687,-0.21983 0.17586,-0.5427 0.3215,-0.96862 l 1.44674,-4.2042 1.07578,0 0,6.04251 -0.77077,0 0,-5.05741 -1.75587,5.05741 -0.72131,0 -1.74763,-5.14396 0,5.14396 -0.77077,0"
id="path3662"
style="fill:#ffffff;fill-opacity:1" />
</g>
<g
id="text2638"
style="font-size:8.25130367px;font-style:normal;font-weight:normal;fill:#ffffff;fill-opacity:1;stroke:none;font-family:DejaVu Sans Mono">
<path
d="m 239.84053,313.69965 0,-5.20945 -1.94598,0 0,-0.697 4.68164,0 0,0.697 -1.95404,0 0,5.20945 -0.78162,0"
id="path2883"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 243.39004,313.69965 0,-5.90645 1.17646,0 1.39805,4.18205 c 0.12892,0.38947 0.22293,0.6809 0.28202,0.87429 0.0671,-0.21488 0.1719,-0.53048 0.31426,-0.94681 l 1.41417,-4.10953 1.05155,0 0,5.90645 -0.75341,0 0,-4.94353 -1.71634,4.94353 -0.70506,0 -1.70828,-5.02814 0,5.02814 -0.75342,0"
id="path2885"
style="fill:#ffffff;fill-opacity:1" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 9.5 KiB

+33
View File
@@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 10.0, SVG Export Plug-In . SVG Version: 3.0.0 Build 77) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" i:viewOrigin="262 450" i:rulerOrigin="0 0" i:pageBounds="0 792 612 0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" width="87.041" height="108.445" viewBox="0 0 87.041 108.445" overflow="visible" enable-background="new 0 0 87.041 108.445" xml:space="preserve">
<metadata>
<variableSets xmlns="http://ns.adobe.com/Variables/1.0/">
<variableSet varSetName="binding1" locked="none">
<variables/>
<v:sampleDataSets xmlns="http://ns.adobe.com/GenericCustomNamespace/1.0/" xmlns:v="http://ns.adobe.com/Variables/1.0/"/>
</variableSet>
</variableSets>
<sfw xmlns="http://ns.adobe.com/SaveForWeb/1.0/">
<slices/>
<sliceSourceBounds y="341.555" x="262" width="87.041" height="108.445" bottomLeftOrigin="true"/>
</sfw>
</metadata>
<g id="Layer_1" i:layer="yes" i:dimmedPercent="50" i:rgbTrio="#4F008000FFFF">
<g>
<path i:knockout="Off" fill="#A80030" d="M51.986,57.297c-1.797,0.025,0.34,0.926,2.686,1.287 c0.648-0.506,1.236-1.018,1.76-1.516C54.971,57.426,53.484,57.434,51.986,57.297"/>
<path i:knockout="Off" fill="#A80030" d="M61.631,54.893c1.07-1.477,1.85-3.094,2.125-4.766c-0.24,1.192-0.887,2.221-1.496,3.307 c-3.359,2.115-0.316-1.256-0.002-2.537C58.646,55.443,61.762,53.623,61.631,54.893"/>
<path i:knockout="Off" fill="#A80030" d="M65.191,45.629c0.217-3.236-0.637-2.213-0.924-0.978 C64.602,44.825,64.867,46.932,65.191,45.629"/>
<path i:knockout="Off" fill="#A80030" d="M45.172,1.399c0.959,0.172,2.072,0.304,1.916,0.533 C48.137,1.702,48.375,1.49,45.172,1.399"/>
<path i:knockout="Off" fill="#A80030" d="M47.088,1.932l-0.678,0.14l0.631-0.056L47.088,1.932"/>
<path i:knockout="Off" fill="#A80030" d="M76.992,46.856c0.107,2.906-0.85,4.316-1.713,6.812l-1.553,0.776 c-1.271,2.468,0.123,1.567-0.787,3.53c-1.984,1.764-6.021,5.52-7.313,5.863c-0.943-0.021,0.639-1.113,0.846-1.541 c-2.656,1.824-2.131,2.738-6.193,3.846l-0.119-0.264c-10.018,4.713-23.934-4.627-23.751-17.371 c-0.107,0.809-0.304,0.607-0.526,0.934c-0.517-6.557,3.028-13.143,9.007-15.832c5.848-2.895,12.704-1.707,16.893,2.197 c-2.301-3.014-6.881-6.209-12.309-5.91c-5.317,0.084-10.291,3.463-11.951,7.131c-2.724,1.715-3.04,6.611-4.227,7.507 C31.699,56.271,36.3,61.342,44.083,67.307c1.225,0.826,0.345,0.951,0.511,1.58c-2.586-1.211-4.954-3.039-6.901-5.277 c1.033,1.512,2.148,2.982,3.589,4.137c-2.438-0.826-5.695-5.908-6.646-6.115c4.203,7.525,17.052,13.197,23.78,10.383 c-3.113,0.115-7.068,0.064-10.566-1.229c-1.469-0.756-3.467-2.322-3.11-2.615c9.182,3.43,18.667,2.598,26.612-3.771 c2.021-1.574,4.229-4.252,4.867-4.289c-0.961,1.445,0.164,0.695-0.574,1.971c2.014-3.248-0.875-1.322,2.082-5.609l1.092,1.504 c-0.406-2.696,3.348-5.97,2.967-10.234c0.861-1.304,0.961,1.403,0.047,4.403c1.268-3.328,0.334-3.863,0.66-6.609 c0.352,0.923,0.814,1.904,1.051,2.878c-0.826-3.216,0.848-5.416,1.262-7.285c-0.408-0.181-1.275,1.422-1.473-2.377 c0.029-1.65,0.459-0.865,0.625-1.271c-0.324-0.186-1.174-1.451-1.691-3.877c0.375-0.57,1.002,1.478,1.512,1.562 c-0.328-1.929-0.893-3.4-0.916-4.88c-1.49-3.114-0.527,0.415-1.736-1.337c-1.586-4.947,1.316-1.148,1.512-3.396 c2.404,3.483,3.775,8.881,4.404,11.117c-0.48-2.726-1.256-5.367-2.203-7.922c0.73,0.307-1.176-5.609,0.949-1.691 c-2.27-8.352-9.715-16.156-16.564-19.818c0.838,0.767,1.896,1.73,1.516,1.881c-3.406-2.028-2.807-2.186-3.295-3.043 c-2.775-1.129-2.957,0.091-4.795,0.002c-5.23-2.774-6.238-2.479-11.051-4.217l0.219,1.023c-3.465-1.154-4.037,0.438-7.782,0.004 c-0.228-0.178,1.2-0.644,2.375-0.815c-3.35,0.442-3.193-0.66-6.471,0.122c0.808-0.567,1.662-0.942,2.524-1.424 c-2.732,0.166-6.522,1.59-5.352,0.295c-4.456,1.988-12.37,4.779-16.811,8.943l-0.14-0.933c-2.035,2.443-8.874,7.296-9.419,10.46 l-0.544,0.127c-1.059,1.793-1.744,3.825-2.584,5.67c-1.385,2.36-2.03,0.908-1.833,1.278c-2.724,5.523-4.077,10.164-5.246,13.97 c0.833,1.245,0.02,7.495,0.335,12.497c-1.368,24.704,17.338,48.69,37.785,54.228c2.997,1.072,7.454,1.031,11.245,1.141 c-4.473-1.279-5.051-0.678-9.408-2.197c-3.143-1.48-3.832-3.17-6.058-5.102l0.881,1.557c-4.366-1.545-2.539-1.912-6.091-3.037 l0.941-1.229c-1.415-0.107-3.748-2.385-4.386-3.646l-1.548,0.061c-1.86-2.295-2.851-3.949-2.779-5.23l-0.5,0.891 c-0.567-0.973-6.843-8.607-3.587-6.83c-0.605-0.553-1.409-0.9-2.281-2.484l0.663-0.758c-1.567-2.016-2.884-4.6-2.784-5.461 c0.836,1.129,1.416,1.34,1.99,1.533c-3.957-9.818-4.179-0.541-7.176-9.994l0.634-0.051c-0.486-0.732-0.781-1.527-1.172-2.307 l0.276-2.75C4.667,58.121,6.719,47.409,7.13,41.534c0.285-2.389,2.378-4.932,3.97-8.92l-0.97-0.167 c1.854-3.234,10.586-12.988,14.63-12.486c1.959-2.461-0.389-0.009-0.772-0.629c4.303-4.453,5.656-3.146,8.56-3.947 c3.132-1.859-2.688,0.725-1.203-0.709c5.414-1.383,3.837-3.144,10.9-3.846c0.745,0.424-1.729,0.655-2.35,1.205 c4.511-2.207,14.275-1.705,20.617,1.225c7.359,3.439,15.627,13.605,15.953,23.17l0.371,0.1 c-0.188,3.802,0.582,8.199-0.752,12.238L76.992,46.856"/>
<path i:knockout="Off" fill="#A80030" d="M32.372,59.764l-0.252,1.26c1.181,1.604,2.118,3.342,3.626,4.596 C34.661,63.502,33.855,62.627,32.372,59.764"/>
<path i:knockout="Off" fill="#A80030" d="M35.164,59.654c-0.625-0.691-0.995-1.523-1.409-2.352 c0.396,1.457,1.207,2.709,1.962,3.982L35.164,59.654"/>
<path i:knockout="Off" fill="#A80030" d="M84.568,48.916l-0.264,0.662c-0.484,3.438-1.529,6.84-3.131,9.994 C82.943,56.244,84.088,52.604,84.568,48.916"/>
<path i:knockout="Off" fill="#A80030" d="M45.527,0.537C46.742,0.092,48.514,0.293,49.803,0c-1.68,0.141-3.352,0.225-5.003,0.438 L45.527,0.537"/>
<path i:knockout="Off" fill="#A80030" d="M2.872,23.219c0.28,2.592-1.95,3.598,0.494,1.889 C4.676,22.157,2.854,24.293,2.872,23.219"/>
<path i:knockout="Off" fill="#A80030" d="M0,35.215c0.563-1.728,0.665-2.766,0.88-3.766C-0.676,33.438,0.164,33.862,0,35.215"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.1 KiB

+102
View File
@@ -0,0 +1,102 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="100mm"
height="100mm"
viewBox="0 0 100 100"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="logos.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="1.76315"
inkscape:cx="8048.6628"
inkscape:cy="155.97085"
inkscape:window-width="2560"
inkscape:window-height="1403"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="true" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-440)">
<g
id="g1037"
transform="matrix(0.41905998,0,0,0.41905998,586.57111,41.59352)"
style="stroke-width:0.923861">
<path
id="path1626"
style="fill:#51a2da;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.325921"
d="m -289.64163,-6.1330993 c -13.59905,0 -24.62032,11.0174513 -24.62917,24.6134503 h -0.005 v 19.06505 h 0.005 c 0.007,3.086633 2.50744,5.585119 5.59563,5.585119 h 0.0263 0.005 19.01254 c 13.60061,-0.0087 24.6187,-11.029727 24.6187,-24.629173 0,-13.6052151 -11.02396,-24.6344463 -24.62919,-24.6344463 z m 4.99198,10.1361923 c 4.13635,0 8.04175,3.1694212 8.04175,7.537847 0,0.405143 -0.002,0.810788 -0.0683,1.270274 -0.11451,1.162279 -1.17415,1.995812 -2.33064,1.831968 -1.15647,-0.165785 -1.94093,-1.260607 -1.72697,-2.409357 0.0196,-0.131138 0.0263,-0.339019 0.0263,-0.692885 0,-2.4767964 -2.02547,-3.4329965 -3.94215,-3.4329965 -1.91551,0 -3.64361,1.6107477 -3.64818,3.4329965 0.0331,2.107861 0,4.200632 0,6.304265 l 3.5537,-0.02685 c 2.77554,-0.05751 2.80667,4.126089 0.0315,4.104851 l -3.5852,0.02685 c -0.009,1.695407 0.0139,1.387536 0.005,2.241424 0,0 0.0305,2.070874 -0.0315,3.642939 -0.42905,4.617052 -4.3588,8.309432 -9.08109,8.309432 -5.00525,0 -9.13359,-4.094994 -9.13359,-9.112563 0.15037,-5.161786 4.27044,-9.218529 9.4538,-9.170336 l 2.88705,-0.02148 v 4.099602 l -2.88705,0.02685 h -0.021 c -2.8488,0.08419 -5.28654,2.014661 -5.33319,5.065451 0,2.779783 2.24647,5.007747 5.03398,5.007747 2.78288,0 5.00773,-2.026874 5.00773,-5.002481 0.0317,-4.934728 -0.022,-10.38585 -0.005,-15.511361 0.002,-0.287984 0.0156,-0.516965 0.0473,-0.834607 0.46992,-3.7948136 3.86435,-6.6874934 7.7058,-6.6874934 z" />
<g
id="g1644"
style="fill:#51a2da;fill-opacity:1;stroke-width:0.293594"
transform="matrix(1.0927383,0,0,1.0927383,-343.03209,-122.92202)">
<path
d="m 96.729167,125.3578 c -3.595373,1.38954 -6.03555,4.80292 -6.045574,9.01632 -0.0105,4.41352 3.082522,10.10943 9.487987,10.15149 4.30838,0.0283 6.46291,-1.58283 7.62603,-2.6768 0.77153,-0.68369 0.8255,-1.87009 0.11854,-2.61974 -0.70838,-0.75106 -1.89761,-0.76906 -2.6268,-0.0385 -0.86818,0.81562 -2.14666,2.02425 -5.772524,1.62173 -1.555755,-0.17216 -3.227339,-1.43528 -3.785318,-2.40173 l 11.879842,-5.05073 c 0.9084,-0.40358 1.32573,-1.45803 0.94121,-2.37421 -2.12076,-4.1731 -5.88103,-7.92444 -11.823393,-5.62783 z m 7.456683,5.48995 -9.885684,4.22249 c -0.705852,-2.63428 2.187448,-5.73353 3.76568,-6.31024 2.366314,-0.86468 4.977204,0.10837 6.120004,2.08775 z"
style="fill:#51a2da;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.298258"
id="path1628"
sodipodi:nodetypes="ssscccccccsccsc" />
<path
id="path1630"
style="fill:#51a2da;fill-opacity:1;stroke-width:8.72408;stroke-linecap:round;stroke-linejoin:round"
d="m 142.75841,124.51519 a 10.043481,9.9623653 0 0 0 -10.04462,9.9635 10.043481,9.9623653 0 0 0 10.04462,9.96093 10.043481,9.9623653 0 0 0 10.04204,-9.96093 10.043481,9.9623653 0 0 0 -10.04204,-9.9635 z m 0,3.73185 a 6.2822799,6.2315417 0 0 1 6.28239,6.23165 6.2822799,6.2315417 0 0 1 -6.28239,6.23165 6.2822799,6.2315417 0 0 1 -6.2824,-6.23165 6.2822799,6.2315417 0 0 1 6.2824,-6.23165 z" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#51a2da;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78954;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 157.27615,124.6433 c -1.59548,0 -1.86142,1.31669 -1.85308,1.84776 v 15.98997 c -0.0436,1.03365 0.81202,1.89464 1.88299,1.89464 1.07096,0 1.92667,-0.86099 1.88297,-1.89464 0,0 0.0284,-5.94671 0,-9.75342 -0.0284,-3.80671 3.06985,-4.63179 4.14789,-4.63179 0.80054,0 1.44015,0.44589 2.0745,0.42206 0.94151,-0.0354 1.71459,-0.6668 1.71459,-1.77397 -0.0283,-1.78855 -2.22269,-2.04245 -3.84053,-2.00941 -1.61785,0.0331 -2.9842,0.52982 -4.16721,1.2363 0,0 -0.24663,-1.3275 -1.84212,-1.3275 z"
id="path1632"
inkscape:connector-curvature="0"
sodipodi:nodetypes="zccsczcsczcz" />
<g
style="fill:#51a2da;fill-opacity:1;stroke-width:0.478097"
transform="matrix(1.7992734,0,0,1.7380239,67.446745,-121.99926)"
id="g1636">
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#51a2da;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.01196;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 60.088341,141.88715 c -1.393394,0 -2.398273,0.42786 -3.13079,0.97048 -1.110459,0.82303 0.08453,2.54386 1.19499,1.72083 0.505399,-0.37438 0.881229,-0.57413 1.9358,-0.57413 1.312636,0.0273 2.368475,0.53812 2.368475,1.55443 -0.703746,0.461 -3.763534,0.84205 -5.406566,1.8093 -1.643032,0.96724 -1.555977,2.18804 -1.555977,2.98017 0,1.73757 1.769154,2.90976 3.301505,2.90976 1.532352,0 2.182891,-0.33275 3.682046,-1.39626 v 0.30438 c -0.04845,1.45961 2.09629,1.45961 2.047845,0 v -6.23787 c 0.0066,-2.58701 -1.787667,-4.00169 -4.437328,-4.04109 z m 2.439505,5.75572 c -5.12e-4,0.68595 0.0092,0.8837 -0.009,1.56941 -0.004,0.8235 -0.503683,1.20524 -1.026925,1.52032 -0.523236,0.31508 -1.586095,0.59147 -2.201906,0.62167 -0.710308,0.0243 -1.65271,-0.1418 -1.702203,-1.01389 5.12e-4,-0.5264 0.246817,-0.85289 0.65127,-1.21646 0.957742,-0.74385 2.255423,-0.99358 4.288768,-1.48105 z"
id="path1634"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccczszcccccscscccss" />
</g>
<path
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:medium;line-height:25px;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;letter-spacing:0px;word-spacing:0px;fill:#51a2da;fill-opacity:1;stroke:none;stroke-width:0.450511px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 128.56291,116.32562 c -1.15198,-0.0687 -2.00005,1.07152 -1.82333,2.15483 v 8.36367 c -3.63641,-3.04884 -9.55863,-2.83682 -12.91558,0.5392 -3.39481,3.02498 -4.03972,8.51062 -1.57068,12.28835 1.81366,2.85198 5.13136,4.88571 8.55043,4.72423 2.14993,-0.0196 4.2827,-0.9455 5.93583,-2.31651 -0.16962,1.08236 0.66623,2.22553 1.82333,2.15604 1.13581,0.0506 2.01523,-1.07045 1.84088,-2.15482 -0.0197,-8.04418 0.0197,-16.08885 -0.0197,-24.13274 -0.0591,-0.90718 -0.92676,-1.65309 -1.83241,-1.62225 z m -7.9771,12.01866 c 3.28298,-0.0857 6.21551,2.86987 6.15377,6.12271 0.069,3.25587 -2.87355,6.20634 -6.15377,6.12273 -3.11889,0.0827 -5.97784,-2.55935 -6.1372,-5.65665 -0.33212,-3.1928 2.28898,-6.30485 5.49957,-6.55826 0.21182,-0.0207 0.42464,-0.0306 0.63763,-0.0306 z"
id="path1638"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccccccccccccc" />
<g
style="fill:#51a2da;fill-opacity:1;stroke-width:0.490408"
transform="matrix(1.7361841,0,0,1.7118711,84.821887,-122.89238)"
id="g1642">
<path
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:medium;line-height:25px;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;letter-spacing:0px;word-spacing:0px;fill:#51a2da;fill-opacity:1;stroke:none;stroke-width:1.03802;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m -2.5312666,143.62929 v 11.47421 c -0.003,1.4145 2.12023294,1.4145 2.11718234,0 v -7.65727 H 1.7635608 c 0.5092674,0 0.9446445,-0.37386 0.9446445,-0.9741 0,-0.60024 -0.4664127,-0.9648 -0.9446445,-0.9648 h -2.17764176 v -1.76487 c 0,-1.1293 0.8711995,-2.06801 2.62476896,-2.04625 0.6099425,0.008 0.8261384,0.1567 1.048907,0.29442 1.2161282,0.81695 2.3869012,-1.07509 1.1131122,-1.79886 -0.7812122,-0.48483 -1.5111158,-0.65571 -2.3819993,-0.65571 -2.74449516,0 -4.5059235,2.11423 -4.5219745,4.09323 z"
id="path1640"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccczcccscccc" />
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

@@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="72mm"
height="20.644407mm"
viewBox="0 0 72 20.644407"
version="1.1"
id="svg5"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<g
id="layer1"
transform="translate(-454.8707,-39.023385)">
<g
id="g1037"
transform="matrix(0.41905998,0,0,0.41905998,586.57111,41.59352)"
style="stroke-width:0.923861">
<path
id="path1626"
style="fill:#51a2da;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.325921"
d="m -289.64163,-6.1330993 c -13.59905,0 -24.62032,11.0174513 -24.62917,24.6134503 h -0.005 v 19.06505 h 0.005 c 0.007,3.086633 2.50744,5.585119 5.59563,5.585119 h 0.0263 0.005 19.01254 c 13.60061,-0.0087 24.6187,-11.029727 24.6187,-24.629173 0,-13.6052151 -11.02396,-24.6344463 -24.62919,-24.6344463 z m 4.99198,10.1361923 c 4.13635,0 8.04175,3.1694212 8.04175,7.537847 0,0.405143 -0.002,0.810788 -0.0683,1.270274 -0.11451,1.162279 -1.17415,1.995812 -2.33064,1.831968 -1.15647,-0.165785 -1.94093,-1.260607 -1.72697,-2.409357 0.0196,-0.131138 0.0263,-0.339019 0.0263,-0.692885 0,-2.4767964 -2.02547,-3.4329965 -3.94215,-3.4329965 -1.91551,0 -3.64361,1.6107477 -3.64818,3.4329965 0.0331,2.107861 0,4.200632 0,6.304265 l 3.5537,-0.02685 c 2.77554,-0.05751 2.80667,4.126089 0.0315,4.104851 l -3.5852,0.02685 c -0.009,1.695407 0.0139,1.387536 0.005,2.241424 0,0 0.0305,2.070874 -0.0315,3.642939 -0.42905,4.617052 -4.3588,8.309432 -9.08109,8.309432 -5.00525,0 -9.13359,-4.094994 -9.13359,-9.112563 0.15037,-5.161786 4.27044,-9.218529 9.4538,-9.170336 l 2.88705,-0.02148 v 4.099602 l -2.88705,0.02685 h -0.021 c -2.8488,0.08419 -5.28654,2.014661 -5.33319,5.065451 0,2.779783 2.24647,5.007747 5.03398,5.007747 2.78288,0 5.00773,-2.026874 5.00773,-5.002481 0.0317,-4.934728 -0.022,-10.38585 -0.005,-15.511361 0.002,-0.287984 0.0156,-0.516965 0.0473,-0.834607 0.46992,-3.7948136 3.86435,-6.6874934 7.7058,-6.6874934 z" />
<g
id="g1644"
style="fill:#51a2da;fill-opacity:1;stroke-width:0.293594"
transform="matrix(1.0927383,0,0,1.0927383,-343.03209,-122.92202)">
<path
d="m 96.729167,125.3578 c -3.595373,1.38954 -6.03555,4.80292 -6.045574,9.01632 -0.0105,4.41352 3.082522,10.10943 9.487987,10.15149 4.30838,0.0283 6.46291,-1.58283 7.62603,-2.6768 0.77153,-0.68369 0.8255,-1.87009 0.11854,-2.61974 -0.70838,-0.75106 -1.89761,-0.76906 -2.6268,-0.0385 -0.86818,0.81562 -2.14666,2.02425 -5.772524,1.62173 -1.555755,-0.17216 -3.227339,-1.43528 -3.785318,-2.40173 l 11.879842,-5.05073 c 0.9084,-0.40358 1.32573,-1.45803 0.94121,-2.37421 -2.12076,-4.1731 -5.88103,-7.92444 -11.823393,-5.62783 z m 7.456683,5.48995 -9.885684,4.22249 c -0.705852,-2.63428 2.187448,-5.73353 3.76568,-6.31024 2.366314,-0.86468 4.977204,0.10837 6.120004,2.08775 z"
style="fill:#51a2da;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.298258"
id="path1628" />
<path
id="path1630"
style="fill:#51a2da;fill-opacity:1;stroke-width:8.72408;stroke-linecap:round;stroke-linejoin:round"
d="m 142.75841,124.51519 a 10.043481,9.9623653 0 0 0 -10.04462,9.9635 10.043481,9.9623653 0 0 0 10.04462,9.96093 10.043481,9.9623653 0 0 0 10.04204,-9.96093 10.043481,9.9623653 0 0 0 -10.04204,-9.9635 z m 0,3.73185 a 6.2822799,6.2315417 0 0 1 6.28239,6.23165 6.2822799,6.2315417 0 0 1 -6.28239,6.23165 6.2822799,6.2315417 0 0 1 -6.2824,-6.23165 6.2822799,6.2315417 0 0 1 6.2824,-6.23165 z" />
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#51a2da;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78954;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 157.27615,124.6433 c -1.59548,0 -1.86142,1.31669 -1.85308,1.84776 v 15.98997 c -0.0436,1.03365 0.81202,1.89464 1.88299,1.89464 1.07096,0 1.92667,-0.86099 1.88297,-1.89464 0,0 0.0284,-5.94671 0,-9.75342 -0.0284,-3.80671 3.06985,-4.63179 4.14789,-4.63179 0.80054,0 1.44015,0.44589 2.0745,0.42206 0.94151,-0.0354 1.71459,-0.6668 1.71459,-1.77397 -0.0283,-1.78855 -2.22269,-2.04245 -3.84053,-2.00941 -1.61785,0.0331 -2.9842,0.52982 -4.16721,1.2363 0,0 -0.24663,-1.3275 -1.84212,-1.3275 z"
id="path1632" />
<g
style="fill:#51a2da;fill-opacity:1;stroke-width:0.478097"
transform="matrix(1.7992734,0,0,1.7380239,67.446745,-121.99926)"
id="g1636">
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#51a2da;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.01196;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 60.088341,141.88715 c -1.393394,0 -2.398273,0.42786 -3.13079,0.97048 -1.110459,0.82303 0.08453,2.54386 1.19499,1.72083 0.505399,-0.37438 0.881229,-0.57413 1.9358,-0.57413 1.312636,0.0273 2.368475,0.53812 2.368475,1.55443 -0.703746,0.461 -3.763534,0.84205 -5.406566,1.8093 -1.643032,0.96724 -1.555977,2.18804 -1.555977,2.98017 0,1.73757 1.769154,2.90976 3.301505,2.90976 1.532352,0 2.182891,-0.33275 3.682046,-1.39626 v 0.30438 c -0.04845,1.45961 2.09629,1.45961 2.047845,0 v -6.23787 c 0.0066,-2.58701 -1.787667,-4.00169 -4.437328,-4.04109 z m 2.439505,5.75572 c -5.12e-4,0.68595 0.0092,0.8837 -0.009,1.56941 -0.004,0.8235 -0.503683,1.20524 -1.026925,1.52032 -0.523236,0.31508 -1.586095,0.59147 -2.201906,0.62167 -0.710308,0.0243 -1.65271,-0.1418 -1.702203,-1.01389 5.12e-4,-0.5264 0.246817,-0.85289 0.65127,-1.21646 0.957742,-0.74385 2.255423,-0.99358 4.288768,-1.48105 z"
id="path1634" />
</g>
<path
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:medium;line-height:25px;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;letter-spacing:0px;word-spacing:0px;fill:#51a2da;fill-opacity:1;stroke:none;stroke-width:0.450511px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 128.56291,116.32562 c -1.15198,-0.0687 -2.00005,1.07152 -1.82333,2.15483 v 8.36367 c -3.63641,-3.04884 -9.55863,-2.83682 -12.91558,0.5392 -3.39481,3.02498 -4.03972,8.51062 -1.57068,12.28835 1.81366,2.85198 5.13136,4.88571 8.55043,4.72423 2.14993,-0.0196 4.2827,-0.9455 5.93583,-2.31651 -0.16962,1.08236 0.66623,2.22553 1.82333,2.15604 1.13581,0.0506 2.01523,-1.07045 1.84088,-2.15482 -0.0197,-8.04418 0.0197,-16.08885 -0.0197,-24.13274 -0.0591,-0.90718 -0.92676,-1.65309 -1.83241,-1.62225 z m -7.9771,12.01866 c 3.28298,-0.0857 6.21551,2.86987 6.15377,6.12271 0.069,3.25587 -2.87355,6.20634 -6.15377,6.12273 -3.11889,0.0827 -5.97784,-2.55935 -6.1372,-5.65665 -0.33212,-3.1928 2.28898,-6.30485 5.49957,-6.55826 0.21182,-0.0207 0.42464,-0.0306 0.63763,-0.0306 z"
id="path1638" />
<g
style="fill:#51a2da;fill-opacity:1;stroke-width:0.490408"
transform="matrix(1.7361841,0,0,1.7118711,84.821887,-122.89238)"
id="g1642">
<path
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:medium;line-height:25px;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;letter-spacing:0px;word-spacing:0px;fill:#51a2da;fill-opacity:1;stroke:none;stroke-width:1.03802;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m -2.5312666,143.62929 v 11.47421 c -0.003,1.4145 2.12023294,1.4145 2.11718234,0 v -7.65727 H 1.7635608 c 0.5092674,0 0.9446445,-0.37386 0.9446445,-0.9741 0,-0.60024 -0.4664127,-0.9648 -0.9446445,-0.9648 h -2.17764176 v -1.76487 c 0,-1.1293 0.8711995,-2.06801 2.62476896,-2.04625 0.6099425,0.008 0.8261384,0.1567 1.048907,0.29442 1.2161282,0.81695 2.3869012,-1.07509 1.1131122,-1.79886 -0.7812122,-0.48483 -1.5111158,-0.65571 -2.3819993,-0.65571 -2.74449516,0 -4.5059235,2.11423 -4.5219745,4.09323 z"
id="path1640" />
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 717 KiB

+90
View File
@@ -0,0 +1,90 @@
import type { Dialog } from "@/lib/tinyvn";
import { getRelativeLocaleUrl } from "astro:i18n";
const distroQuizDialogs: Dialog[] = [
{
title: "Let's pick a Linux distribution.",
content:
"Linux has many flavors, each with its own weakness and strength. Do you want to learn about the choices?",
choices: [
{
text: "Give me the choices!",
action: "jump",
data: 1,
},
{
text: "Just recommend me one",
action: "jump",
data: 3,
},
],
}, // 0
{
title: "In the sea of distributions",
content: `These are 3 of the biggest distributions, each with their strength and weaknesses.`,
choices: [
{
action: "jump",
data: 2,
text: `<h2 class="text-2xl">
<img src="/logos/debian-openlogo-nd.svg" alt="Debian logo" class="inline-block size-10" />
Debian
</h2>
<p>
Maximum stability.
</p>`,
},
{
action: "jump",
data: 3,
text: `<img src="/logos/fedora_default-horizontal_cropped.svg" alt="Fedora Linux logo" class="h-10" />
<p>
Balancing stability and up-to-date software.
</p>`,
},
{
action: "jump",
data: 4,
text: `<div id="archLogo"></div>
<p>
Bleeding edge software.
</p>`,
},
],
}, // 1
{
title: "Debian",
content: "",
choices: [
{
text: "Download",
action: "link",
data: "https://www.debian.org/",
},
],
}, // 2
{
title: "Fedora Linux",
content: "It is a Linux distribution which balances between stability and having up-to-date software.",
choices: [
{
text: "Continue",
action: "link",
data: getRelativeLocaleUrl("en", "fedora/0"),
},
],
}, // 3
{
title: "Arch Linux",
content: "",
choices: [
{
text: "Continue",
action: "link",
data: "https://archlinux.org/",
},
],
}, // 4
];
export default distroQuizDialogs;
+173
View File
@@ -0,0 +1,173 @@
import type { Dialog } from "@/lib/tinyvn";
import { getRelativeLocaleUrl } from "astro:i18n";
import fedoraWorkstation from "@/assets/imgs/fedora42_workstation.avif";
import fedoraWorkstationPng from "@/assets/imgs/fedora42_workstation.png";
import fedoraPlasma from "@/assets/imgs/fedora42_kdeplasma.avif";
import fedoraPlasmaPng from "@/assets/imgs/fedora42_kdeplasma.png";
const fedoraDialogs: Dialog[] = [
{
title: "So you've chosen Fedora.",
content:
"Do you have an NVIDIA graphics card?",
choices: [
{
text: "Yes",
action: "continue"
},
{
text: "No",
action: "jump",
data: 5,
},
],
}, // 0
{
title: "Regarding NVIDIA drivers",
content: `It is recommended for beginners to install Fedora derivatives instead
as it will help ease the process of setting drivers up. Do you wish to continue with Fedora?`,
choices: [
{
action: "continue",
text: "I'll go with the easier route"
},
{
action: "jump",
text: "I'll continue with Fedora",
data: 5
}
]
}, // 1
{
title: "Do you need Secure Boot?",
content: `Secure Boot is a technology required by some anticheat programs,
namely Riot Vanguard.`,
choices: [
{
action: "continue",
text: "Yes."
},
{
action: "jump",
text: "No.",
data: 4
}
]
}, // 2
{
title: "Bazzite",
content: "Bazzite is a Linux distribution which is basically designed for gamers.",
choices: [
{
action: "link",
data: "https://bazzite.gg/",
text: "Visit Website"
}
]
}, // 3
{
title: "Nobara Linux",
content: "The Nobara project aims to improve Fedora's user-friendliness.",
choices: [
{
action: "link",
data: "https://nobaraproject.org/",
text: "Visit Website"
}
]
}, // 4
{
title: "Prerequisites",
content: "Please prepare an empty/unused USB flash drive with at least 4GB capacity."
}, // 5
{
title: "Fedora Media Writer",
content: `It is a program which will help you copy Fedora's installer
to your USB flash drive. Please download and install the program as usual for
your platform.
<div class="grid grid-flow-col auto-cols-fr gap-2">
<a href="https://github.com/FedoraQt/MediaWriter/releases/latest"
class="button" target="_blank" rel="noopener noreferrer">
Windows/macOS
</a>
<a href="https://flathub.org/apps/details/org.fedoraproject.MediaWriter"
class="button" target="_blank" rel="noopener noreferrer">
Linux
</a>
</div>`,
choices: [
{
action: "continue",
text: "Done!"
}
]
}, // 6
{
title: "Choose your flavor",
content: `Choose a desktop environment, pick whatever you like based on
appearance. KDE Plasma (Right) may be more familiar for Windows users.`,
choices: [
{
action: "continue",
text: `<figure>
<picture>
<source srcset="${fedoraWorkstation.src}" type="image/avif" />
<img src="${fedoraWorkstationPng.src}" alt="Fedora Workstation 42" />
</picture>
<figcaption>Fedora Workstation</figcaption>
</figure>`
},
{
action: "jump",
text: `<figure>
<picture>
<source srcset="${fedoraPlasma.src}" type="image/avif" />
<img src="${fedoraPlasmaPng.src}" alt="Fedora KDE Plasma Desktop 42" />
</picture>
<figcaption>Fedora KDE Plasma Desktop</figcaption>
</figure>`,
data: 9
}
]
}, // 7
{
title: "Fedora Workstation",
content: `<picture>
<source srcset="${fedoraWorkstation.src}" type="image/avif" />
<img src="${fedoraWorkstationPng.src}" alt="Fedora Workstation 42" />
</picture>`,
choices: [
{
action: "jump",
text: "Back",
data: 7
},
{
action: "link",
text: "Continue",
data: getRelativeLocaleUrl("en", "fedora/workstation/0")
}
]
}, // 8
{
title: "Fedora KDE Plasma Desktop",
content: `<picture>
<source srcset="${fedoraPlasma.src}" type="image/avif" />
<img src="${fedoraPlasmaPng.src}" alt="Fedora KDE Plasma Desktop 42" />
</picture>`,
choices: [
{
action: "jump",
text: "Back",
data: 7
},
{
action: "link",
text: "Continue",
data: getRelativeLocaleUrl("en", "fedora/plasma/0")
}
]
} // 9
];
export default fedoraDialogs;
+20
View File
@@ -0,0 +1,20 @@
---
import "../styles/global.css";
const { title, description } = Astro.props;
---
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
{description ? <meta name="description" content={description} /> : null}
<title>{title ?? "Move to Linux"}</title>
</head>
<body>
<slot />
</body>
</html>
+22
View File
@@ -0,0 +1,22 @@
---
import { ClientRouter } from "astro:transitions";
import "../styles/global.css";
const { title, description } = Astro.props;
---
<html lang="en" transition:name="root" transition:animate="none">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
{description ? <meta name="description" content={description} /> : null}
<title>{title ?? "Move to Linux"}</title>
</head>
<body>
<slot />
<ClientRouter />
</body>
</html>
+66
View File
@@ -0,0 +1,66 @@
/// A very tiny Visual Novel-like engine for the site
import { getRelativeLocaleUrl } from "astro:i18n";
type BaseChoice = { text: string };
export type Choice = BaseChoice &
(
| { action: "link"; data: string }
| { action: "continue"; data?: never }
| { action: "jump"; data: number }
);
export interface Dialog {
title: string;
content: string;
choices?: Choice[];
}
export function mapStaticPaths(dialogs: Dialog[]) {
return dialogs.map((v, i) => {
return {
params: {
index: i.toString(),
},
props: {
title: v.title,
content: v.content,
choices: v.choices,
},
};
});
}
const defaultChoice: Choice = {
action: "continue",
text: "Continue",
};
export function getChoiceElement(choice: Choice, sectionName: string, index: string) {
switch (choice.action) {
case "link":
return `<a href="${choice.data}" class="button flex flex-col justify-center"
${choice.data.startsWith("http") ? ' target="_blank" rel="noopener noreferrer"' : ""}>
${choice.text}
</a>`;
case "continue":
return `<a class="button flex flex-col justify-center"
href="${getRelativeLocaleUrl("en", `${sectionName}/${parseInt(index) + 1}`)}">
${choice.text}
</a>`;
case "jump":
return `<a class="button flex flex-col justify-center"
href="${getRelativeLocaleUrl("en", `${sectionName}/${choice.data}`)}">
${choice.text}
</a>`;
}
}
export function getChoices(choices: Choice[] | undefined, sectionName: string, index: string) {
if (choices === undefined) {
return getChoiceElement(defaultChoice, sectionName, index);
}
return choices.map((v) => getChoiceElement(v, sectionName, index));
}
+32
View File
@@ -0,0 +1,32 @@
---
import TransitionLayout from "@/layouts/TransitionLayout.astro";
import { getChoices, mapStaticPaths, type Dialog } from "@/lib/tinyvn";
import type { GetStaticPaths } from "astro";
import dialogs from "@/data/distroquiz";
export const getStaticPaths = (() => {
return mapStaticPaths(dialogs);
}) satisfies GetStaticPaths;
const { index } = Astro.params;
const { title, content, choices } = Astro.props;
---
<TransitionLayout>
<main class="fill-screen-center" transition:animate="slide">
<div class="p-4 lg:max-w-[50vw] text-center flex flex-col gap-4">
<h1 class="text-5xl font-bold">{title}</h1>
<p set:html={content} />
<div
class="grid grid-flow-col auto-cols-fr gap-2"
set:html={getChoices(choices, "distroquiz", index)}
/>
</div>
</main>
</TransitionLayout>
<style>
body {
overflow: hidden;
}
</style>
+33
View File
@@ -0,0 +1,33 @@
---
import TransitionLayout from "@/layouts/TransitionLayout.astro";
import { getChoices, mapStaticPaths, type Dialog } from "@/lib/tinyvn";
import type { GetStaticPaths } from "astro";
import dialogs from "@/data/fedora";
export const getStaticPaths = (() => {
return mapStaticPaths(dialogs);
}) satisfies GetStaticPaths;
const { index } = Astro.params;
const { title, content, choices } = Astro.props;
---
<TransitionLayout>
<main class="fill-screen-center" transition:animate="fade">
<div class="p-4 lg:max-w-[50vw] text-center flex flex-col gap-4">
<h1 class="text-5xl font-bold">{title}</h1>
<p set:html={content} />
<div
class="max-h-[60vh] grid md:grid-flow-col md:auto-cols-fr gap-2"
set:html={getChoices(choices, "fedora", index)}
/>
</div>
</main>
</TransitionLayout>
<style>
body {
overflow-x: hidden;
overflow-y: auto;
}
</style>
+95
View File
@@ -0,0 +1,95 @@
---
import BasicLayout from "@/layouts/BasicLayout.astro";
import { getRelativeLocaleUrl } from "astro:i18n";
const startLink = getRelativeLocaleUrl("en", "start");
---
<BasicLayout>
<header
class="min-h-[50vh] flex justify-center items-center flex-col gap-2 bg-amber-50 dark:bg-amber-950"
>
<h1
class="text-5xl font-bold bg-gradient-to-r from-amber-700 to-amber-900 dark:from-amber-400 dark:to-amber-600 bg-clip-text text-transparent"
>
Move to Linux
</h1>
<p>This website aims to help you learn and setup Linux.</p>
<div>
<a href="#what">What</a>
&bull;
<a href="#why">Why</a>
&bull;
<a href={startLink} class="font-bold">Just start!</a>
</div>
</header>
<main>
<section id="what" class="border-t-2 border-amber-900">
<h2 class="text-blue-900 dark:text-blue-200">What is Linux?</h2>
<p>
Linux is a <i>family</i> of operating systems with the same core.
The said "core" is also called the kernel.
</p>
</section>
<section id="why">
<h2 class="mb-2 text-violet-900 dark:text-violet-200">
Why move to Linux?
</h2>
<div class="grid grid-cols-2 gap-4 lg:max-w-[50vw]">
<div class="card">
<h3>Free</h3>
<p>
Both free of charge, and free as in freedom. Most Linux
distributions are free.
</p>
</div>
<div class="card">
<h3>Efficient</h3>
<p>Revive your old machine, make existing ones do more.</p>
</div>
<div class="card">
<h3>Be in control</h3>
<p>
Control what is on your machine, customize it to your
liking. The Linux desktop world comes in many flavors.
</p>
</div>
<div class="card">
<h3>Improved Privacy</h3>
<p>
Pick and choose how much you want to share to improve
the software that you use.
</p>
</div>
</div>
</section>
<section id="start">
<h2 class="text-green-900 dark:text-green-200">Convinced?</h2>
<p>Click the button below to start on your Linux journey.</p>
<a href={startLink} class="button mt-4">Start!</a>
</section>
</main>
<footer class="text-center py-4 bg-slate-800 text-white">
Made with &hearts; from lines-of-codes.
</footer>
</BasicLayout>
<style>
@reference "@/styles/global.css";
a:not(.button) {
@apply underline;
}
h2 {
@apply text-4xl font-bold;
}
h3 {
@apply text-3xl font-semibold;
}
section {
@apply flex justify-center items-center flex-col p-12;
}
</style>
+25
View File
@@ -0,0 +1,25 @@
---
import TransitionLayout from "@/layouts/TransitionLayout.astro";
import { getRelativeLocaleUrl } from "astro:i18n";
// export const prerender = false;
// const onMobile = Astro.request.headers.get("user-agent")?.match("Mobile");
---
<TransitionLayout
title="Welcome - Move to Linux"
description="Welcome to your Linux journey."
>
<main class="fill-screen-center gap-2" transition:animate="slide">
<h1 class="text-5xl font-bold">Welcome!</h1>
<p class="p-4 lg:max-w-[50vw] text-center">
I'm happy to see that you decided to learn more about Linux.
Depending on your internet and machine speed, Prepare a few hours of
time to download and install Linux.
</p>
<a href={getRelativeLocaleUrl("en", "distroquiz/0")} class="button"
>Okay!</a
>
</main>
</TransitionLayout>
+16 -13
View File
@@ -1,16 +1,19 @@
--- ---
import BasicLayout from "@/layouts/BasicLayout.astro";
---
--- <BasicLayout>
<main
class="min-h-screen w-screen flex items-center justify-center gap-8 flex-col"
>
<h1 class="text-4xl font-bold flex items-center flex-col">
<i class="icon icon_globe text-6xl"></i>
Select your language
</h1>
<html lang="en"> <div class="flex gap-4">
<head> <a class="button" href="/en/">🇺🇸 English</a>
<meta charset="utf-8" /> <a class="button" href="/th/">🇹🇭 ไทย</a>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> </div>
<meta name="viewport" content="width=device-width" /> </main>
<meta name="generator" content={Astro.generator} /> </BasicLayout>
<title>Astro</title>
</head>
<body>
<h1>Astro</h1>
</body>
</html>
+9
View File
@@ -0,0 +1,9 @@
---
import BasicLayout from "@/layouts/BasicLayout.astro";
---
<BasicLayout>
<header>
<h1 class="text-4xl font-bold">การย้ายไป Linux</h1>
</header>
</BasicLayout>
File diff suppressed because it is too large Load Diff
+30
View File
@@ -0,0 +1,30 @@
@import "tailwindcss";
@import "./breeze-icons.css";
body {
--font-thai: "IBM Plex Sans Thai", "Noto Sans Thai";
font-family: Inter, var(--font-thai), var(--font-sans);
@apply dark:bg-slate-800 dark:text-gray-50;
}
@utility fill-screen-center {
@apply h-screen flex justify-center items-center flex-col;
}
@utility button {
@apply border border-gray-400 dark:border-gray-600 shadow rounded px-4 py-2 hover:border-sky-500 active:bg-sky-200 dark:active:bg-sky-700 transition-colors;
}
#archLogo {
background-image: url("/logos/archlinux-logo-dark-scalable.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
@apply h-10 w-full;
}
@media (prefers-color-scheme: dark) {
#archLogo {
background-image: url("/logos/archlinux-logo-light-scalable.svg");
}
}
+17 -3
View File
@@ -1,5 +1,19 @@
{ {
"extends": "astro/tsconfigs/strict", "extends": "astro/tsconfigs/strict",
"include": [".astro/types.d.ts", "**/*"], "include": [
"exclude": ["dist"] ".astro/types.d.ts",
} "**/*"
],
"exclude": [
"dist"
],
"compilerOptions": {
"paths": {
"@/*": [
"./src/*"
]
},
"jsx": "preserve",
"jsxImportSource": "solid-js"
}
}