Update style according to new rules

This commit is contained in:
Knah Tsaeb 2025-03-19 10:01:58 +01:00
parent ad96ebfe89
commit b2124b5599
19 changed files with 670 additions and 628 deletions

View file

@ -450,15 +450,13 @@ class FileAndDir {
}
if ($this->config['showShareLink'] === true) {
$shareLink = '## Share link';
$shareLink = '#### Share link';
$listLink = '
<p>
<ul>
<li><a href="#" onclick="copiedText(this);return false;">Copy thumbnail link</a> : <input class="urlToCopy" value="' . $this->appUrl . '/createthumb.php?filename=' . (urlencode($this->currentDir . '/' . $img)) . '"></li>
<li><a href="#" onclick="copiedText(this);return false;">Copy full link</a> : <input class="urlToCopy" value="' . $this->appUrl . '/' . $this->currentDir . '/' . $img . '"></li>
<li><a href="#" onclick="copiedText(this);return false;">Copy markdown link</a> : <input class="urlToCopy" value="[![](' . $this->appUrl . '/createthumb.php?filename=' . (urlencode($this->currentDir . '/' . $img)) . ')](' . $this->appUrl . '/' . $this->currentDir . '/' . $img . ')"></li>
</ul>
</p>';
</ul>';
}
if (empty($exifData) && empty($mdContent) && empty($shareLink)) {
@ -477,7 +475,7 @@ class FileAndDir {
$converter = new MarkdownConverter($environment);
if (!empty($exifData)) {
$exifData = "\n" . '## Exif' . "\n" . $exifData;
$exifData = "\n" . '#### Exif' . "\n" . $exifData;
}
$mdContent = $mdContent . "\n" . $exifData . "\n" . $shareLink;

3
bin/default-asset.list Normal file
View file

@ -0,0 +1,3 @@
public/templates/default/assets/icons/ui-arrow-up.svg
public/templates/default/assets/icons/ui-light-dark.svg
ressources/nanogal_opti.svg

38
bin/deploy.php Normal file
View file

@ -0,0 +1,38 @@
<?php
$options = getopt('o:');
$operation = $options['o'] ?? null;
if (!$operation) {
echo "\n Error: Missing operation type, use -o with param (copyCSS).\n\n";
exit(1);
}
if ($operation === 'copyCSS') {
Deploy::copyRessource('css');
}
class Deploy {
private static $cssFile = [
'kt-scheme.min.css' => 'vendor/knah-tsaeb/kt-color-scheme/public/assets/css/kt-scheme.min.css',
'kt-rules.min.css' => 'vendor/knah-tsaeb/kt-color-scheme/public/assets/css/kt-rules.min.css'
];
private static $baseDestPath = 'public/templates/default/assets/';
static function copyRessource($type) {
if (!is_dir(self::$baseDestPath . $type)) {
echo "\n Error: destination dir ('".self::$baseDestPath.$type."/') does not exist, please create it before run composer update/install \n \n\n";
exit(1);
}
foreach (self::${$type . 'File'} as $fileName => $file) {
if (file_exists($file)) {
copy($file, self::$baseDestPath . $type . '/' . $fileName);
}
}
exit(0);
}
}

View file

@ -16,26 +16,14 @@
}
},
"scripts": {
"copy-css": "php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/css/kt-scheme.css', 'public/templates/default/assets/css/kt-scheme.css');\"",
"copy-icons": [
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/file-audio.svg', 'public/templates/default/assets/icons/file-audio.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/file-block.svg', 'public/templates/default/assets/icons/file-block.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/file-broken.svg', 'public/templates/default/assets/icons/file-broken.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/filetype-doc.svg', 'public/templates/default/assets/icons/file-doc.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/file-unknown.svg', 'public/templates/default/assets/icons/file-other.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/filetype-pdf.svg', 'public/templates/default/assets/icons/file-pdf.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/file-pres.svg', 'public/templates/default/assets/icons/file-pres.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/file-spread.svg', 'public/templates/default/assets/icons/file-spread.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/file-text.svg', 'public/templates/default/assets/icons/file-text.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/file-video.svg', 'public/templates/default/assets/icons/file-video.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/file-zip.svg', 'public/templates/default/assets/icons/file-zip.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/folder-empty.svg', 'public/templates/default/assets/icons/folder-empty.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/ui-light-dark.svg', 'public/templates/default/assets/icons/ui-light-dark.svg');\"",
"php -r \"copy('vendor/knah-tsaeb/kt-color-scheme/public/assets/icons/ui-arrow-up.svg', 'public/templates/default/assets/icons/ui-arrow-up.svg');\""
],
"build-sprite": "php vendor/knah-tsaeb/kt-color-scheme/bin/svg_sprite_generator.php -f public/templates/default/svg-preset -o public/templates/default/assets/icons/sprite.svg"
"copyCSS": "php bin/deploy.php -o copyCSS",
"buildSprite": "php vendor/knah-tsaeb/kt-color-scheme/bin/svg_sprite_generator.php -f bin/default-asset.list -o public/assets/sprites/default.svg",
"post-update-cmd": [
"@copyCSS",
"@buildSprite"
]
},
"require-dev": {
"knah-tsaeb/kt-color-scheme": "^0.2.0"
"knah-tsaeb/kt-color-scheme": "^1.0.0"
}
}

View file

@ -1,19 +1,23 @@
function switchTheme(e) {
const toggleDarkMode = document.querySelectorAll('.toggle-dark-mode');
toggleDarkMode.forEach(link => {
link.addEventListener('click', function (event) {
let actualTheme = document.documentElement.getAttribute('data-theme');
if (actualTheme === null) {
actualTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
}
if (actualTheme === null || actualTheme === 'light') {
document.documentElement.setAttribute('data-theme', 'dark');
localStorage.setItem('theme', 'dark');
document.documentElement.setAttribute('data-theme', 'dark');
localStorage.setItem('theme', 'dark');
} else {
document.documentElement.setAttribute('data-theme', 'light');
localStorage.setItem('theme', 'light');
document.documentElement.setAttribute('data-theme', 'light');
localStorage.setItem('theme', 'light');
}
return false;
}
const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null;
if (currentTheme) {
document.documentElement.setAttribute('data-theme', currentTheme);
}
});
});
copiedText = function copyText(e) {
navigator.clipboard.writeText(e.nextElementSibling.value);

View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg"><symbol version="1.1" id="ui-arrow-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M22 45c0 4 4.006 4 4 0V7.3l14.232 14.349c2.75 2.789 5.577.194 2.948-2.709C37.477 12.913 31.706 6.964 26 .94c-.595-.586-1.277-.953-2-.94-.77.01-1.432.364-2 .94l-17.18 18c-2.63 2.903.199 5.498 2.948 2.708L22 7.3z"/></symbol><symbol id="ui-light-dark" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 0C10.769 0 0 10.769 0 24s10.769 24 24 24c12.235 0 22.356-9.21 23.813-21.059.118-.964.187-1.945.187-2.941 0-.965-.064-1.916-.176-2.852a24 24 0 00-.023-.185 23.84 23.84 0 00-.524-2.8 23.767 23.767 0 00-.869-2.743 24 24 0 00-.056-.145 23.909 23.909 0 00-1.157-2.515 24 24 0 00-.066-.127 24.025 24.025 0 00-1.412-2.291 24 24 0 00-.254-.356 24.15 24.15 0 00-1.557-1.941 24 24 0 00-.304-.336 24.251 24.251 0 00-1.774-1.727 24 24 0 00-.35-.3 24.137 24.137 0 00-2.11-1.602 24 24 0 00-.179-.115 24.01 24.01 0 00-2.36-1.371 24 24 0 00-.071-.041 24 24 0 00-.004.002A23.841 23.841 0 0024 0zm0 4c2.355 0 4.611.408 6.707 1.15A24 24 0 0021.434 24a24 24 0 009.277 18.85A20.038 20.038 0 0124 44C12.93 44 4 35.07 4 24S12.93 4 24 4z"/>
</symbol><symbol version="1.1" id="nanogal-logo" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.59041 0 0 .59042 -37.947 -69.02)"><path d="M105 125.478l32.15 32.15L105 189.776l-32.15-32.15z" fill="red" fill-opacity="0" stroke="#000" stroke-width="2.377"/><path d="M77.916 123.473a7.163 7.163 0 00-7.179 7.178v53.908a7.164 7.164 0 007.18 7.179h53.907a7.163 7.163 0 007.179-7.179v-53.908a7.163 7.163 0 00-7.179-7.178zm-.113 2.475h54.134a4.603 4.603 0 014.613 4.612v54.134a4.603 4.603 0 01-4.613 4.613H77.803a4.603 4.603 0 01-4.613-4.613V130.56a4.603 4.603 0 014.613-4.612z" fill="#cc2027" stroke-width=".264"/><path d="M125.872 157.627A20.872 20.872 0 01105 178.5a20.872 20.872 0 01-20.872-20.873A20.872 20.872 0 01105 136.755a20.872 20.872 0 0120.872 20.872z" fill="none" stroke="#000" stroke-width="2.338"/><ellipse cx="105" cy="142.397" rx="9.621" ry="9.704" transform="translate(0 15.23)" fill="#030101" stroke-width="2.197"/><circle cx="128.534" cy="119.421" r="3.173" transform="translate(0 15.23)"/><circle cx="111.946" cy="135.633" r="4.596" transform="translate(0 15.23)" fill="#fff"/><g fill="red" stroke="#000" fill-opacity="0" stroke-width="2.361"><path d="M73.21 197.016h-2.614a5.133 5.133 0 01-5.144-5.144v-2.608m78.937-.012v2.62a5.133 5.133 0 01-5.144 5.144h-2.59m.004-78.937h2.587a5.133 5.133 0 015.144 5.144v2.552"/><path d="M65.452 125.787v-2.564a5.133 5.133 0 015.144-5.144h2.607" fill="none"/></g></g></symbol></svg>

After

(image error) Size: 2.6 KiB

View file

@ -1,12 +1,9 @@
## Demo
Here is an example of text you can display as an introduction to a gallery.
To display this message, simply create a text file named `note.md` in the root of your gallery directory. You can then write its content in [Markdown](https://en.wikipedia.org/wiki/Markdown) using any text editor.
Here is an example of text you can display as an introduction to a gallery. To display this message, simply create a text file named `note.md` in the root of your gallery directory. You can then write its content in [Markdown](https://en.wikipedia.org/wiki/Markdown) using any text editor.
To customize the folder image, simply place an image file in the root of your gallery and name it `folder.jpg`.
### Don't remove this folder
For hidding the demo folder, edit your config file (datas/config.php) and add `Demo` in `skipObjects`.
@ -15,6 +12,5 @@ For hidding the demo folder, edit your config file (datas/config.php) and add `D
---
For this demo, we use [2014-04-29 01 Northwestern crow (Corvus brachyrhynchos caurinus).jpg from Wikipedia](https://commons.wikimedia.org/wiki/File:2014-04-29_01_Northwestern_crow_(Corvus_brachyrhynchos_caurinus).jpg);
Attribution : [Gordon Leggett](https://commons.wikimedia.org/wiki/User:GRDN711) / Wikimedia Commons / CC BY-SA 4.0
For this demo, we use [2014-04-29 01 Northwestern crow (Corvus brachyrhynchos caurinus).jpg from Wikipedia](https://commons.wikimedia.org/wiki/File:2014-04-29_01_Northwestern_crow_(Corvus_brachyrhynchos_caurinus).jpg);
Attribution : [Gordon Leggett](https://commons.wikimedia.org/wiki/User:GRDN711) / Wikimedia Commons / CC BY-SA 4.0

View file

@ -1,337 +1,14 @@
/* RESET CSS BY Piccalil.li */
/* https://piccalil.li/blog/a-more-modern-css-reset/ */
/* License https://creativecommons.org/licenses/by/3.0/ */
header[role="banner"],
.banner {
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Prevent font size inflation */
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin-block-end: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
list-style: none;
}
/* Set core body defaults */
body {
min-height: 100vh;
line-height: 1.5;
}
/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
h4,
h5,
h6,
button,
input,
label {
line-height: 1.1;
}
/* Balance text wrapping on headings */
h1,
h2,
h3,
h4,
h5,
h6 {
text-wrap: balance;
margin: calc(var(--default-space)*2) 0;
}
/* Make images easier to work with */
/*img,
picture {
max-width: 100%;
display: block;
}*/
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font-family: inherit;
font-size: inherit;
}
/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
min-height: 10em;
}
/* Anything that has been anchored to should have extra scroll margin */
:target {
scroll-margin-block: 5ex;
}
html {
scroll-behavior: smooth;
}
body {
width: 80vw;
margin: 0 auto;
min-height: 100dvh;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
header {
background-color: transparent;
h1 {
font-size: calc(var(--font-size) * 1.6);
margin: 0;
}
h1 a {
color: var(--primary);
text-decoration: underline transparent;
text-decoration-thickness: var(--default-space);
transition: 0.4s;
}
h1 a:hover {
color: var(--primary-lighten);
text-decoration: underline var(--primary);
text-decoration-thickness: var(--default-space);
& hgroup img,
& hgroup svg {
vertical-align: middle;
display: inline;
background-color: var(--background-color-light);
}
}
nav {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
nav ul {
display: flex;
gap: calc(var(--default-space) * 2);
flex-wrap: wrap;
padding: 0;
margin: 0;
a {
color: var(--primary-lighten);
font-weight: normal;
padding: 0;
}
}
nav li {
margin: var(--default-space);
list-style: none;
font-size: calc(var(--font-size) * 1.2);
}
.breadcrumb {
li {
margin: auto 0;
}
& li:not(:last-child)::after {
content: " > ";
}
ul {
gap: 0;
}
}
#toggleDarkMode {
fill: var(--primary);
height: var(--font-size);
transition: 0.4s;
}
#toggleDarkMode:hover {
fill: var(--primary-lighten);
}
a {
color: var(--primary);
font-weight: bold;
text-decoration: none;
text-decoration: underline transparent;
text-decoration-thickness: var(--default-space);
transition: 0.4s;
}
a:not(.card-content):hover {
color: var(--primary-lighten);
text-decoration: underline var(--primary);
text-decoration-thickness: var(--default-space);
}
p,
.gslide-description p {
margin: calc(var(--default-space) /1.5) 0;
}
#logo-border-color {
fill: var(--primary) !important;
stroke: none !important;
}
#logo-background-color {
fill: #fff;
stroke: none;
}
.logo {
height: 120px;
vertical-align: middle;
stroke: #000 !important;
}
main,
.message {
max-width: 100%;
margin: 0px auto;
}
.message {
background-color: var(--success);
color: var(--success-text-contrast);
border-radius: 2px;
}
.message>div {
padding: 1rem;
}
img,
svg {
transition: all .2s ease-in;
border: none;
}
article,
section {
color: var(--light-text-color);
background-color: var(--light-background-color);
padding: calc(var(--default-space) * 2);
border: 1px solid var(--background-color-darken);
border-radius: calc(var(--default-space) * 1.2);
margin: calc(var(--default-space) *5) 0;
box-shadow: var(--box-shadow-light);
}
section {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: var(--default-space);
}
figure {
background-color: var(--light-background-color);
display: grid;
grid-template-columns: repeat(1, 1fr);
margin: 0;
padding: 0;
transition: all .2s ease-in;
position: relative;
width: min-content;
svg {
fill: var(--dark-background-color);
}
}
figure a {
display: flex;
}
figcaption {
color: var(--light-text-color);
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
footer {
padding-top: 1em;
text-align: center;
}
footer a {
color: var(--primary);
text-decoration: none;
}
.buildTime {
font-size: 1.1rem;
margin: 0;
}
#backtop {
bottom: 0;
border-radius: 4px;
background-color: var(--primary);
color: var(--text-color-secondary);
display: block;
margin: calc(var(--default-space) * 2.5);
padding: calc(var(--default-space)* 2.5);
position: fixed;
right: 0;
svg {
fill: var(--text-color-secondary);
}
}
#backtop:hover {
color: var(--dark-background-color);
svg {
fill: var(--dark-background-color);
}
}
#legend {
background-color: var(--header-background-color);
flex: none;
max-width: 90%;
width: 100%;
}
.lightbox-container__media {
flex-wrap: wrap;
@ -345,15 +22,30 @@ footer a {
}
.gdesc-inner {
color: var(--text-color-inverse);
color: var(--text-color-light);
word-break: break-word;
}
.gdesc-inner ul {
padding: 0 0 0 1.8em;
padding: 0;
margin: 0;
list-style: none;
}
.glightbox-container .gslide,
.gslide-image img {
user-select: auto;
}
.gslide-description p {
margin: var(--default-space) 0;
}
.glightbox-clean .gslide-desc {
font-size: .8rem;
}
.urlToCopy {
background-color: var(--background-color-auto);
color: var(--text-color-auto);
}

View file

@ -0,0 +1,359 @@
/* RESET CSS BY Piccalil.li */
/* https://piccalil.li/blog/a-more-modern-css-reset/ */
/* License https://creativecommons.org/licenses/by/3.0/ */
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Prevent font size inflation */
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin-block-end: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
list-style: none;
}
/* Set core body defaults */
body {
min-height: 100vh;
line-height: 1.5;
}
/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
h4,
h5,
h6,
button,
input,
label {
line-height: 1.1;
}
/* Balance text wrapping on headings */
h1,
h2,
h3,
h4,
h5,
h6 {
text-wrap: balance;
margin: calc(var(--default-space)*2) 0;
}
/* Make images easier to work with */
/*img,
picture {
max-width: 100%;
display: block;
}*/
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font-family: inherit;
font-size: inherit;
}
/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
min-height: 10em;
}
/* Anything that has been anchored to should have extra scroll margin */
:target {
scroll-margin-block: 5ex;
}
html {
scroll-behavior: smooth;
}
body {
width: 80vw;
margin: 0 auto;
min-height: 100dvh;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
header {
background-color: transparent;
h1 {
font-size: calc(var(--font-size) * 1.6);
margin: 0;
}
h1 a {
color: var(--primary);
text-decoration: underline transparent;
text-decoration-thickness: var(--default-space);
transition: 0.4s;
}
h1 a:hover {
color: var(--primary-lighten);
text-decoration: underline var(--primary);
text-decoration-thickness: var(--default-space);
}
}
nav {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
nav ul {
display: flex;
gap: calc(var(--default-space) * 2);
flex-wrap: wrap;
padding: 0;
margin: 0;
a {
color: var(--primary-lighten);
font-weight: normal;
padding: 0;
}
}
nav li {
margin: var(--default-space);
list-style: none;
font-size: calc(var(--font-size) * 1.2);
}
.breadcrumb {
li {
margin: auto 0;
}
& li:not(:last-child)::after {
content: " > ";
}
ul {
gap: 0;
}
}
#toggleDarkMode {
fill: var(--primary);
height: var(--font-size);
transition: 0.4s;
}
#toggleDarkMode:hover {
fill: var(--primary-lighten);
}
a {
color: var(--primary);
font-weight: bold;
text-decoration: none;
text-decoration: underline transparent;
text-decoration-thickness: var(--default-space);
transition: 0.4s;
}
a:not(.card-content):hover {
color: var(--primary-lighten);
text-decoration: underline var(--primary);
text-decoration-thickness: var(--default-space);
}
p,
.gslide-description p {
margin: calc(var(--default-space) /1.5) 0;
}
#logo-border-color {
fill: var(--primary) !important;
stroke: none !important;
}
#logo-background-color {
fill: #fff;
stroke: none;
}
.logo {
height: 120px;
vertical-align: middle;
stroke: #000 !important;
}
main,
.message {
max-width: 100%;
margin: 0px auto;
}
.message {
background-color: var(--success);
color: var(--success-text-contrast);
border-radius: 2px;
}
.message>div {
padding: 1rem;
}
img,
svg {
transition: all .2s ease-in;
border: none;
}
article,
section {
color: var(--light-text-color);
background-color: var(--light-background-color);
padding: calc(var(--default-space) * 2);
border: 1px solid var(--background-color-darken);
border-radius: calc(var(--default-space) * 1.2);
margin: calc(var(--default-space) *5) 0;
box-shadow: var(--box-shadow-light);
}
section {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: var(--default-space);
}
figure {
background-color: var(--light-background-color);
display: grid;
grid-template-columns: repeat(1, 1fr);
margin: 0;
padding: 0;
transition: all .2s ease-in;
position: relative;
width: min-content;
svg {
fill: var(--dark-background-color);
}
}
figure a {
display: flex;
}
figcaption {
color: var(--light-text-color);
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
footer {
padding-top: 1em;
text-align: center;
}
footer a {
color: var(--primary);
text-decoration: none;
}
.buildTime {
font-size: 1.1rem;
margin: 0;
}
#backtop {
bottom: 0;
border-radius: 4px;
background-color: var(--primary);
color: var(--text-color-secondary);
display: block;
margin: calc(var(--default-space) * 2.5);
padding: calc(var(--default-space)* 2.5);
position: fixed;
right: 0;
svg {
fill: var(--text-color-secondary);
}
}
#backtop:hover {
color: var(--dark-background-color);
svg {
fill: var(--dark-background-color);
}
}
#legend {
background-color: var(--header-background-color);
flex: none;
max-width: 90%;
width: 100%;
}
.lightbox-container__media {
flex-wrap: wrap;
flex-direction: row;
p {
background-color: var(--header-background-color);
width: 100%;
max-width: 90%;
}
}
.gdesc-inner {
color: var(--text-color-inverse);
word-break: break-word;
}
.gdesc-inner ul {
padding: 0 0 0 1.8em;
}
.glightbox-container .gslide,
.gslide-image img {
user-select: auto;
}

File diff suppressed because one or more lines are too long

View file

@ -1,114 +0,0 @@
:root {
color-scheme: dark light;
--primary: #cc2027;
--primary-darken: #8E161B;
--primary-lighten: #D64C52;
--primary-text-contrast: #FFF;
--secondary: #20ccc5;
--secondary-darken: #168E89;
--secondary-lighten: #4CD6D0;
--secondary-text-contrast: #000;
--error: #c43933;
--error-darken: #892723;
--error-lighten: #CF605B;
--error-text-contrast: #FFF;
--info: #206ccc;
--info-darken: #164B8E;
--info-lighten: #4C89D6;
--info-text-contrast: #FFF;
--success: #7dcc20;
--success-darken: #578E16;
--success-lighten: #97D64C;
--success-text-contrast: #000;
--warning: #cc5e20;
--warning-darken: #8E4116;
--warning-lighten: #D67E4C;
--warning-text-contrast: #FFF;
--divider: light-dark(#B2AFAF, #454343);
--background-color: light-dark(#fffbfb, #171414);
--background-color-darken: light-dark(#B2AFAF, #100E0E);
--background-color-lighten: light-dark(#FFFBFB, #454343);
--background-secondary-color: #ebebeb;
--light-background-color: #fffbfb;
--dark-background-color: #171414;
--header-background-color: light-dark(#171414, #fffbfb);
--header-background-color-darken: light-dark(#100E0E, #B2AFAF);
--header-background-color-lighten: light-dark(#454343, #FFFBFB);
--header-text-color: light-dark(#fffbfb, #171414);
--header-text-color-secondary: #ffffffb3;
--header-text-color-disable: var(--divider);
--text-color: light-dark(#171414, #fffbfb);
--text-color-secondary: #ffffffb3;
--text-color-disable: light-dark(#454343, #B2AFAF);
--light-text-color: #171414;
--dark-text-color: #fffbfb;
--text-color-inverse: light-dark(#fffbfb, #171414);
--text-color-secondary-inverse: #ffffffb3;
--text-color-disable-inverse: var(--divider);
--box-shadow-light: .4rem .4rem 0px .1rem #B2AFAF;
--box-shadow-dark: .4rem .4rem 0px .1rem #454343;
--box-shadow-auto: .4rem .4rem 0px .1rem var(--divider);
--h1-color: var(--primary);
--h2-color: #c33d35;
--h3-color: #b94f44;
--h4-color: #ae5e52;
--h5-color: #a16a61;
--h6-color: #927671;
--font-size: 1.2em;
--default-space: .2em;
}
[data-theme="dark"] {
color-scheme: dark;
--background-color: #171414;
--text-color: #fffbfb;
--text-color-inverse: #171414;
}
[data-theme="light"] {
color-scheme: light;
--background-color: #fffbfb;
--text-color: #171414;
--text-color-inverse: #fffbfb;
}
* {
box-sizing: border-box;
}
html {
font-size: var(--font-size);
}
svg {
display: inline-block;
fill: var(--primary);
height: var(--font-size);
vertical-align: middle;
width: auto;
}
.svg-icon {
height: var(--font-size);
vertical-align: middle;
width: auto;
}

View file

@ -0,0 +1 @@
:root{color-scheme:dark light;--text-color-auto:light-dark(#171414, #fffbfb);--text-color-light:#171414;--text-color-dark:#fffbfb;--text-color-inverse-auto:light-dark(var(--text-color-dark), var(--text-color-light));--text-color-inverse-dark:var(--text-color-light);--text-color-inverse-light:var(--text-color-dark);--background-color-auto:light-dark(var(--text-color-dark), var(--text-color-light));--background-color-dark:var(--text-color-light);--background-color-light:var(--text-color-dark);--background-color-inverse-auto:light-dark(var(--text-color-light), var(--text-color-dark));--background-color-inverse-dark:var(--text-color-dark);--background-color-inverse-light:var(--text-color-light);--neutral:#777575;--neutral-medium:#aeadad;--neutral-light:#e9e9e9;--primary:#cc2027;--primary-darken:#8e161b;--primary-lighten:#d64c52;--primary-text-contrast:#fff;--secondary:#20ccc5;--secondary-darken:#168e89;--secondary-lighten:#4cd6d0;--secondary-text-contrast:#000;--error:#c43933;--error-darken:#892723;--error-lighten:#cf605b;--error-text-contrast:#fff;--info:#206ccc;--info-darken:#164b8e;--info-lighten:#4c89d6;--info-text-contrast:#fff;--success:#7dcc20;--success-darken:#578e16;--success-lighten:#97d64c;--success-text-contrast:#000;--warning:#cc5e20;--warning-darken:#8e4116;--warning-lighten:#d67e4c;--warning-text-contrast:#000;--h1-color:var(--primary);--h2-color:#c33d35;--h3-color:#b94f44;--h4-color:#ae5e52;--h5-color:#a16a61;--h6-color:#927671;--box-shadow-auto:.4rem .4rem 0px .1rem light-dark(var(--neutral-medium), var(--neutral));--box-shadow-light:.4rem .4rem 0px .1rem var(--neutral);--box-shadow-dark:.4rem .4rem 0px .1rem var(--neutral-medium);--font-size:1.3em;--default-space:.2rem;--border-radius:.3rem;--button-color:var(--primary-text-contrast);--button-color-outline:var(--primary);--button-background-color:var(--primary-lighten);--button-background-color-hover:var(--primary);--button-border:1px solid var(--primary-lighten);--button-border-hover:var(--primary-darken);--target-blank-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -6 24 28'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6H7a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-5m-6 0l7.5-7.5M15 3h6v6'/%3E%3C/svg%3E")}[data-theme="dark"]{color-scheme:dark}[data-theme="light"]{color-scheme:light}*{box-sizing:border-box}html{background-color:var(--background-color-auto);color:var(--text-color-auto);font-size:var(--font-size)}svg{display:inline-block;fill:var(--primary);height:var(--font-size);width:auto;vertical-align:sub}.svg-icon{height:var(--font-size);width:auto}

File diff suppressed because one or more lines are too long

Before

(image error) Size: 9 KiB

View file

@ -34,7 +34,8 @@ function adaptIconName($defaultIcon) {
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="templates/default/assets/css/kt-scheme.css">
<link rel="stylesheet" href="templates/default/assets/css/kt-scheme.min.css">
<link rel="stylesheet" href="templates/default/assets/css/kt-rules.min.css">
<link href="assets/css/glightbox.min.css" rel="stylesheet">
<link href="templates/default/assets/css/default.css" rel="stylesheet">
<link rel="apple-touch-icon" sizes="57x57" href="/assets/favicons/apple-icon-57x57.png">
@ -56,48 +57,34 @@ function adaptIconName($defaultIcon) {
</head>
<body id="top">
<header>
<nav>
<header class="banner">
<hgroup>
<h1>
<svg class="logo" viewBox="0 0 135.467 135.467" xmlns="http://www.w3.org/2000/svg">
<rect width="85.486" height="85.339" x="25.225" y="25.302" ry="6.619" id="logo-background-color" />
<g transform="translate(-37.267 -74.664)">
<path d="M105 110.248l32.15 32.15L105 174.546l-32.15-32.15z" fill="none" stroke-width="2.377" />
<path
d="M125.872 142.397A20.872 20.872 0 01105 163.27a20.872 20.872 0 01-20.872-20.873A20.872 20.872 0 01105 121.525a20.872 20.872 0 0120.872 20.872z"
fill="none" stroke-width="2.338" />
<ellipse cx="105" cy="142.397" rx="9.621" ry="9.704" fill="#030101" />
<circle cx="128.534" cy="119.421" r="3.173" />
<path id="logo-border-color"
d="M77.916 108.243a7.163 7.163 0 00-7.179 7.178v53.908a7.164 7.164 0 007.18 7.179h53.907a7.163 7.163 0 007.179-7.179v-53.908a7.163 7.163 0 00-7.179-7.178zm-.113 2.475h54.134a4.603 4.603 0 014.613 4.612v54.134a4.603 4.603 0 01-4.613 4.613H77.803a4.603 4.603 0 01-4.613-4.613V115.33a4.603 4.603 0 014.613-4.612z"
fill="#333" />
<circle cx="111.946" cy="135.633" r="4.596" fill="#fff" />
<g fill="none" stroke-width="2.361">
<path
d="M73.37 181.786h-2.615a5.133 5.133 0 01-5.144-5.144v-2.607M144.389 174.023v2.62a5.133 5.133 0 01-5.144 5.143h-2.59M136.658 103.009h2.587a5.133 5.133 0 015.144 5.143v2.553M65.611 110.717v-2.565a5.133 5.133 0 015.144-5.143h2.607" />
</g>
</g>
<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
<title>logo</title>
<use href="assets/sprites/default.svg#nanogal-logo"></use>
</svg><a href="/"><?= $config['title']; ?></a>
</h1>
</hgroup>
<nav role="navigation">
<ul>
<li><a href="<?= $config['website']; ?>">Site</a></li>
</ul>
<ul>
<li><a href="#" onclick="switchTheme();"><svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
<li><a href="#" class="toggle-dark-mode">
<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
<title>ui-light-dark</title>
<use href="templates/default/assets/icons/sprite.svg#ui-light-dark"></use>
</svg></a></li>
<use href="assets/sprites/default.svg#ui-light-dark"></use>
</svg>
</a>
</li>
</ul>
</nav>
</header>
<?php if ($breadcrumb_navigation): ?>
<article>
<nav aria-label="breadcrumb" class="breadcrumb">
<?= $breadcrumb_navigation; ?>
</nav>
</article>
<nav aria-label="breadcrumb" class="breadcrumb">
<?= $breadcrumb_navigation; ?>
</nav>
<?php endif; ?>
<?php if ($folderNote): ?>
@ -114,33 +101,35 @@ function adaptIconName($defaultIcon) {
<main>
<section>
<?php foreach ($listDir as $value) : ?>
<?php foreach ($value as $entry) : ?>
<figure>
<a href="<?= $entry['link']; ?>" class="<?= FileAndDir::addToLightBox($entry['type']); ?> card-content" data-gallery="gallery" data-glightbox="<?= $entry['dataAttr']; ?>">
<?php if ($config['iconsTheme'] !== 'default' || ($entry['type'] === 'file-img' || $entry['type'] === 'folder')): ?>
<img src="<?= $entry['thumb']; ?>" loading="lazy" alt="" width="<?= $config['thumbSize']; ?>" height="<?= $config['thumbSize']; ?>">
<?php else: ?>
<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation" style="height:<?= $config['thumbSize']; ?>px">
<title><?= $entry['type']; ?></title>
<use href="templates/default/assets/icons/sprite.svg#<?= adaptIconName($entry['type']); ?>"></use>
</svg>
<?php endif; ?>
</a>
<figcaption>
<?= $entry['name']; ?>
</figcaption>
<?= $entry['imgCaption']; ?>
</figure>
<div class="flex gallery">
<?php foreach ($listDir as $value) : ?>
<?php foreach ($value as $entry) : ?>
<figure>
<a href="<?= $entry['link']; ?>" class="<?= FileAndDir::addToLightBox($entry['type']); ?>" data-gallery="gallery" data-glightbox="<?= $entry['dataAttr']; ?>">
<?php if ($config['iconsTheme'] !== 'default' || ($entry['type'] === 'file-img' || $entry['type'] === 'folder')): ?>
<img src="<?= $entry['thumb']; ?>" loading="lazy" alt="" width="<?= $config['thumbSize']; ?>" height="<?= $config['thumbSize']; ?>">
<?php else: ?>
<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation" style="height:<?= $config['thumbSize']; ?>px">
<title><?= $entry['type']; ?></title>
<use href="templates/default/assets/icons/sprite.svg#<?= adaptIconName($entry['type']); ?>"></use>
</svg>
<?php endif; ?>
</a>
<figcaption>
<?= $entry['name']; ?>
</figcaption>
<?= $entry['imgCaption']; ?>
</figure>
<?php endforeach; ?>
<?php endforeach; ?>
<?php endforeach; ?>
</div>
</section>
</main>
<a href="#top" id="backtop"><svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
<a href="#" id="back-to-top" role="button">Top <svg viewBox="0 0 48 48" aria-hidden="true" focusable="false" role="presentation">
<title>ui-arrow-up</title>
<use href="templates/default/assets/icons/sprite.svg#ui-arrow-up"></use>
</svg> Top</a>
<use href="assets/sprites/default.svg#ui-arrow-up"></use>
</svg></a>
<footer>
Gallery by <?= $config['author']; ?> /
@ -150,7 +139,7 @@ function adaptIconName($defaultIcon) {
<a href="https://github.com/sebsauvage/MinigalNano" title="Original MiniGal Nano" target="_blank">
MiniGal Nano
</a>
<p class="buildTime">
<p>
<% buildTime %>
</p>
</footer>

View file

@ -1,14 +0,0 @@
public/templates/default/assets/icons/ui-arrow-up.svg
public/templates/default/assets/icons/ui-light-dark.svg
public/templates/default/assets/icons/file-audio.svg
public/templates/default/assets/icons/file-block.svg
public/templates/default/assets/icons/file-broken.svg
public/templates/default/assets/icons/file-doc.svg
public/templates/default/assets/icons/file-other.svg
public/templates/default/assets/icons/file-pdf.svg
public/templates/default/assets/icons/file-pres.svg
public/templates/default/assets/icons/file-spread.svg
public/templates/default/assets/icons/file-text.svg
public/templates/default/assets/icons/file-video.svg
public/templates/default/assets/icons/file-zip.svg
public/templates/default/assets/icons/folder-empty.svg

View file

@ -2,16 +2,16 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 135.46667 135.46667"
width="48"
height="48"
viewBox="0 0 48 48"
version="1.1"
id="svg1"
id="nanogal-logo"
xml:space="preserve"
inkscape:export-filename="nanogal_opti.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="nanogal.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@ -28,12 +28,12 @@
inkscape:document-units="mm"
showguides="true"
inkscape:export-bgcolor="#ffffffff"
inkscape:zoom="2.2980186"
inkscape:cx="183.41888"
inkscape:cy="264.57575"
inkscape:window-width="1920"
inkscape:window-height="1172"
inkscape:window-x="1920"
inkscape:zoom="9.9849221"
inkscape:cx="21.882995"
inkscape:cy="27.84198"
inkscape:window-width="1858"
inkscape:window-height="1171"
inkscape:window-x="60"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="Logo_NanoGall" /><defs
@ -50,7 +50,7 @@
inverse="true"
flatten="false"
hide_clip="false"
message="Utilise la règle de remplissage « fill-rule: evenodd » de la boîte de dialogue &lt;b&gt;Fond et contour&lt;/b&gt; en l'absence de résultat de mise à plat après une conversion en chemin." /><clipPath
message="" /><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath26"><g
inkscape:label="Clip"
@ -62,7 +62,7 @@
inkscape:label="Logo_NanoGall"
inkscape:groupmode="layer"
id="Logo_NanoGall"
transform="translate(-37.266665,-89.894037)"
transform="matrix(0.59041931,0,0,0.59041931,-37.946932,-69.019145)"
style="display:inline"
inkscape:highlight-color="#36a949"><path
id="rotate_frame"
@ -87,7 +87,7 @@
rx="9.6212282"
ry="9.7036562"
transform="translate(-6.8749999e-7,15.230023)" /><circle
style="display:inline;fill:#000000;stroke:none;stroke-opacity:1;fill-opacity:1;stroke-width:0;stroke-dasharray:none"
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0;stroke-dasharray:none;stroke-opacity:1"
id="circle_3"
cx="128.53357"
cy="119.42059"
@ -109,7 +109,7 @@
clip-path="none"
style="display:inline;fill:#ff0000;fill-opacity:0;stroke:#000000;stroke-width:2.36105;stroke-opacity:1"
inkscape:label="bottom_left_corner"
d="m 73.370482,187.88879 h -2.615339 c -2.849724,0 -5.143922,-2.29419 -5.143922,-5.14393 l 10e-7,-2.6076" /><path
d="M 73.210949,187.88879 H 70.59561 c -2.849724,0 -5.143922,-2.29419 -5.143922,-5.14393 l 10e-7,-2.6076" /><path
id="path14"
clip-path="none"
style="display:inline;fill:#ff0000;fill-opacity:0;stroke:#000000;stroke-width:2.36105;stroke-opacity:1"
@ -117,9 +117,9 @@
d="m 144.38879,180.12537 v 2.61949 c 0,2.84974 -2.29419,5.14393 -5.14393,5.14393 h -2.59053" /><path
id="path13"
style="display:inline;fill:#ff0000;fill-opacity:0;stroke:#000000;stroke-width:2.36105;stroke-opacity:1"
d="m 136.65794,109.11122 h 2.58692 c 2.84974,0 5.14393,2.29419 5.14393,5.14392 v 2.55231"
d="m 136.6587,108.95168 h 2.58692 c 2.84974,0 5.14393,2.29419 5.14393,5.14392 v 2.55231"
inkscape:label="top_right_corner" /><path
id="path15"
style="display:inline;fill:none;fill-opacity:0;stroke:#000000;stroke-width:2.36105;stroke-opacity:1"
d="m 65.611221,116.81934 v -2.5642 c 0,-2.84973 2.294198,-5.14392 5.143922,-5.14392 v 0 h 2.60707"
d="m 65.451686,116.6598 v -2.5642 c 0,-2.84973 2.294198,-5.14392 5.143922,-5.14392 v 0 h 2.60707"
inkscape:label="top_left_corner" /></g></g></svg>

Before

(image error) Size: 6.2 KiB

After

(image error) Size: 6 KiB

Before After
Before After

View file

@ -1,18 +1 @@
<svg width="512" height="512" viewBox="0 0 135.467 135.467" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(-37.267 -89.894)">
<path d="M105 125.478l32.15 32.15L105 189.776l-32.15-32.15z" fill="none" stroke="#000" stroke-width="2.377" />
<path
d="M77.916 123.473a7.163 7.163 0 00-7.179 7.178v53.908a7.164 7.164 0 007.18 7.179h53.907a7.163 7.163 0 007.179-7.179v-53.908a7.163 7.163 0 00-7.179-7.178zm-.113 2.475h54.134a4.603 4.603 0 014.613 4.612v54.134a4.603 4.603 0 01-4.613 4.613H77.803a4.603 4.603 0 01-4.613-4.613V130.56a4.603 4.603 0 014.613-4.612z"
fill="#cc2027" />
<path
d="M125.872 157.627A20.872 20.872 0 01105 178.5a20.872 20.872 0 01-20.872-20.873A20.872 20.872 0 01105 136.755a20.872 20.872 0 0120.872 20.872z"
fill="none" stroke="#000" stroke-width="2.338" />
<ellipse cx="105" cy="142.397" rx="9.621" ry="9.704" transform="translate(0 15.23)" fill="#030101" />
<circle cx="128.534" cy="119.421" r="3.173" transform="translate(0 15.23)" />
<circle cx="111.946" cy="135.633" r="4.596" transform="translate(0 15.23)" fill="#fff" />
<g fill="none" stroke="#000" stroke-width="2.361">
<path
d="M73.37 197.016h-2.615a5.133 5.133 0 01-5.144-5.144v-2.607M144.389 189.253v2.62a5.133 5.133 0 01-5.144 5.143h-2.59M136.658 118.239h2.587a5.133 5.133 0 015.144 5.144v2.552M65.611 125.947v-2.564a5.133 5.133 0 015.144-5.144h2.607" />
</g>
</g>
</svg>
<svg version="1.1" id="nanogal-logo" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.59041 0 0 .59042 -37.947 -69.02)"><path d="M105 125.478l32.15 32.15L105 189.776l-32.15-32.15z" fill="red" fill-opacity="0" stroke="#000" stroke-width="2.377"/><path d="M77.916 123.473a7.163 7.163 0 00-7.179 7.178v53.908a7.164 7.164 0 007.18 7.179h53.907a7.163 7.163 0 007.179-7.179v-53.908a7.163 7.163 0 00-7.179-7.178zm-.113 2.475h54.134a4.603 4.603 0 014.613 4.612v54.134a4.603 4.603 0 01-4.613 4.613H77.803a4.603 4.603 0 01-4.613-4.613V130.56a4.603 4.603 0 014.613-4.612z" fill="#cc2027" stroke-width=".264"/><path d="M125.872 157.627A20.872 20.872 0 01105 178.5a20.872 20.872 0 01-20.872-20.873A20.872 20.872 0 01105 136.755a20.872 20.872 0 0120.872 20.872z" fill="none" stroke="#000" stroke-width="2.338"/><ellipse cx="105" cy="142.397" rx="9.621" ry="9.704" transform="translate(0 15.23)" fill="#030101" stroke-width="2.197"/><circle cx="128.534" cy="119.421" r="3.173" transform="translate(0 15.23)"/><circle cx="111.946" cy="135.633" r="4.596" transform="translate(0 15.23)" fill="#fff"/><g fill="red" stroke="#000" fill-opacity="0" stroke-width="2.361"><path d="M73.21 197.016h-2.614a5.133 5.133 0 01-5.144-5.144v-2.608m78.937-.012v2.62a5.133 5.133 0 01-5.144 5.144h-2.59m.004-78.937h2.587a5.133 5.133 0 015.144 5.144v2.552"/><path d="M65.452 125.787v-2.564a5.133 5.133 0 015.144-5.144h2.607" fill="none"/></g></g></svg>

Before

(image error) Size: 1.4 KiB

After

(image error) Size: 1.4 KiB

Before After
Before After

View file

@ -2,16 +2,16 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 135.46667 135.46667"
width="48"
height="48"
viewBox="0 0 48 48"
version="1.1"
id="svg1"
id="nanogal-logo"
xml:space="preserve"
inkscape:export-filename="nanogal_text_opti.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="nanogal_text.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@ -28,11 +28,11 @@
inkscape:document-units="mm"
showguides="true"
inkscape:export-bgcolor="#ffffffff"
inkscape:zoom="1.1564613"
inkscape:cx="207.09729"
inkscape:cy="221.36495"
inkscape:window-width="1860"
inkscape:window-height="1172"
inkscape:zoom="7.1010887"
inkscape:cx="14.223171"
inkscape:cy="53.653745"
inkscape:window-width="1858"
inkscape:window-height="1171"
inkscape:window-x="60"
inkscape:window-y="0"
inkscape:window-maximized="1"
@ -50,7 +50,7 @@
inverse="true"
flatten="false"
hide_clip="false"
message="Utilise la règle de remplissage « fill-rule: evenodd » de la boîte de dialogue &lt;b&gt;Fond et contour&lt;/b&gt; en l'absence de résultat de mise à plat après une conversion en chemin." /><clipPath
message="" /><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath26"><g
inkscape:label="Clip"
@ -62,19 +62,19 @@
inkscape:label="Logo_NanoGall"
inkscape:groupmode="layer"
id="Logo_NanoGall"
transform="translate(-37.266665,-89.894037)"
transform="matrix(0.44677623,0,0,0.44677382,-22.911503,-45.494101)"
style="display:inline"><text
xml:space="preserve"
style="font-size:22.5778px;display:inline;fill:#cc2027;fill-opacity:1;stroke:none;stroke-width:2.5;stroke-dasharray:none;stroke-opacity:1"
x="58.862236"
y="209.03917"
y="205.01056"
id="nanogal_text"
inkscape:label="nanogal_text"><tspan
sodipodi:role="line"
id="tspan5"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:22.5778px;font-family:Serif;-inkscape-font-specification:'Serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#cc2027;fill-opacity:1;stroke:none;stroke-width:2.5;stroke-opacity:1"
x="58.862236"
y="209.03917">NanoGal</tspan></text><path
y="205.01056">NanoGal</tspan></text><path
id="rotate_frame"
style="display:inline;fill:#ff0000;fill-opacity:0;stroke:#000000;stroke-width:2.37699;stroke-opacity:1"
inkscape:label="rotate_frame"

Before

(image error) Size: 6.3 KiB

After

(image error) Size: 6.1 KiB

Before After
Before After

View file

@ -1,22 +1,140 @@
<svg width="512" height="512" viewBox="0 0 135.467 135.467" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(-37.267 -89.894)"><text x="58.862" y="209.039" font-size="22.578" fill="#cc2027"
stroke-width="2.5">
<tspan
style="-inkscape-font-specification:'Serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal"
x="58.862" y="209.039" font-style="italic" font-weight="400" font-family="Serif">NanoGal</tspan>
</text>
<path d="M105 110.248l32.15 32.15L105 174.546l-32.15-32.15z" fill="none" stroke="#000" stroke-width="2.377" />
<rect width="65.765" height="65.765" x="72.117" y="109.515" ry="5.729" fill="none" stroke="#cc2027"
stroke-width="2.5" />
<path
d="M125.872 142.397A20.872 20.872 0 01105 163.27a20.872 20.872 0 01-20.872-20.873A20.872 20.872 0 01105 121.525a20.872 20.872 0 0120.872 20.872z"
fill="none" stroke="#000" stroke-width="2.338" />
<ellipse cx="105" cy="142.397" rx="9.621" ry="9.704" fill="#030101" />
<circle cx="128.534" cy="119.421" r="3.173" />
<circle cx="111.946" cy="135.633" r="4.596" fill="#fff" />
<g fill="none" stroke="#000" stroke-width="2.361">
<path
d="M73.37 181.786h-2.615a5.133 5.133 0 01-5.144-5.144v-2.607M144.389 174.023v2.62a5.133 5.133 0 01-5.144 5.143h-2.59M136.658 103.009h2.587a5.133 5.133 0 015.144 5.143v2.553M65.611 110.717v-2.565a5.133 5.133 0 015.144-5.143h2.607" />
</g>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="48"
height="48"
viewBox="0 0 48 48"
version="1.1"
id="nanogal-logo"
xml:space="preserve"
inkscape:export-filename="nanogal_text_opti.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="nanogal_text_opti.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="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#ffffff"
inkscape:document-units="mm"
showguides="true"
inkscape:export-bgcolor="#ffffffff"
inkscape:zoom="7.1010887"
inkscape:cx="14.223171"
inkscape:cy="53.653745"
inkscape:window-width="1858"
inkscape:window-height="1171"
inkscape:window-x="60"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="nanogal-logo" /><defs
id="defs1"><linearGradient
id="swatch40"
inkscape:swatch="solid"><stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop41" /></linearGradient><inkscape:path-effect
effect="powerclip"
id="path-effect11"
is_visible="true"
lpeversion="1"
inverse="true"
flatten="false"
hide_clip="false"
message="" /><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath26"><g
inkscape:label="Clip"
id="use26"
style="fill:#ffffff;fill-opacity:0.995074;stroke:none;stroke-opacity:1"><g
id="g17"
style="display:inline;fill:#ffffff;fill-opacity:0.995074;stroke:none;stroke-opacity:1"
clip-path="none" /></g></clipPath></defs><text
xml:space="preserve"
style="display:inline;font-size:22.5778px;fill:#cc2027;fill-opacity:1;stroke:none;stroke-width:2.5;stroke-dasharray:none;stroke-opacity:1"
x="58.862236"
y="205.01056"
id="nanogal_text"
inkscape:label="nanogal_text"
transform="matrix(0.44677623,0,0,0.44677382,-22.911503,-45.494101)"><tspan
sodipodi:role="line"
id="tspan5"
style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:22.5778px;font-family:Serif;-inkscape-font-specification:'Serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#cc2027;fill-opacity:1;stroke:none;stroke-width:2.5;stroke-opacity:1"
x="58.862236"
y="205.01056">NanoGal</tspan></text><path
id="rotate_frame"
style="display:inline;fill:#ff0000;fill-opacity:0;stroke:#000000;stroke-width:2.37699;stroke-opacity:1"
inkscape:label="rotate_frame"
d="m 104.99999,110.24776 32.14959,32.14959 -32.14959,32.14959 -32.149586,-32.14959 z"
transform="matrix(0.44677623,0,0,0.44677382,-22.911503,-45.494101)" /><rect
id="frame"
width="65.765366"
height="65.765366"
x="72.11731"
y="109.51466"
ry="5.7285228"
style="display:inline;fill:none;fill-opacity:0;stroke:#cc2027;stroke-width:2.5;stroke-dasharray:none;stroke-opacity:1"
inkscape:label="frame"
transform="matrix(0.44677623,0,0,0.44677382,-22.911503,-45.494101)" /><path
id="stroke_circle"
style="display:inline;fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.338;stroke-dasharray:none"
inkscape:label="stroke_circle"
d="m 125.87227,142.39736 a 20.872282,20.872282 0 0 1 -20.87228,20.87228 20.872282,20.872282 0 0 1 -20.87228,-20.87228 20.872282,20.872282 0 0 1 20.87228,-20.87229 20.872282,20.872282 0 0 1 20.87228,20.87229 z"
transform="matrix(0.44677623,0,0,0.44677382,-22.911503,-45.494101)" /><ellipse
style="display:inline;fill:#030101;fill-opacity:1;stroke:none;stroke-width:2.19651;stroke-dasharray:none;stroke-opacity:1"
id="circle_1"
cx="104.99999"
cy="142.39734"
inkscape:label="circle_1"
rx="9.6212282"
ry="9.7036562"
transform="matrix(0.44677623,0,0,0.44677382,-22.911503,-45.494101)" /><circle
style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0;stroke-dasharray:none;stroke-opacity:1"
id="circle_3"
cx="128.53357"
cy="119.42059"
r="3.1733704"
inkscape:label="circle_3"
transform="matrix(0.44677623,0,0,0.44677382,-22.911503,-45.494101)" /><circle
style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0;stroke-dasharray:none;stroke-opacity:1"
id="circle_2"
cx="111.94584"
cy="135.63322"
r="4.5959158"
inkscape:label="circle_2"
transform="matrix(0.44677623,0,0,0.44677382,-22.911503,-45.494101)" /><g
id="cut_frame"
inkscape:label="cut_frame"
style="display:inline;fill:#ff0000;stroke:#000000;stroke-opacity:1"
transform="matrix(0.44677623,0,0,0.44677382,-22.911506,-48.220609)" /><path
id="rect5"
clip-path="none"
style="display:inline;fill:#ff0000;stroke:#000000;stroke-opacity:1;fill-opacity:0;stroke-width:2.36105"
inkscape:label="bottom_left_corner"
d="m 73.370482,187.88879 h -2.615339 c -2.849724,0 -5.143922,-2.29419 -5.143922,-5.14393 l 10e-7,-2.6076"
transform="matrix(0.44677623,0,0,0.44677382,-22.911506,-48.220609)" /><path
id="path14"
clip-path="none"
style="display:inline;fill:#ff0000;stroke:#000000;stroke-opacity:1;fill-opacity:0;stroke-width:2.36105"
inkscape:label="bottom_right_corner"
d="m 144.38879,180.12537 v 2.61949 c 0,2.84974 -2.29419,5.14393 -5.14393,5.14393 h -2.59053"
transform="matrix(0.44677623,0,0,0.44677382,-22.911506,-48.220609)" /><path
id="path13"
style="display:inline;fill:#ff0000;stroke:#000000;stroke-opacity:1;fill-opacity:0;stroke-width:2.36105"
d="m 136.65794,109.11122 h 2.58692 c 2.84974,0 5.14393,2.29419 5.14393,5.14392 v 2.55231"
inkscape:label="top_right_corner"
transform="matrix(0.44677623,0,0,0.44677382,-22.911506,-48.220609)" /><path
id="path15"
style="display:inline;fill:none;stroke:#000000;stroke-opacity:1;fill-opacity:0;stroke-width:2.36105"
d="m 65.611221,116.81934 v -2.5642 c 0,-2.84973 2.294198,-5.14392 5.143922,-5.14392 v 0 h 2.60707"
inkscape:label="top_left_corner"
transform="matrix(0.44677623,0,0,0.44677382,-22.911506,-48.220609)" /></svg>

Before

(image error) Size: 1.5 KiB

After

(image error) Size: 6.5 KiB

Before After
Before After