diff options
| Commit | c153e4ac01811fa71d54ebf38a26d3f8315de9fd (patch) | |
|---|---|---|
| Author | 2023-07-11 13:47:27 +0000 | |
| Committer | 2023-07-11 13:47:27 +0000 | |
| Files | b597eef84af0108e191c5718e2cdb561784164b4 /src | |
| syndamia.com-c153e4ac01811fa71d54ebf38a26d3f8315de9fd.tar syndamia.com-c153e4ac01811fa71d54ebf38a26d3f8315de9fd.tar.gz syndamia.com-c153e4ac01811fa71d54ebf38a26d3f8315de9fd.zip | ||
| Parent | cbec38336236d9d14e1a95db7f0f8c8e5078a9a6 (diff) | |
| Parent | 3ccfe52377701492102dfec958fd69361fdce37e (diff) | |
Merge branch 'improvements' into 'master'
A lot of reworks
See merge request Syndamia/syndamiadotcom!10
43 files changed, 270 insertions, 1592 deletions
diff --git a/src/_footer.html b/src/_footer.html index 0fa2f4b..4481b8a 100644 --- a/src/_footer.html +++ b/src/_footer.html @@ -1,11 +1,11 @@ </article> - <img id="scrollBtn" class="icon unzoomable btn" src="/img/chevrons-up.svg" alt="^"> + <div id="scrollBtn" class="btn">︽</div> </body> -<script type="text/javascript" src="/scripts/theme-changer.js" integrity="sha512-4p/NmUO9VMUBe7xPDGYEcZrZh9A96OebGs/3CZNcV98ZaouWSQ3WXlKfkcZLpWov/D/Vcf+6ZOtBtSQ0Caz2Jg==" crossorigin="anonymous" defer></script> -<script type="text/javascript" src="/scripts/image-show.js" integrity="sha512-nvHl7jQO5YAE/K8KUPwF0m1Oq2mT6I8hNZYby4abaxIuJe6F60L1BDtYsJYB/1+A7iExW+i7YREL886qzCJt7A==" crossorigin="anonymous" defer></script> -<script type="text/javascript" src="/scripts/back-to-top.js" integrity="sha512-yih1opqueA2DkNTsRo8JG7r/haDe3VaHpV08Vs79tDYI9Goe+QpDNSPjpZDszDBQOrIIX7ZKZA4QJ0J+fxkn5w==" crossorigin="anonymous" defer></script> -<script type="text/javascript" src="/scripts/keyboard.js" integrity="sha512-YQsk/Hm5j43FKZGijHtQPmkiNrAGMXJcts5AVofxwftttTPU87+bY7qvXsBctWLUyfrZwaZF0StCefiAKTFaow==" crossorigin="anonymous" defer></script> +<script type="text/javascript" src="/scripts/theme-changer.js" crossorigin="anonymous" defer></script> +<script type="text/javascript" src="/scripts/image-show.js" crossorigin="anonymous" defer></script> +<script type="text/javascript" src="/scripts/back-to-top.js" crossorigin="anonymous" defer></script> +<script type="text/javascript" src="/scripts/keyboard.js" crossorigin="anonymous" defer></script> </html> diff --git a/src/_header.html b/src/_header.html index e05de81..3f9ac59 100644 --- a/src/_header.html +++ b/src/_header.html @@ -12,8 +12,8 @@ <link rel="stylesheet" href="/styles.css"> <link rel="stylesheet" href="/darkmode.css"> <link rel="stylesheet" href="/hide-js-styling.css"> - <script type="text/javascript" src="/scripts/js-styling-preload.js" integrity="sha512-W9vmlFJBKooI1qrJQ9gop+t2As9YkQ+CRaxML2XFWNVJx7bSR3sUxi8i+W+Pnh45BY6NSqS77M1DE3+ST93Ltw==" crossorigin="anonymous"></script> - <script type="text/javascript" src="/scripts/theme-changer-preload.js" integrity="sha512-x1W8CvHGWZh1WcCWqXLMRbABh951y7a7tU+nNt0Goz42rR7ZrfAE+IOE/IDRpdAPc1CJtxUoZ8G/zxreGa+KCg==" crossorigin="anonymous"></script> + <script type="text/javascript" src="/scripts/js-styling-preload.js" crossorigin="anonymous"></script> + <script type="text/javascript" src="/scripts/theme-changer-preload.js" crossorigin="anonymous"></script> <meta name="description" content="[DESCRIPTION]"> <!-- Thanks https://stackoverflow.com/a/25093272/12036073 --> <meta prefix="og: http://ogp.me/ns#" property="og:type" content="website"> @@ -27,8 +27,8 @@ <nav id="sidebar"> <nav id="header"> <a href="/">Home</a> - <img id="expandNavbarBtn" class="unzoomable btn setting-btn icon" src="/img/layout-navbar-collapse.svg" alt="Expand navbar"> - <script type="text/javascript" src="/scripts/expand-navbar.js" integrity="sha512-R9CnFPK6yeDa1BiiYqZ87CB7Hp40D/tWsOdGK5LGWq1g3SxXaajPbrV165o3swckHRJt6Txec/adR7qc/zxVuw==" crossorigin="anonymous" defer></script> + <div id="expandNavbarBtn" class="btn">▲</div> + <script type="text/javascript" src="/scripts/expand-navbar.js" crossorigin="anonymous" defer></script> </nav> <nav id="index"> @@ -53,14 +53,15 @@ </nav> <nav id="settingsWrapper"> - <img id="changeThemeBtn" class="unzoomable btn setting-btn icon" src="/img/sun.svg" alt="Toggle theme"> - <img id="changeWidthBtn" class="unzoomable btn setting-btn icon" src="/img/viewport-wide.svg" alt="Toggle full width"> + <div id="changeThemeBtn" class="btn setting-btn">Light<br>theme</div> + <div id="changeWidthBtn" class="btn setting-btn">Wide<br>article</div> </nav> <nav id="footer"> <a href="/license.html" title="CC BY-SA 4.0 and GNU GPLv3">CC BY-SA 4.0 and GNU GPLv3</a> <br><br> - <a href="/policies.html" title="Policies">Policies</a><br> + <a href="/privacy.html" title="Privacy policy">Privacy policy</a> | + <a href="/accessibility.html" title="Accessibility">Accessibility</a><br> <a href="/regarding-js.html" title="Regarding usage of JavaScript">Regarding JavaScript</a><br> <a href="/acknowledgements.html" title="Acknowledgements">Acknowledgements</a><br> <br> @@ -77,4 +78,4 @@ </nav> <article> - <script type="text/javascript" src="/scripts/page-width.js" integrity="sha512-ncBZZFJ7h//aUts/X1Wvmp6v1DGlfK6cpDW7td4u1YKVIl16uedg70KLP+WQi5KUcJHSV4V+N1fg6jgrGEdX9w==" crossorigin="anonymous" defer></script> + <script type="text/javascript" src="/scripts/page-width.js" crossorigin="anonymous" defer></script> diff --git a/src/about.md b/src/about.md index be47b00..8a36f48 100644 --- a/src/about.md +++ b/src/about.md @@ -4,16 +4,16 @@ : <a href="mailto:kamen.s@syndamia.com">kamen.s@syndamia.com</a> <a class="borderless" href="/files/publickey-kamen.s@syndamia.com-0xDFC9D42E.asc"><img class="borderless unzoomable" src="/img/pgpkey.gif" alt="PGP key"></a> **Contact me about work** -: <a href="mailto:kamen@syndamia.com">kamen@syndamia.com</a> <a class="borderless" href="/files/publickey-kamen@syndamia.com-0x354C5F95.asc"><img class="borderless unzoomable" src="/img/pgpkey.gif" alt="PGP key"></a> || [linkedin.com/in/kamen-mladenov](https://www.linkedin.com/in/kamen-mladenov/) +: <a href="mailto:kamen@syndamia.com">kamen@syndamia.com</a> <a class="borderless" href="/files/publickey-kamen@syndamia.com-0x354C5F95.asc"><img class="borderless unzoomable" src="/img/pgpkey.gif" alt="PGP key"></a> | [linkedin.com/in/kamen-mladenov](https://www.linkedin.com/in/kamen-mladenov/) **Resume** -: [Български](/files/resume-bg.pdf) || [English](/files/resume-en.pdf) +: [Български](/files/resume-bg.pdf) | [English](/files/resume-en.pdf) <br> <img id="about-image" class="borderless unzoomable" src="/img/face.jpeg" alt=""> -> Antibio [(opposite of bio, and much more fun)](https://www.brendangregg.com/antibio.html) +### Antibio [(opposite of bio, and much more fun)](https://www.brendangregg.com/antibio.html) I'm a [university](https://www.fmi.uni-sofia.bg/en) student and general computer nerd. My current interests include: operating systems, functional programming, webdev (without **any** libraries, pure JavaScript), old tech, some amount of server administration and a teeny weeny bit of computer history. @@ -22,33 +22,35 @@ I have a good amount of [projects under my belt](https://gitlab.com/users/Syndam I've put down the more notable ones [here](/software), but [filite-list](https://github.com/Syndamia/filite-list) and [min-youtube-element-blocker](https://github.com/Syndamia/min-youtube-element-blocker) seem to have gotten the most attention (if any). As for what exactly you can expect in the future, anything goes really. -I've done a lot of low(er)-level programming, a bit less functional programming, professional-ish web development (back-end + front-end), a whole lot of scripting (even a bit of Batch, not Bash, scripting) and more server/system administration that I would ever want. +I've done a lot of low(er)-level programming, a bit less functional programming, professional-ish web development (back-end + front-end), a whole lot of scripting and more server/system administration that I would ever want. So, who knows what's gonna be next. Unfortunately there isn't too much I can show now, especially as content on this website... But hey, you gotta start somewhere! -> Setup +### Setup -The machines I use on a daily basis are a desktop PC from 2015: +The machines I own and use are: -- Intel Core i3-4160 -- 16GiB RAM, DDR3 -- AMD Radeon Sapphire RX256 +1. Once prebuilt, now personally upgraded, desktop PC from 2015 + - Intel Core i3-4160 + - 16GiB RAM, DDR3 + - AMD Radeon Sapphire RX256 -and a laptop from 2019 (Lenovo Yoga S730): +2. The very powerfull and tiny Lenovo Yoga S730 from 2019 + - Intel Core i7-8565U + - 16 GiB RAM, DDR4 -- Intel Core i7-8565U -- 16 GiB RAM, DDR4 +3. A significantly less powerful, but immensly more useful and nicer to work with Lenovo ThinkPad X270 + - Intel Core i5-6300U + - 16 GiB RAM, DDR4 + - 1080p screen (aftermarket replacement) -both running Linux. - -My current desktop distribution of choice is Gentoo, but I used to main Linux Mint, Fedora and Funtoo. +All of them use Linux. +My current desktop distribution of choice is [Gentoo](https://www.gentoo.org/), but I used to main [Linux Mint](https://linuxmint.com/), [Fedora](https://fedoraproject.org/) and [Funtoo](https://www.funtoo.org/Welcome) (in that order). For servers, I use Debian, though I have used Ubuntu. As for a desktop environment, I use Openbox (which is a WM, I know) alongside mostly Gnome applications. -I've publically shared the [exact (Gentoo) packages](https://gitlab.com/Syndamia/dotfiles/-/blob/main/.b/etc/portage/sets/openbox-de) as well as a [more general package list](https://gitlab.com/Syndamia/dotfiles/-/blob/main/.c/Application%20Stack.md). - +The [exact (Gentoo) packages](https://gitlab.com/Syndamia/dotfiles/-/blob/main/.b/etc/portage/sets/openbox-de) as well as a [more general package list](https://gitlab.com/Syndamia/dotfiles/-/blob/main/.c/Application%20Stack.md) is available online, in my [dotfiles](https://gitlab.com/Syndamia/dotfiles). My primary text editor is [vim](https://www.vim.org/) and shell is [zsh](https://www.zsh.org/). -My dotfiles are available on [gitlab](https://gitlab.com/Syndamia/dotfiles). diff --git a/src/about/index.md b/src/about/index.md index be47b00..8a36f48 100644 --- a/src/about/index.md +++ b/src/about/index.md @@ -4,16 +4,16 @@ : <a href="mailto:kamen.s@syndamia.com">kamen.s@syndamia.com</a> <a class="borderless" href="/files/publickey-kamen.s@syndamia.com-0xDFC9D42E.asc"><img class="borderless unzoomable" src="/img/pgpkey.gif" alt="PGP key"></a> **Contact me about work** -: <a href="mailto:kamen@syndamia.com">kamen@syndamia.com</a> <a class="borderless" href="/files/publickey-kamen@syndamia.com-0x354C5F95.asc"><img class="borderless unzoomable" src="/img/pgpkey.gif" alt="PGP key"></a> || [linkedin.com/in/kamen-mladenov](https://www.linkedin.com/in/kamen-mladenov/) +: <a href="mailto:kamen@syndamia.com">kamen@syndamia.com</a> <a class="borderless" href="/files/publickey-kamen@syndamia.com-0x354C5F95.asc"><img class="borderless unzoomable" src="/img/pgpkey.gif" alt="PGP key"></a> | [linkedin.com/in/kamen-mladenov](https://www.linkedin.com/in/kamen-mladenov/) **Resume** -: [Български](/files/resume-bg.pdf) || [English](/files/resume-en.pdf) +: [Български](/files/resume-bg.pdf) | [English](/files/resume-en.pdf) <br> <img id="about-image" class="borderless unzoomable" src="/img/face.jpeg" alt=""> -> Antibio [(opposite of bio, and much more fun)](https://www.brendangregg.com/antibio.html) +### Antibio [(opposite of bio, and much more fun)](https://www.brendangregg.com/antibio.html) I'm a [university](https://www.fmi.uni-sofia.bg/en) student and general computer nerd. My current interests include: operating systems, functional programming, webdev (without **any** libraries, pure JavaScript), old tech, some amount of server administration and a teeny weeny bit of computer history. @@ -22,33 +22,35 @@ I have a good amount of [projects under my belt](https://gitlab.com/users/Syndam I've put down the more notable ones [here](/software), but [filite-list](https://github.com/Syndamia/filite-list) and [min-youtube-element-blocker](https://github.com/Syndamia/min-youtube-element-blocker) seem to have gotten the most attention (if any). As for what exactly you can expect in the future, anything goes really. -I've done a lot of low(er)-level programming, a bit less functional programming, professional-ish web development (back-end + front-end), a whole lot of scripting (even a bit of Batch, not Bash, scripting) and more server/system administration that I would ever want. +I've done a lot of low(er)-level programming, a bit less functional programming, professional-ish web development (back-end + front-end), a whole lot of scripting and more server/system administration that I would ever want. So, who knows what's gonna be next. Unfortunately there isn't too much I can show now, especially as content on this website... But hey, you gotta start somewhere! -> Setup +### Setup -The machines I use on a daily basis are a desktop PC from 2015: +The machines I own and use are: -- Intel Core i3-4160 -- 16GiB RAM, DDR3 -- AMD Radeon Sapphire RX256 +1. Once prebuilt, now personally upgraded, desktop PC from 2015 + - Intel Core i3-4160 + - 16GiB RAM, DDR3 + - AMD Radeon Sapphire RX256 -and a laptop from 2019 (Lenovo Yoga S730): +2. The very powerfull and tiny Lenovo Yoga S730 from 2019 + - Intel Core i7-8565U + - 16 GiB RAM, DDR4 -- Intel Core i7-8565U -- 16 GiB RAM, DDR4 +3. A significantly less powerful, but immensly more useful and nicer to work with Lenovo ThinkPad X270 + - Intel Core i5-6300U + - 16 GiB RAM, DDR4 + - 1080p screen (aftermarket replacement) -both running Linux. - -My current desktop distribution of choice is Gentoo, but I used to main Linux Mint, Fedora and Funtoo. +All of them use Linux. +My current desktop distribution of choice is [Gentoo](https://www.gentoo.org/), but I used to main [Linux Mint](https://linuxmint.com/), [Fedora](https://fedoraproject.org/) and [Funtoo](https://www.funtoo.org/Welcome) (in that order). For servers, I use Debian, though I have used Ubuntu. As for a desktop environment, I use Openbox (which is a WM, I know) alongside mostly Gnome applications. -I've publically shared the [exact (Gentoo) packages](https://gitlab.com/Syndamia/dotfiles/-/blob/main/.b/etc/portage/sets/openbox-de) as well as a [more general package list](https://gitlab.com/Syndamia/dotfiles/-/blob/main/.c/Application%20Stack.md). - +The [exact (Gentoo) packages](https://gitlab.com/Syndamia/dotfiles/-/blob/main/.b/etc/portage/sets/openbox-de) as well as a [more general package list](https://gitlab.com/Syndamia/dotfiles/-/blob/main/.c/Application%20Stack.md) is available online, in my [dotfiles](https://gitlab.com/Syndamia/dotfiles). My primary text editor is [vim](https://www.vim.org/) and shell is [zsh](https://www.zsh.org/). -My dotfiles are available on [gitlab](https://gitlab.com/Syndamia/dotfiles). diff --git a/src/accessibility.md b/src/accessibility.md new file mode 100644 index 0000000..61f3e48 --- /dev/null +++ b/src/accessibility.md @@ -0,0 +1,36 @@ +# Accessibility + +I do personally want to make sure the content on this website is useable by people with disabilities and/or with poor internet connection and browser speed. +However, at the same time, I want to add any feature I deem useful to the website experience, for everyone else. +This is how I reach a middle ground between both sides: + +### Bare bone website version + +At [tiny.syndamia.com](https://tiny.syndamia.com) I offer my website with all styling and JavaScript functionality removed. +On all pages you'll get the text and assets of the given page and nothing more. + +From my testing, pages usually load two times faster on tiny.syndamia.com. +I do also hope that without the styling and JavaScript, people with impairments will have an easier time either viewing the content or configuring their helping tools. + +### Consumable content with everything blocked + +By design, all "normal" pages[^normal-pages] can be viewed without any JavaScript, any styling and any custom font. +All of those are meant to make the browsing experience prettier and easier for those that can benefit from it. +Even my [talks](/talks), where each one is a collection of delicately crafted CSS and JS slides, can be viewed as any normal text article on my site. + +### Reasonable icons + +First, icons on this website are managed with an icon font. +I've watched [Seren Davies' talk](https://www.youtube.com/watch?v=9xXBYcWgCHA), but I've found working with SVGs noticeably increases workload on my end. + +**However**, I've still implemented those icons with accessibility in mind: + +- Navigation is done with text entries in the sidebar, not icons. +- Buttons for other functionalities use text to reference their action, rather than (only) an "image", most of the time. + The only mission-critical one that isn't represented with text is the sidebar folding and expanding button, right next to "Home". + But it is mapped to the standard up and down pointing triangle characters, so it should still be useable. +- Icons that aren't decorative are "mapped" to their closest standard Unicode symbol, so even without the font, their purpose should be fairly understandable. + Furthermore, I make sure those Unicode symbols have been standardised since at least 1999. +- My font has only the icons I use, and compared to the SVG equivalent setup, it takes up roughly a third of the size. + +[^normal-pages]: Meaning a page that has only text, images and video. If the page contains a JavaScript demo, it obviously cannot function entirely without JS. diff --git a/src/darkmode.css b/src/darkmode.css index 538033d..6dd6b0a 100644 --- a/src/darkmode.css +++ b/src/darkmode.css @@ -34,12 +34,6 @@ --hic-orange: #fe8019; } - /* This selects the link images, next to headings */ -.h-anchor img, .icon, .file-icon, .file-wrapper > summary { - /* Refer to styles.css on why this is necessary */ - filter: none; - } - #scrollBtn { background-color: var(--bg-color); } diff --git a/src/font/tabler-icons-subset.ttf b/src/font/tabler-icons-subset.ttf Binary files differnew file mode 100644 index 0000000..c1c4b5c --- /dev/null +++ b/src/font/tabler-icons-subset.ttf diff --git a/src/img/arrow-left.svg b/src/img/arrow-left.svg deleted file mode 100644 index 178a1f1..0000000 --- a/src/img/arrow-left.svg +++ /dev/null @@ -1,66 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-arrow-left" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg10" - sodipodi:docname="arrow-left-tabler.svg" - inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" - 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"> - <defs - id="defs14" /> - <sodipodi:namedview - id="namedview12" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12.013468" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg10" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <line - x1="5" - y1="12" - x2="19" - y2="12" - id="line4" - style="stroke:#ffeede" /> - <line - x1="5" - y1="12" - x2="11" - y2="18" - id="line6" - style="stroke:#ffeede" /> - <line - x1="5" - y1="12" - x2="11" - y2="6" - id="line8" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/arrow-right.svg b/src/img/arrow-right.svg deleted file mode 100644 index 6d7e63d..0000000 --- a/src/img/arrow-right.svg +++ /dev/null @@ -1,66 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-arrow-right" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg10" - sodipodi:docname="arrow-right-tabler.svg" - inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" - 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"> - <defs - id="defs14" /> - <sodipodi:namedview - id="namedview12" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12.013468" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg10" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <line - x1="5" - y1="12" - x2="19" - y2="12" - id="line4" - style="stroke:#ffeede" /> - <line - x1="13" - y1="18" - x2="19" - y2="12" - id="line6" - style="stroke:#ffeede" /> - <line - x1="13" - y1="6" - x2="19" - y2="12" - id="line8" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/article.svg b/src/img/article.svg deleted file mode 100644 index 07198ea..0000000 --- a/src/img/article.svg +++ /dev/null @@ -1,62 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-article" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg12" - sodipodi:docname="article.svg" - inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" - 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"> - <defs - id="defs16" /> - <sodipodi:namedview - id="namedview14" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:showpageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - inkscape:deskcolor="#505050" - showgrid="false" - inkscape:zoom="37.375" - inkscape:cx="11.986622" - inkscape:cy="12.013378" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg12" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <path - d="M 3,4 M 3,6 A 2,2 0 0 1 5,4 h 14 a 2,2 0 0 1 2,2 v 12 a 2,2 0 0 1 -2,2 H 5 A 2,2 0 0 1 3,18 Z" - id="path4" - style="stroke:#ffeede" /> - <path - d="M 7,8 H 17" - id="path6" - style="stroke:#ffeede" /> - <path - d="M 7,12 H 17" - id="path8" - style="stroke:#ffeede" /> - <path - d="M 7,16 H 17" - id="path10" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/chevrons-up.svg b/src/img/chevrons-up.svg deleted file mode 100644 index 7126fbb..0000000 --- a/src/img/chevrons-up.svg +++ /dev/null @@ -1,53 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-chevrons-up" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg8" - sodipodi:docname="chevrons-up-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs12" /> - <sodipodi:namedview - id="namedview10" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg8" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <polyline - points="7 11 12 6 17 11" - id="polyline4" - style="stroke:#ffeede" /> - <polyline - points="7 17 12 12 17 17" - id="polyline6" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/file-text.svg b/src/img/file-text.svg deleted file mode 100644 index 7e38033..0000000 --- a/src/img/file-text.svg +++ /dev/null @@ -1,74 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-file-text" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg14" - sodipodi:docname="file-text-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs18" /> - <sodipodi:namedview - id="namedview16" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg14" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <path - d="m 14,3 v 4 a 1,1 0 0 0 1,1 h 4" - id="path4" - style="stroke:#ffeede" /> - <path - d="M 17,21 H 7 A 2,2 0 0 1 5,19 V 5 A 2,2 0 0 1 7,3 h 7 l 5,5 v 11 a 2,2 0 0 1 -2,2 z" - id="path6" - style="stroke:#ffeede" /> - <line - x1="9" - y1="9" - x2="10" - y2="9" - id="line8" - style="stroke:#ffeede" /> - <line - x1="9" - y1="13" - x2="15" - y2="13" - id="line10" - style="stroke:#ffeede" /> - <line - x1="9" - y1="17" - x2="15" - y2="17" - id="line12" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/file-zip.svg b/src/img/file-zip.svg deleted file mode 100644 index 7198b4e..0000000 --- a/src/img/file-zip.svg +++ /dev/null @@ -1,95 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-file-zip" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg20" - sodipodi:docname="file-zip-tabler.svg" - inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" - 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"> - <defs - id="defs24" /> - <sodipodi:namedview - id="namedview22" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12.013468" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg20" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <path - d="M 6,20.735 A 2,2 0 0 1 5,19 V 5 A 2,2 0 0 1 7,3 h 7 l 5,5 v 11 a 2,2 0 0 1 -2,2 h -1" - id="path4" - style="stroke:#ffeede" /> - <path - d="m 11,17 a 2,2 0 0 1 2,2 v 2 a 1,1 0 0 1 -1,1 H 10 A 1,1 0 0 1 9,21 v -2 a 2,2 0 0 1 2,-2 z" - id="path6" - style="stroke:#ffeede" /> - <line - x1="11" - y1="5" - x2="10" - y2="5" - id="line8" - style="stroke:#ffeede" /> - <line - x1="13" - y1="7" - x2="12" - y2="7" - id="line10" - style="stroke:#ffeede" /> - <line - x1="11" - y1="9" - x2="10" - y2="9" - id="line12" - style="stroke:#ffeede" /> - <line - x1="13" - y1="11" - x2="12" - y2="11" - id="line14" - style="stroke:#ffeede" /> - <line - x1="11" - y1="13" - x2="10" - y2="13" - id="line16" - style="stroke:#ffeede" /> - <line - x1="13" - y1="15" - x2="12" - y2="15" - id="line18" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/folder-minus.svg b/src/img/folder-minus.svg deleted file mode 100644 index a391c46..0000000 --- a/src/img/folder-minus.svg +++ /dev/null @@ -1,58 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-folder-minus" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg10" - sodipodi:docname="folder-minus-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs14" /> - <sodipodi:namedview - id="namedview12" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12.013468" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg10" /> - <desc - id="desc2">Download more icon variants from https://tabler-icons.io/i/folder-minus</desc> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path4" /> - <path - d="m 5,4 h 4 l 3,3 h 7 a 2,2 0 0 1 2,2 v 8 a 2,2 0 0 1 -2,2 H 5 A 2,2 0 0 1 3,17 V 6 A 2,2 0 0 1 5,4" - id="path6" - style="stroke:#ffeede" /> - <line - x1="9" - y1="13" - x2="15" - y2="13" - id="line8" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/folder-plus.svg b/src/img/folder-plus.svg deleted file mode 100644 index ede9b24..0000000 --- a/src/img/folder-plus.svg +++ /dev/null @@ -1,65 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-folder-plus" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg12" - sodipodi:docname="folder-plus-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs16" /> - <sodipodi:namedview - id="namedview14" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12.013468" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg12" /> - <desc - id="desc2">Download more icon variants from https://tabler-icons.io/i/folder-plus</desc> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path4" /> - <path - d="m 5,4 h 4 l 3,3 h 7 a 2,2 0 0 1 2,2 v 8 a 2,2 0 0 1 -2,2 H 5 A 2,2 0 0 1 3,17 V 6 A 2,2 0 0 1 5,4" - id="path6" - style="stroke:#ffeede" /> - <line - x1="12" - y1="10" - x2="12" - y2="16" - id="line8" - style="stroke:#ffeede" /> - <line - x1="9" - y1="13" - x2="15" - y2="13" - id="line10" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/folder.svg b/src/img/folder.svg deleted file mode 100644 index 181373c..0000000 --- a/src/img/folder.svg +++ /dev/null @@ -1,49 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-folder" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg6" - sodipodi:docname="folder-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs10" /> - <sodipodi:namedview - id="namedview8" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg6" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <path - d="m 5,4 h 4 l 3,3 h 7 a 2,2 0 0 1 2,2 v 8 a 2,2 0 0 1 -2,2 H 5 A 2,2 0 0 1 3,17 V 6 A 2,2 0 0 1 5,4" - id="path4" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/layout-navbar-collapse.svg b/src/img/layout-navbar-collapse.svg deleted file mode 100644 index 49e8966..0000000 --- a/src/img/layout-navbar-collapse.svg +++ /dev/null @@ -1,57 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-layout-navbar-collapse" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg10" - sodipodi:docname="layout-navbar-collapse-tabler.svg" - inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" - 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"> - <defs - id="defs14" /> - <sodipodi:namedview - id="namedview12" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12.013468" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg10" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <path - d="M 4,18 V 6 A 2,2 0 0 1 6,4 h 12 a 2,2 0 0 1 2,2 v 12 a 2,2 0 0 1 -2,2 H 6 A 2,2 0 0 1 4,18 Z" - id="path4" - style="stroke:#ffeede" /> - <path - d="M 4,9 H 20" - id="path6" - style="stroke:#ffeede" /> - <path - d="m 10,16 2,-2 2,2" - id="path8" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/layout-navbar-expand.svg b/src/img/layout-navbar-expand.svg deleted file mode 100644 index 61b845d..0000000 --- a/src/img/layout-navbar-expand.svg +++ /dev/null @@ -1,57 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-layout-navbar-expand" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg10" - sodipodi:docname="layout-navbar-expand-tabler.svg" - inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" - 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"> - <defs - id="defs14" /> - <sodipodi:namedview - id="namedview12" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12.013468" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg10" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <path - d="M 4,18 V 6 A 2,2 0 0 1 6,4 h 12 a 2,2 0 0 1 2,2 v 12 a 2,2 0 0 1 -2,2 H 6 A 2,2 0 0 1 4,18 Z" - id="path4" - style="stroke:#ffeede" /> - <path - d="M 4,9 H 20" - id="path6" - style="stroke:#ffeede" /> - <path - d="m 10,14 2,2 2,-2" - id="path8" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/link.svg b/src/img/link.svg deleted file mode 100644 index 021cdb2..0000000 --- a/src/img/link.svg +++ /dev/null @@ -1,69 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - xmlns:dc="http://purl.org/dc/elements/1.1/" - xmlns:cc="http://creativecommons.org/ns#" - xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" - xmlns:svg="http://www.w3.org/2000/svg" - xmlns="http://www.w3.org/2000/svg" - xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" - xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - class="icon icon-tabler icon-tabler-link" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg8" - sodipodi:docname="link-tabler.svg" - inkscape:version="1.0.2 (e86c870879, 2021-01-15)"> - <metadata - id="metadata14"> - <rdf:RDF> - <cc:Work - rdf:about=""> - <dc:format>image/svg+xml</dc:format> - <dc:type - rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> - </cc:Work> - </rdf:RDF> - </metadata> - <defs - id="defs12" /> - <sodipodi:namedview - pagecolor="#ffffff" - bordercolor="#666666" - borderopacity="1" - objecttolerance="10" - gridtolerance="10" - guidetolerance="10" - inkscape:pageopacity="0" - inkscape:pageshadow="2" - inkscape:window-width="1920" - inkscape:window-height="1053" - id="namedview10" - showgrid="false" - inkscape:zoom="37.541667" - inkscape:cx="12" - inkscape:cy="12" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg8" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <path - d="m 10,14 a 3.5,3.5 0 0 0 5,0 l 4,-4 A 3.5355339,3.5355339 0 0 0 14,5 l -0.5,0.5" - id="path4" - style="stroke:#ffeede" /> - <path - d="m 14,10 a 3.5,3.5 0 0 0 -5,0 l -4,4 a 3.5355339,3.5355339 0 0 0 5,5 l 0.5,-0.5" - id="path6" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/markdown.svg b/src/img/markdown.svg deleted file mode 100644 index d04693b..0000000 --- a/src/img/markdown.svg +++ /dev/null @@ -1,61 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-markdown" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg10" - sodipodi:docname="markdown-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs14" /> - <sodipodi:namedview - id="namedview12" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg10" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <rect - x="3" - y="5" - width="18" - height="14" - rx="2" - id="rect4" - style="stroke:#ffeede" /> - <path - d="M 7,15 V 9 l 2,2 2,-2 v 6" - id="path6" - style="stroke:#ffeede" /> - <path - d="m 14,13 2,2 2,-2 m -2,2 V 9" - id="path8" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/moon.svg b/src/img/moon.svg deleted file mode 100644 index 376f924..0000000 --- a/src/img/moon.svg +++ /dev/null @@ -1,49 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-moon" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg6" - sodipodi:docname="moon-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs10" /> - <sodipodi:namedview - id="namedview8" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg6" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <path - d="m 12,3 c 0.132,0 0.263,0 0.393,0 A 7.5,7.5 0 0 0 20.313,15.446 9,9 0 1 1 12,2.992 Z" - id="path4" - style="stroke:#ffffff" /> -</svg> diff --git a/src/img/movie.svg b/src/img/movie.svg deleted file mode 100644 index c811ac0..0000000 --- a/src/img/movie.svg +++ /dev/null @@ -1,102 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-movie" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg20" - sodipodi:docname="movie-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs24" /> - <sodipodi:namedview - id="namedview22" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg20" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <rect - x="4" - y="4" - width="16" - height="16" - rx="2" - id="rect4" - style="stroke:#ffeede" /> - <line - x1="8" - y1="4" - x2="8" - y2="20" - id="line6" - style="stroke:#ffeede" /> - <line - x1="16" - y1="4" - x2="16" - y2="20" - id="line8" - style="stroke:#ffeede" /> - <line - x1="4" - y1="8" - x2="8" - y2="8" - id="line10" - style="stroke:#ffeede" /> - <line - x1="4" - y1="16" - x2="8" - y2="16" - id="line12" - style="stroke:#ffeede" /> - <line - x1="4" - y1="12" - x2="20" - y2="12" - id="line14" - style="stroke:#ffeede" /> - <line - x1="16" - y1="8" - x2="20" - y2="8" - id="line16" - style="stroke:#ffeede" /> - <line - x1="16" - y1="16" - x2="20" - y2="16" - id="line18" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/photo.svg b/src/img/photo.svg deleted file mode 100644 index 8e55d0f..0000000 --- a/src/img/photo.svg +++ /dev/null @@ -1,68 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-photo" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg12" - sodipodi:docname="photo-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs16" /> - <sodipodi:namedview - id="namedview14" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg12" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <line - x1="15" - y1="8" - x2="15.01" - y2="8" - id="line4" - style="stroke:#ffeede" /> - <rect - x="4" - y="4" - width="16" - height="16" - rx="3" - id="rect6" - style="stroke:#ffeede" /> - <path - d="m 4,15 4,-4 a 3,5 0 0 1 3,0 l 5,5" - id="path8" - style="stroke:#ffeede" /> - <path - d="m 14,14 1,-1 a 3,5 0 0 1 3,0 l 2,2" - id="path10" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/presentation.svg b/src/img/presentation.svg deleted file mode 100644 index ac3f107..0000000 --- a/src/img/presentation.svg +++ /dev/null @@ -1,74 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-presentation" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg14" - sodipodi:docname="presentation-tabler.svg" - inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" - 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"> - <defs - id="defs18" /> - <sodipodi:namedview - id="namedview16" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12.013468" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg14" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <line - x1="3" - y1="4" - x2="21" - y2="4" - id="line4" - style="stroke:#ffeede" /> - <path - d="m 4,4 v 10 a 2,2 0 0 0 2,2 h 12 a 2,2 0 0 0 2,-2 V 4" - id="path6" - style="stroke:#ffeede" /> - <line - x1="12" - y1="16" - x2="12" - y2="20" - id="line8" - style="stroke:#ffeede" /> - <line - x1="9" - y1="20" - x2="15" - y2="20" - id="line10" - style="stroke:#ffeede" /> - <path - d="m 8,12 3,-3 2,2 3,-3" - id="path12" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/printer.svg b/src/img/printer.svg deleted file mode 100644 index 4ff29aa..0000000 --- a/src/img/printer.svg +++ /dev/null @@ -1,61 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-printer" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg10" - sodipodi:docname="printer-tabler.svg" - inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)" - 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"> - <defs - id="defs14" /> - <sodipodi:namedview - id="namedview12" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12.013468" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg10" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <path - d="m 17,17 h 2 a 2,2 0 0 0 2,-2 V 11 A 2,2 0 0 0 19,9 H 5 a 2,2 0 0 0 -2,2 v 4 a 2,2 0 0 0 2,2 h 2" - id="path4" - style="stroke:#ffeede" /> - <path - d="M 17,9 V 5 A 2,2 0 0 0 15,3 H 9 A 2,2 0 0 0 7,5 v 4" - id="path6" - style="stroke:#ffeede" /> - <rect - x="7" - y="13" - width="10" - height="8" - rx="2" - id="rect8" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/sun.svg b/src/img/sun.svg deleted file mode 100644 index 3c1c587..0000000 --- a/src/img/sun.svg +++ /dev/null @@ -1,55 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-sun" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg8" - sodipodi:docname="sun-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs12" /> - <sodipodi:namedview - id="namedview10" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg8" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <circle - cx="12" - cy="12" - r="4" - id="circle4" - style="stroke:#ffeede" /> - <path - d="m 3,12 h 1 m 8,-9 v 1 m 8,8 h 1 m -9,8 v 1 M 5.6,5.6 6.3,6.3 M 18.4,5.6 17.7,6.3 m 0,11.4 0.7,0.7 M 6.3,17.7 5.6,18.4" - id="path6" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/viewport-narrow.svg b/src/img/viewport-narrow.svg deleted file mode 100644 index 1511836..0000000 --- a/src/img/viewport-narrow.svg +++ /dev/null @@ -1,61 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-viewport-narrow" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg12" - sodipodi:docname="viewport-narrow-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs16" /> - <sodipodi:namedview - id="namedview14" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg12" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <path - d="m 3,12 h 7 L 7,9 m 0,6 3,-3" - id="path4" - style="stroke:#ffeede" /> - <path - d="m 21,12 h -7 l 3,-3 m 0,6 -3,-3" - id="path6" - style="stroke:#ffeede" /> - <path - d="M 9,6 V 3 h 6 v 3" - id="path8" - style="stroke:#ffeede" /> - <path - d="m 9,18 v 3 h 6 v -3" - id="path10" - style="stroke:#ffeede" /> -</svg> diff --git a/src/img/viewport-wide.svg b/src/img/viewport-wide.svg deleted file mode 100644 index 93694ea..0000000 --- a/src/img/viewport-wide.svg +++ /dev/null @@ -1,61 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg - class="icon icon-tabler icon-tabler-viewport-wide" - width="24" - height="24" - viewBox="0 0 24 24" - stroke-width="2" - stroke="currentColor" - fill="none" - stroke-linecap="round" - stroke-linejoin="round" - version="1.1" - id="svg12" - sodipodi:docname="viewport-wide-tabler.svg" - inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" - 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"> - <defs - id="defs16" /> - <sodipodi:namedview - id="namedview14" - pagecolor="#505050" - bordercolor="#eeeeee" - borderopacity="1" - inkscape:pageshadow="0" - inkscape:pageopacity="0" - inkscape:pagecheckerboard="0" - showgrid="false" - inkscape:zoom="37.125" - inkscape:cx="12" - inkscape:cy="12.013468" - inkscape:window-width="1920" - inkscape:window-height="1053" - inkscape:window-x="0" - inkscape:window-y="0" - inkscape:window-maximized="1" - inkscape:current-layer="svg12" /> - <path - stroke="none" - d="M0 0h24v24H0z" - fill="none" - id="path2" /> - <path - d="M 10,12 H 3 L 6,9 m 0,6 -3,-3" - id="path4" - style="stroke:#ffeede" /> - <path - d="m 14,12 h 7 L 18,9 m 0,6 3,-3" - id="path6" - style="stroke:#ffeede" /> - <path - d="M 3,6 V 3 h 18 v 3" - id="path8" - style="stroke:#ffeede" /> - <path - d="m 3,18 v 3 h 18 v -3" - id="path10" - style="stroke:#ffeede" /> -</svg> diff --git a/src/index.md b/src/index.md index 72a162a..5cd10f8 100644 --- a/src/index.md +++ b/src/index.md @@ -3,6 +3,8 @@ My name is Kamen and I'm a big computer nerd, currently studying in university. I post whatever seems fun or interesting, but most of the stuff are software oriented. Have a look around and enjoy your stay. +**If you have accessibility issues with the website, try out [tiny.syndamia.com](https://tiny.syndamia.com)! For more info [here](/accessibility.html).** + <a class="borderless" href="https://creativecommons.org/licenses/by-sa/4.0/"><img class="borderless unzoomable" src="/img/cc-by-sa-small.svg" alt="CC BY-SA"></a> <a class="borderless" href="https://www.gnu.org/licenses/gpl-3.0.html"><img class="borderless unzoomable" src="/img/gnugpl.png" alt="GNU GPL"></a> <a class="borderless" href="/about"><img class="borderless unzoomable" src="/img/email.gif" alt="Email Me!"></a> @@ -21,14 +23,10 @@ I post whatever seems fun or interesting, but most of the stuff are software ori About the website -: [Website policies](/policies.html) || [Detailed usage of JavaScript](/regarding-js.html) || [License](/license.html) || [Acknowledgements](/acknowledgements.html) +: [Accessibility](/accessibility.html) | [Privacy policy](/privacy.html) | [Usage of JavaScript](/regarding-js.html) | [Licenses](/license.html) | [Acknowledgements](/acknowledgements.html) Hosted data -: [Digital preservation (Archives)](/archives) || [Hosted archived websites](/archived-web-hosting) +: [Digital preservation (Archives)](/archives) | [Hosted archived websites](/archived-web-hosting) Content by me -: [Assets](/assets) || [Blog](/blog) || [Tutorials](/tutorials) - -<br> - -*Trouble loading or viewing this page? Try out [tiny.syndamia.com](https://tiny.syndamia.com)!* +: [Assets](/assets) | [Blog](/blog) | [Tutorials](/tutorials) diff --git a/src/license.md b/src/license.md index 891c436..92f3501 100644 --- a/src/license.md +++ b/src/license.md @@ -1,37 +1,12 @@ # License -This project uses two licenses, depending on the content. +This project uses two licenses, depending on the item. -## Content -  -<a href="https://creativecommons.org/licenses/by-sa/4.0/"> - <img class="unzoomable" src="/img/cc-by-sa-small.svg"> -</a> +For articles and pictures/diagrams/etc. that have been made by me, the license is [CC BY-SA](https://creativecommons.org/licenses/by-sa/4.0/) (also found in [LICENSE-CONTENT](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE-CONTENT)). +Everything under [assets](/assets), unless stated otherwise, also falls in this category. -[CC BY-SA 4.0 International](https://creativecommons.org/licenses/by-sa/4.0/) (also found in [LICENSE-CONTENT](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE-CONTENT) in [GitLab repository](https://gitlab.com/Syndamia/syndamiadotcom)) +For source code, like all JavaScript or AWK generation scripts (those aren't on the website but are in the [repository](https://gitlab.com/Syndamia/syndamiadotcom/-/tree/master/awk-edits)), the license is [GNU GPLv3](https://www.gnu.org/licenses/gpl-3.0.html) (also found in [LICENSE-CODE](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE-CODE)). -<br> +Content in [Archives](/archives) and [Archived Web](/archived-websites) **isn't made by me and it's respective creator must be asked for licensing**. This content is not saved in the [GitLab repository](https://gitlab.com/Syndamia/syndamiadotcom). -This classifies what is read by users, so all articles, and any and all pictures/diagrams/etc. that have been made by me. - -Unless stated otherwise, all items in [Assets](/assets) also fall under this category. - -Content in [Archives](/archives) **does not fall under this category, it is without license**. That is why, this content is not saved in the [GitLab repository](https://gitlab.com/Syndamia/syndamiadotcom). - -## Code -  -<a href="https://www.gnu.org/licenses/gpl-3.0.html"> - <img class="unzoomable" src="./img/gnugpl.png"> -</a> - -[GNU GPLv3 License](https://www.gnu.org/licenses/gpl-3.0.html) (also found in [LICENSE-CODE](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE-CODE) in [GitLab repository](https://gitlab.com/Syndamia/syndamiadotcom)) - -<br> - -This classifies everything else that isn't content, so styling, scripts, etc. - -## Contacting me - -For more information and required assistance with what is categorised as CONTENT and CODE, feel free to open an issue in the source repository ([gitlab.com/Syndamia/syndamadotcom/issues](https://gitlab.com/Syndamia/syndamiadotcom/issues)) or [Contact Me](/about/#contact) casually. - -*If you feel like something is infringing on your own Copyright, please [Contact Me](/about/#contact) immediately with a method, listed under the "Work" column.* +*If you feel like something is infringing on your own Copyright, please contact me immediately with any listed contact channel inside [/about](/about)!* diff --git a/src/policies.md b/src/policies.md deleted file mode 100644 index e5e28cc..0000000 --- a/src/policies.md +++ /dev/null @@ -1,25 +0,0 @@ -# Policies - -These are the fundamental ideals on top of which this website is build upon and the base rules on which it operates. - -## Freedom - -I'm an avid supporter of [free software](https://www.gnu.org/philosophy/free-sw.html) and consequently, this website uses only a **limited handcrafted amount of JavaScript**. - - All content is **fully consumable without JavaScript**. Detailed usage of JavaScript is listed in [Regarding JS](/regarding-js.html) page. - -There is **NO tracking**, **NO data collection** and **NO statistics**. - -All source code is publicly available [on GitLab](https://gitlab.com/Syndamia/syndamiadotcom). - -## Accessibility - -Given the heavy stylization, all content is also available without any CSS over at [tiny.syndamia.com](https://tiny.syndamia.com). - -## Licensing - -This website uses [two licenses](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE): -<ul id="index-list"> - <li><a href="https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE-CONTENT">CC BY-SA 4.0</a> - all content (articles, images, etc.), summary <a href="https://creativecommons.org/licenses/by-sa/4.0/">here</a></li> - <li><a href="https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE-CODE">GNU GPLv3</a> - everything else (code), summary <a href="https://choosealicense.com/licenses/gpl-3.0/">here</a></li> -</ul> diff --git a/src/presentation.css b/src/presentation.css index 2aba6e1..f22d419 100644 --- a/src/presentation.css +++ b/src/presentation.css @@ -6,6 +6,8 @@ padding: 1em; width: 297mm; /* Size of landscape A4 paper */ font-size: 30px; + transform-origin: 0 0; + margin-bottom: 1em; } .absolute-slide { border: none !important; @@ -15,6 +17,7 @@ right: 0; top: 50%; transform: translate(-50%, -50%); + transform-origin: center center; visibility: visible; } .absolute-slide .clicked-image { @@ -25,14 +28,12 @@ /* Stylesheet override */ -article { max-width: calc(297mm + 2em); } - ul, ol { padding-inline-start: 30px; } /* Presentation controller */ #presentCont { margin: 0.5em 0.5em 0.5em 0; } - #presentCont > img { height: 1.4em; } + #presentCont > span { font-size: 1.4em; } /* Presenting mode */ #presentCont { display: initial; } @@ -45,6 +46,7 @@ ul, ol { padding-inline-start: 30px; } max-width: 100%; /* width: auto; */ } + .slide:not(.absolute-slide) img { pointer-events: none; } .slide td { font: inherit; } .slide > *:first-child, .slide > div:only-child > *:first-child, .slide > ul:first-child > li:first-child > *:first-child, @@ -65,9 +67,6 @@ ul, ol { padding-inline-start: 30px; } .clide > * { flex: 1; } .centered { text-align: center; } - .centered h1::after, .centered h2::after, .centered h3::after { - content: " \2550" - } .fright { float: right; text-align: right; } * + .fright { margin-left: 1em; } @@ -120,18 +119,13 @@ absolute-slide {...} */ visibility: visible; z-index: 10; } - #slideIndex { - border: none; - font-size: 1.4em; - vertical-align: middle; - } + #slideIndex { border: none; font-size: 1.6em; } /* Media specific stylings */ @media screen { .slide { border: 1px solid var(--fg-color); - margin-bottom: 1em; } } @@ -139,7 +133,7 @@ absolute-slide {...} */ article, body { border: none !important; margin: 0; - max-width: auto; + max-width: none; padding: 0; } nav, article > :not(.slide), #pagenav { @@ -148,6 +142,7 @@ absolute-slide {...} */ .slide { height: 210mm; width: 297mm; + margin: 0; } } diff --git a/src/privacy.md b/src/privacy.md new file mode 100644 index 0000000..ba6b1c0 --- /dev/null +++ b/src/privacy.md @@ -0,0 +1,32 @@ +# Privacy policy + +This website, [syndamia.com](https://syndamia.com) and [tiny.syndamia.com](https://tiny.syndamia.com), offers no user data submission (user accounts, reply forms, etc.). + +**No data is ever collected to be sold** *but* some data may be collected, primarily [http logs](#http-logs), but [no collection with Javascript](#no-collection-with-javascript). +However, I have no control over the used [third-party services](#third-party-services) + +### HTTP logs + +General HTTP requests and data surrounding them are saved, which may include: IP address, timestamps, exact page request, user agent, etc. +These depend on apache2 defaults. + +One such data line could look something like: + +``` +1.1.1.1 - - [11/Jul/2023:14:28:11 +0300] "GET / HTTP/1.1" 200 668 "-" "Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/113.0" +``` + +These logs could be useful when issues pop up, including server being too slow or being attacked in some way. + +### Third-party services + +My domain is bought with [namecheap](https://www.namecheap.com/) and it's associated DNS entries are managed with namecheap servers. +This means that DNS entries, or more simply, domain configurations, first go through namecheap, and that may or may not mean they can collect data from you. + +Analogously, my server is hosted on [hetzner](https://www.hetzner.com/) servers, which may or may not be doing some sort of data collection. + +### No collection with Javascript + +[This site uses Javascript](/regarding-js.html), so some feature settings data may be temporarily stored in your browser. +For what exactly that data is, read [here](/regarding-js.html#data-in-browser-storage). +However, for now there are no plans on integrating any sort of statistics or personal data collection. diff --git a/src/regarding-js.md b/src/regarding-js.md index 3e60967..9c216d6 100644 --- a/src/regarding-js.md +++ b/src/regarding-js.md @@ -26,8 +26,8 @@ Any user data that might be saved isn't, and never will be, used for purposes no |Key|Values|Description| |---|---|---| -|`theme`|`dark`\|`light`|Saves which theme should be loaded| -|`width`|`norm`\|`wide`|Saves in which width pages should be shown| -|`navbar`|`norm`\|`hidden`|Saves whether the navbar should be expanded or shrunk| +|`theme`|`dark` \| `light`|Saves which theme should be loaded| +|`width`|`norm` \| `wide`|Saves in which width pages should be shown| +|`navbar`|`norm` \| `hidden`|Saves whether the navbar should be expanded or shrunk| <p></p> diff --git a/src/scripts/back-to-top.js b/src/scripts/back-to-top.js index d7222ce..2ca728a 100644 --- a/src/scripts/back-to-top.js +++ b/src/scripts/back-to-top.js @@ -1,13 +1,15 @@ const scrollBtn = document.getElementById('scrollBtn'); -window.onscroll = function() { +function scrollBtnShow() { if (window.scrollY >= 800) { scrollBtn.style.display = 'block'; } else { scrollBtn.style.display = 'none'; } } +window.addEventListener('scroll', scrollBtnShow); +window.addEventListener('load', scrollBtnShow); -scrollBtn.onclick = function() { +scrollBtn.addEventListener('click', function() { window.scrollTo(0, 0); -} +}); diff --git a/src/scripts/expand-navbar.js b/src/scripts/expand-navbar.js index 9ef896f..d97314b 100644 --- a/src/scripts/expand-navbar.js +++ b/src/scripts/expand-navbar.js @@ -2,7 +2,7 @@ const expandBtn = document.getElementById('expandNavbarBtn'); const sidebarElem = document.getElementById('sidebar'); if (localStorage.getItem('navbar') === 'hidden' || window.innerWidth <= 610) { - expandBtn.src = '/img/layout-navbar-expand.svg'; + expandBtn.innerHTML = '▼'; sidebarElem.classList.add('sidebar-hidden'); } @@ -10,11 +10,11 @@ expandBtn.onclick = function() { sidebarElem.classList.toggle('sidebar-hidden'); if (!sidebarElem.classList.contains('sidebar-hidden')) { - expandBtn.src = '/img/layout-navbar-collapse.svg'; + expandBtn.innerHTML = '▲'; // triangle pointing up if (window.innerWidth > 610) localStorage.setItem('navbar', 'norm'); } else { - expandBtn.src = '/img/layout-navbar-expand.svg'; + expandBtn.innerHTML = '▼'; // triangle pointing down if (window.innerWidth > 610) localStorage.setItem('navbar', 'hidden'); } } diff --git a/src/scripts/keyboard.js b/src/scripts/keyboard.js index f618e45..bacbea1 100644 --- a/src/scripts/keyboard.js +++ b/src/scripts/keyboard.js @@ -1,31 +1,7 @@ -const headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6'); -var currentHeading = 0; - document.addEventListener('keydown', function (e) { if (e.ctrlKey) return; switch (e.code) { - case 'KeyG': - currentHeading = (e.shiftKey) ? headings.length - 1 : 0; - headings[currentHeading].scrollIntoView(); - break; - - case 'KeyJ': case 'KeyL': - if (typeof presenting != 'undefined' && presenting) showSlide(+1); - else { - currentHeading = (headings.length + currentHeading + 1) % headings.length; - headings[currentHeading].scrollIntoView(); - } - break; - - case 'KeyK': case 'KeyH': - if (typeof presenting != 'undefined' && presenting) showSlide(-1); - else { - currentHeading = (headings.length + currentHeading - 1) % headings.length; - headings[currentHeading].scrollIntoView(); - } - break; - /* theme-changer.js */ case 'KeyC': @@ -35,23 +11,22 @@ document.addEventListener('keydown', function (e) { /* presentation.js */ // Previous slide - case 'Backspace': case 'PageUp': + case 'KeyK': case 'Backspace': case 'PageUp': case 'ArrowLeft': case 'ArrowUp': showSlide(-1); break; // Next slide - case 'Space': case 'Enter': case 'PageDown': - + case 'KeyJ': case 'Space': case 'Enter': case 'PageDown': case 'ArrowRight': case 'ArrowDown': showSlide(+1); break; // Start (toggle) presenting case 'KeyP': case 'KeyT': - presentBtn.click(); + togglePresentMode(); break; // Exit presentation case 'Escape': - if (presenting) presentBtn.click(); + if (presenting) togglePresentMode(); break; // Go to first slide case 'Home': diff --git a/src/scripts/page-width.js b/src/scripts/page-width.js index 38add7c..6d700d0 100644 --- a/src/scripts/page-width.js +++ b/src/scripts/page-width.js @@ -2,7 +2,7 @@ const widthBtn = document.getElementById('changeWidthBtn'); const articleElem = document.getElementsByTagName('article')[0]; if (localStorage.getItem('width') === 'wide') { - widthBtn.src = '/img/viewport-narrow.svg'; + widthBtn.innerHTML = 'Narrow<br>article'; articleElem.classList.add('noMaxWidth'); } @@ -10,11 +10,11 @@ widthBtn.onclick = function() { articleElem.classList.toggle('noMaxWidth'); if (localStorage.getItem('width') !== 'norm') { - widthBtn.src = '/img/viewport-wide.svg'; + widthBtn.innerHTML = 'Wide<br>article'; localStorage.setItem('width', 'norm'); } else { - widthBtn.src = '/img/viewport-narrow.svg'; + widthBtn.innerHTML = 'Narrow<br>article'; localStorage.setItem('width', 'wide'); } } diff --git a/src/scripts/presentation.js b/src/scripts/presentation.js index 425815c..049d9e6 100644 --- a/src/scripts/presentation.js +++ b/src/scripts/presentation.js @@ -57,21 +57,30 @@ const articleBtn = document.getElementById('articleBtn'); var pageY = 0; var pageX = 0; -presentBtn.addEventListener('click', function() { +function togglePresentMode() { + if (document.styleSheets.item(3).disabled) return; + // Hide the whole page document.body.classList.toggle('invisible'); document.body.classList.toggle('no-overflow'); // Fix background color document.body.classList.toggle('body-bg-color'); + // Show the slide controller presentCont.classList.toggle('absolute-cont'); - prevSlideBtn.classList.toggle('nodisplay'); - slideIndexShow.classList.toggle('nodisplay'); - nextSlideBtn.classList.toggle('nodisplay'); - articleBtn.classList.toggle('nodisplay'); - printBtn.classList.toggle('nodisplay'); + for (var i = presentCont.children.length - 1; i >= 0; i--) { + if (i == 4) continue; // presentBtn + presentCont.children[i].classList.toggle('nodisplay'); + } + presentBtn.classList.toggle('setting-btn'); + if (presentBtn.innerHTML[0] === 'P') { + presentBtn.innerHTML = presentBtn.innerHTML.substr(8); + } else { + presentBtn.innerHTML = 'Present ' + presentBtn.innerHTML; + } // Show the first slide slides[slideIndex].classList.toggle('absolute-slide'); + // Alignment of presentation to screen if (presenting) { window.scrollTo(pageX, pageY); @@ -79,26 +88,51 @@ presentBtn.addEventListener('click', function() { else { pageY = window.scrollY; pageX = window.scrollX; window.scrollTo(0, 0); - fixAbsoluteSlideScale(); } - presenting = !presenting; -}); + fixAbsoluteSlideScale(); +} +presentBtn.addEventListener('click', togglePresentMode); function fixAbsoluteSlideScale() { - var scale = Math.min(window.innerHeight / slides[0].offsetHeight, window.innerWidth / slides[0].offsetWidth); + var height = (presenting) ? window.innerHeight : articleElem.offsetHeight; + var width = (presenting) ? window.innerWidth : articleElem.offsetWidth - 32; + var scale = Math.min(height / slides[0].offsetHeight, width / slides[0].offsetWidth); + // Update .slide + document.styleSheets.item(3).cssRules[0].style.transform = 'scale(' + scale + ')'; + document.styleSheets.item(3).cssRules[0].style.marginBottom = 'calc(1em - ' + slides[0].offsetHeight + 'px * ' + (1 - scale) + ')'; // Update .absolute-slide document.styleSheets.item(3).cssRules[1].style.transform = 'translate(-50%, -50%) scale(' + scale + ')'; // Update .clicked-image document.styleSheets.item(3).cssRules[2].style.transform = 'translate(-50%, -50%) scale(' + (1/scale) + ')'; } window.addEventListener('resize', fixAbsoluteSlideScale); +window.addEventListener('load', fixAbsoluteSlideScale); /* Show as article button */ -articleBtn.addEventListener('click', function() { +function toggleArticleMode() { printBtn.classList.toggle('nodisplay'); presentBtn.classList.toggle('nodisplay'); // Toggle presentation.css document.styleSheets.item(3).disabled = !document.styleSheets.item(3).disabled; + + // Add a=y to url when in article mode + var url = window.location.href.substring(0, window.location.href.indexOf('?')); + if (document.styleSheets.item(3).disabled) url += '?a=y'; + url += window.location.href.substr(window.location.href.indexOf('#')); + + window.history.replaceState(history.state, document.title, url); + + // Fix message + if (articleBtn.innerHTML[0] === 'A') { + articleBtn.innerHTML = 'Slide' + articleBtn.innerHTML.substr(7); + } else { + articleBtn.innerHTML = 'Article' + articleBtn.innerHTML.substr(5); + } +} +articleBtn.addEventListener('click', toggleArticleMode); +window.addEventListener('load', function() { + if (window.location.href.substr(window.location.href.indexOf('?'), 4) === '?a=y') + toggleArticleMode(); }); diff --git a/src/scripts/theme-changer.js b/src/scripts/theme-changer.js index 39eedc9..94eb61f 100644 --- a/src/scripts/theme-changer.js +++ b/src/scripts/theme-changer.js @@ -1,19 +1,17 @@ const themeBtn = document.getElementById('changeThemeBtn'); if (darkThemeStyle.disabled) - themeBtn.src = '/img/moon.svg'; - -themeBtn.style.display = 'initial'; + themeBtn.innerHTML = 'Dark<br>theme'; themeBtn.onclick = function() { darkThemeStyle.disabled = !darkThemeStyle.disabled; if (localStorage.getItem('theme') !== 'light') { - themeBtn.src = '/img/moon.svg'; + themeBtn.innerHTML = 'Dark<br>theme'; localStorage.setItem('theme', 'light'); } else { - themeBtn.src = '/img/sun.svg'; + themeBtn.innerHTML = 'Light<br>theme'; localStorage.setItem('theme', 'dark'); } } diff --git a/src/software.md b/src/software.md index 473e64a..37722dc 100644 --- a/src/software.md +++ b/src/software.md @@ -2,7 +2,13 @@ This is a curated list of the more relevant software projects I've made or heavily contributed to - <br> +<br> + +[gitlab / texty-office](https://gitlab.com/Syndamia/texty-office) + [gitlab / texty-office.vim](https://gitlab.com/Syndamia/texty-office.vim) +: An imperfect converter from DOCX, PPTX and XLSX to normal text with it's associated [Vim](https://www.vim.org/) plugin. <br> `GNU GPLv3` & `MIT` | `C++` `vimscript` | `Office file` `converter` `plugin` `Vim` `CLI tool` + +[gitlab / small-web-utilities](https://gitlab.com/Syndamia/small-web-utilities)   *maintained* +: A collection of small but fast utilities, like a checklist, that work locally on your browser. Also hosted [here](https://utils.syndamia.com). <br> `GNU GPLv3` | `HTML` `Javascript` | `checklist` `utilities` [gitlab / ss-law](https://gitlab.com/Syndamia/ss-law) + [github / ss-law](https://github.com/Syndamia/ss-law)   *maintained* : A small, lightweight and simple static site generation system, extracted as a template from my own <br> `Markdown` `bash` `awk` | `ssg` `lowdown` `static site generator` `pipelines` diff --git a/src/software/index.md b/src/software/index.md index 473e64a..37722dc 100644 --- a/src/software/index.md +++ b/src/software/index.md @@ -2,7 +2,13 @@ This is a curated list of the more relevant software projects I've made or heavily contributed to - <br> +<br> + +[gitlab / texty-office](https://gitlab.com/Syndamia/texty-office) + [gitlab / texty-office.vim](https://gitlab.com/Syndamia/texty-office.vim) +: An imperfect converter from DOCX, PPTX and XLSX to normal text with it's associated [Vim](https://www.vim.org/) plugin. <br> `GNU GPLv3` & `MIT` | `C++` `vimscript` | `Office file` `converter` `plugin` `Vim` `CLI tool` + +[gitlab / small-web-utilities](https://gitlab.com/Syndamia/small-web-utilities)   *maintained* +: A collection of small but fast utilities, like a checklist, that work locally on your browser. Also hosted [here](https://utils.syndamia.com). <br> `GNU GPLv3` | `HTML` `Javascript` | `checklist` `utilities` [gitlab / ss-law](https://gitlab.com/Syndamia/ss-law) + [github / ss-law](https://github.com/Syndamia/ss-law)   *maintained* : A small, lightweight and simple static site generation system, extracted as a template from my own <br> `Markdown` `bash` `awk` | `ssg` `lowdown` `static site generator` `pipelines` diff --git a/src/styles.css b/src/styles.css index 04425e0..a4b1b9d 100644 --- a/src/styles.css +++ b/src/styles.css @@ -62,7 +62,7 @@ --bg-selection-color: #338fff; --blockquote-color: #6a737d; --blockquote-border-color: #dfe2e5; - --body-bg: #dbdbdb; + --body-bg: #ebe3d2; --border-color: black; --code-bg-color: var(--hi-bg); --em-color: black; @@ -109,14 +109,19 @@ /* Global */ +@font-face { + font-family: 'Tabler'; + src: url('/font/tabler-icons-subset.ttf') format('truetype'); +} + body { background-color: var(--body-bg); border-color: var(--border-color); color: var(--fg-color); min-height: calc(100vh - 16px); } - nav, article { background-color: var(--bg-color); } - body, td, th { font: 18px sans-serif; } + nav, article { background-color: var(--bg-color); } + body, td, th { font-size: 18px; font-family: 'Tabler', sans-serif; } * { line-height: 1.3em; } img { @@ -131,8 +136,17 @@ img { .file-icon { min-width: 1.3em; vertical-align: text-bottom; } .borderless, .oldschool-badge, .file-icon { border: none; } - .setting-btn { border: none; vertical-align: middle; } + .btn, .h-anchor { + /* Thanks https://stackoverflow.com/a/4407335/12036073 */ + -webkit-touch-callout: none; /* iOS Safari */ + -webkit-user-select: none; /* Safari */ + -khtml-user-select: none; /* Konqueror HTML */ + -moz-user-select: none; /* Old versions of Firefox */ + -ms-user-select: none; /* Internet Explorer/Edge */ + user-select: none; + } .btn:hover { cursor: pointer; } + .btn:active { transform: scale(0.9); } /* image-show.js */ .clicked-image { @@ -181,18 +195,13 @@ h1, h2, h3, h4, h5, h6 { h1 { display: block; font-size: 1.7em; margin-block-end: 0.5em; } h2 { margin-top: 2.5em; } h3 { margin-top: 2em; } - - .h-anchor { border: none !important; display: inline; } - .h-anchor img { border: none; height: 1.3em; vertical-align: text-bottom; } - .h-anchor img, .icon, .file-icon, .file-wrapper > summary { - /* Since link images are made for dark mode, and have a white-ish - * foreground, this filter makes them black (when in light mode) - */ - filter: invert(1) brightness(0); - } h1 + *, h1 ~ h1, h2 + a + *, h3 + a + *, h4 + a + *, h5 + a + *, h6 + a + * { margin-top: 0; } + .h-anchor { color: var(--fg-color); border: none; } + /* Slightly smaller than browser defaults https://stackoverflow.com/a/70720104/12036073 */ + h2 + .h-anchor { font-size: 1.4em; } + h3 + .h-anchor { font-size: 1.1em; } /* The following CSS is a modified version of sindresorhus's github-markdown-css repo: https://github.com/sindresorhus/github-markdown-css */ code, pre { @@ -219,8 +228,8 @@ code, pre { word-wrap: normal; } pre > code { - white-space: pre; - word-break: normal; + white-space: pre-wrap; + word-break: break-all; padding-right: 0.9em; } table code { @@ -311,7 +320,6 @@ dt, dd { #sidebar > :not(:first-child) { margin-top: 1.5rem; } #sidebar a { border: none; } - #header, #footer { font-family: Arial; } #header { border-right: none; font-size: 1.5em; @@ -325,7 +333,16 @@ dt, dd { border-bottom: none; margin: 0.58em 0 1em 0; font-size: 1.2em; + line-height: 1em; } + .setting-btn { + text-align: center; + display: inline-block; + line-height: 1em; + border: 1px solid var(--border-color); + padding: 0.2em 0.3em 0.4em; + } + #settingsWrapper > .setting-btn { font-size: 0.5em; } #footer { font-size: 0.7em; overflow-x: hidden; @@ -335,7 +352,7 @@ dt, dd { #footer > * { white-space: nowrap; } /* expand-navbar.js */ - #expandNavbarBtn { float: right; margin: 0.25em 0 0 1em; } + #expandNavbarBtn { float: right; margin-left: 1em; } .sidebar-hidden { min-height: auto; position: absolute; } .sidebar-hidden > :not(#header) { display: none; } .sidebar-hidden + .noMaxWidth { margin-top: 6em; } @@ -359,19 +376,18 @@ dt, dd { font-size: 0.8em; margin: 0 0 3rem 2rem; } - #pagenav > * { - white-space: nowrap; - } + #pagenav > * { white-space: nowrap; } + #pagenav + h2, #pagenav + h3, #pagenav + h4 { margin-top: 0; } /* back-to-top.js */ #scrollBtn { - background-color: transparent; - bottom: 1em; + background-color: var(--bg-color); + bottom: 1rem; border: 1px solid; display: none; - font-size: 1rem; + font-size: 1.66rem; position: fixed; - padding: 0.3em; - right: 1em; + padding: 0 0.15em; + right: 1rem; transition-duration: 0.5s; z-index: 1; } @@ -404,12 +420,13 @@ dt, dd { #about-image { float: right; margin-right: 1em; + margin-top: 2em; max-width: 7.6em; } /* Small screen support */ -@media screen and (max-width: 610px) { +@media screen and ((max-width: 610px) or (max-height: 610px)) { article { border-top: none; max-width: calc(100vw - 16px - 3px); @@ -418,6 +435,7 @@ dt, dd { #about-image { max-width: 4.38em; } + #content-wrapper { flex-direction: column; } #sidebar { max-width: initial; margin: 0; @@ -445,6 +463,7 @@ dt, dd { } pre, code { white-space: pre-wrap !important; } + .slide, .absolute-slide { transform: none !important; margin: 0; } } /* presentation.js */ @@ -452,19 +471,10 @@ dt, dd { /* File tables */ .file-wrapper { margin: 0.5em 0; } - .file-wrapper > summary { - background: url('/img/folder-plus.svg') no-repeat left top; - list-style: none; - padding-left: 1.5em; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - } - .file-wrapper[open] > summary { - background: url('/img/folder-minus.svg') no-repeat left top; - } - .file-wrapper > summary:hover { cursor: pointer; } + .file-wrapper > summary { list-style: none; } + .file-wrapper > summary::before { content: '\FF0B'; } + .file-wrapper[open] > summary::before { content: '\FF0D'; } + .file-wrapper > summary:hover { cursor: pointer; } .file-wrapper > .file-list { margin-left: 1.5em; } .file-list { |
