adjusted icons bruv
@@ -32,7 +32,7 @@
|
|||||||
"-t",
|
"-t",
|
||||||
"Pictures",
|
"Pictures",
|
||||||
"--theme",
|
"--theme",
|
||||||
"themes/summer.css",
|
"themes/aritim-dark.css",
|
||||||
"--use-fancy-folders",
|
"--use-fancy-folders",
|
||||||
"--web-manifest",
|
"--web-manifest",
|
||||||
"-l",
|
"-l",
|
||||||
|
|||||||
BIN
test/example/example.tif
Normal file
2
test/example/info
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
FOO: Bar
|
||||||
|
LOREM: Ipsum Dolor Sit Amet
|
||||||
@@ -1,50 +1,52 @@
|
|||||||
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200;400;600;800&display=swap");
|
@import url('https://fonts.cdnfonts.com/css/metropolis-2');
|
||||||
|
|
||||||
* {
|
* {
|
||||||
--color1: #FFADAD; /* Soft Pink */
|
--color1: #FFA769;
|
||||||
--color2: #FF6363; /* Vivid Pink */
|
--color2: #FC4CA0;
|
||||||
--color3: #FF9F1C; /* Orange */
|
--color3: #7542E5;
|
||||||
--color4: #FF6F91; /* Coral Pink */
|
--color4: #FF4AD9;
|
||||||
--bcolor1: #FFFFFF; /* White */
|
--color5: #5F2ECA;
|
||||||
--bcolor2: #1E1E1E; /* Almost Black */
|
--color6: #7033CA;
|
||||||
--bcolor3: #2E2E2E; /* Dark Gray */
|
--color7: #FF778E;
|
||||||
--bcolor4: #4B4B4B; /* Medium Gray */
|
--bcolor1: #e2d9f8;
|
||||||
|
--bcolor2: #20123A;
|
||||||
|
--bcolor3: #2B1753;
|
||||||
|
--bcolor4: #321C64;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
color: var(--bcolor1);
|
color: var(--bcolor1);
|
||||||
background-color: var(--bcolor3);
|
background-color: var(--bcolor3);
|
||||||
font-family: "Roboto Slab", serif;
|
font-family: "Metropolis", sans-serif;
|
||||||
font-optical-sizing: auto;
|
font-optical-sizing: auto;
|
||||||
font-weight: 400;
|
font-weight: 500;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
font-weight: 600;
|
font-weight: 800;
|
||||||
color: var(--bcolor2);
|
color: var(--bcolor1);
|
||||||
background-color: var(--color1);
|
background-color: var(--color3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar li a {
|
.navbar li a {
|
||||||
font-weight: 400;
|
font-weight: 800;
|
||||||
color: var(--bcolor2);
|
color: var(--bcolor1);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Change the link color on hover */
|
|
||||||
.navbar li a:hover {
|
.navbar li a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: var(--color2);
|
background-color: var(--color4);
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
color: var(--bcolor2);
|
color: var(--bcolor2);
|
||||||
background-color: var(--color3);
|
background-color: var(--color1);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer a {
|
.footer a {
|
||||||
color: var(--color4);
|
color: var(--color2);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -53,11 +55,11 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.foldericon {
|
.foldericon {
|
||||||
content: "themes/icons/subfolder.svg.j2";
|
content: "themes/icons/folder-2.svg.j2";
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a {
|
.folders a {
|
||||||
font-weight: 400;
|
font-weight: 500;
|
||||||
color: var(--bcolor1);
|
color: var(--bcolor1);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
@@ -67,8 +69,8 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.row a {
|
.row a {
|
||||||
font-weight: 400;
|
font-weight: 500;
|
||||||
color: var(--color2);
|
color: var(--color7);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -77,20 +79,20 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tooltiptext {
|
.tooltiptext {
|
||||||
font-weight: 200;
|
font-weight: 400;
|
||||||
background-color: var(--bcolor2);
|
background-color: var(--bcolor2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.column img {
|
.column img {
|
||||||
background-color: var(--bcolor4);
|
background-color: var(--bcolor2);
|
||||||
}
|
}
|
||||||
|
|
||||||
#totop:hover {
|
#totop:hover {
|
||||||
background-color: var(--color2);
|
background-color: var(--color6);
|
||||||
}
|
}
|
||||||
|
|
||||||
#totop {
|
#totop {
|
||||||
background-color: var(--color1);
|
background-color: var(--bcolor4);
|
||||||
color: var(--bcolor1);
|
color: var(--bcolor1);
|
||||||
font-weight: 400;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
@@ -1,39 +1,38 @@
|
|||||||
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
|
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
|
||||||
|
|
||||||
* {
|
* {
|
||||||
--color1: #6B5B95; /* Purple */
|
--color1: #5d88ca;
|
||||||
--color2: #FF6F61; /* Coral */
|
--color2: #27ae60;
|
||||||
--color3: #88B04B; /* Green */
|
--color3: #f67400;
|
||||||
--color4: #F7CAC9; /* Pink */
|
--color4: #da4453;
|
||||||
--bcolor1: #2C2C2C; /* Very Dark Gray */
|
--color5: #212b36;
|
||||||
--bcolor2: #D3D3D3; /* Light Gray */
|
--bcolor1: #10151a;
|
||||||
--bcolor3: #1C1C1C; /* Very Dark Gray */
|
--bcolor2: #d3dae3;
|
||||||
|
--bcolor3: #141a21;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--bcolor2);
|
color: var(--bcolor2);
|
||||||
background-color: var(--color1);
|
background-color: var(--color5);
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar li a {
|
.navbar li a {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: var(--bcolor2);
|
color: var(--bcolor2);
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Change the link color on hover */
|
/* Change the link color on hover */
|
||||||
.navbar li a:hover {
|
.navbar li a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: var(--color2);
|
background-color: var(--bcolor3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
color: var(--bcolor1);
|
color: var(--bcolor1);
|
||||||
background-color: var(--color3);
|
background-color: var(--color2);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer a {
|
.footer a {
|
||||||
@@ -47,15 +46,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.foldericon {
|
.foldericon {
|
||||||
content: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0' /%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M853.333333 256H469.333333l-85.333333-85.333333H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v170.666667h853.333334v-85.333334c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%23FF6F61' /%3E%3Cpath d='M853.333333 256H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v426.666667c0 46.933333 38.4 85.333333 85.333334 85.333333h682.666666c46.933333 0 85.333333-38.4 85.333334-85.333333V341.333333c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%236B5B95' /%3E%3C/g%3E%3C/svg%3E");
|
content: "themes/icons/folder-papirus.svg.j2";
|
||||||
fill: var(--color1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a {
|
.folders a {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--bcolor2);
|
color: var(--bcolor2);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a:hover {
|
.folders a:hover {
|
||||||
@@ -64,9 +61,8 @@
|
|||||||
|
|
||||||
.row a {
|
.row a {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: var(--color2);
|
color: var(--color1);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.row a:hover {
|
.row a:hover {
|
||||||
@@ -76,7 +72,6 @@
|
|||||||
.tooltiptext {
|
.tooltiptext {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
background-color: var(--bcolor1);
|
background-color: var(--bcolor1);
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.column img {
|
.column img {
|
||||||
@@ -84,14 +79,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#totop:hover {
|
#totop:hover {
|
||||||
background-color: var(--color2);
|
background-color: var(--color3);
|
||||||
}
|
}
|
||||||
|
|
||||||
#totop {
|
#totop {
|
||||||
background-color: var(--color1);
|
background-color: var(--color5);
|
||||||
color: var(--bcolor2);
|
color: var(--bcolor2);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@@ -101,4 +95,4 @@ body {
|
|||||||
font-optical-sizing: auto;
|
font-optical-sizing: auto;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@@ -1,40 +1,37 @@
|
|||||||
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
|
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
|
||||||
|
|
||||||
* {
|
* {
|
||||||
--color1: #FF6F61; /* Coral */
|
--color1: #1d99f3;
|
||||||
--color2: #6B5B95; /* Purple */
|
--color2: #27ae60;
|
||||||
--color3: #88B04B; /* Green */
|
--color3: #f67400;
|
||||||
--color4: #F7CAC9; /* Pink */
|
--color4: #da4453;
|
||||||
--bcolor1: #FFFFFF; /* White */
|
--color5: #eef2f5;
|
||||||
--bcolor2: #4B4B4B; /* Dark Gray */
|
--bcolor1: #a3a5ac;
|
||||||
--bcolor3: #F0F0F0; /* Light Gray */
|
--bcolor2: #303030;
|
||||||
--bcolor4: #D8BFD8; /* Thistle */
|
--bcolor3: #eff0f1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--bcolor1);
|
color: var(--bcolor2);
|
||||||
background-color: var(--color1);
|
background-color: var(--bcolor1);
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar li a {
|
.navbar li a {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: var(--bcolor1);
|
color: var(--bcolor2);
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Change the link color on hover */
|
/* Change the link color on hover */
|
||||||
.navbar li a:hover {
|
.navbar li a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: var(--color2);
|
background-color: var(--bcolor2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
color: var(--bcolor2);
|
color: var(--bcolor2);
|
||||||
background-color: var(--color3);
|
background-color: var(--color3);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer a {
|
.footer a {
|
||||||
@@ -48,15 +45,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.foldericon {
|
.foldericon {
|
||||||
content: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0' /%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M853.333333 256H469.333333l-85.333333-85.333333H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v170.666667h853.333334v-85.333334c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%236B5B95' /%3E%3Cpath d='M853.333333 256H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v426.666667c0 46.933333 38.4 85.333333 85.333334 85.333333h682.666666c46.933333 0 85.333333-38.4 85.333334-85.333333V341.333333c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%23FF6F61' /%3E%3C/g%3E%3C/svg%3E");
|
content: "themes/icons/folder-papirus.svg.j2";
|
||||||
fill: var(--color1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a {
|
.folders a {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--bcolor2);
|
color: var(--bcolor2);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a:hover {
|
.folders a:hover {
|
||||||
@@ -65,9 +60,8 @@
|
|||||||
|
|
||||||
.row a {
|
.row a {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: var(--color2);
|
color: var(--color1);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.row a:hover {
|
.row a:hover {
|
||||||
@@ -76,23 +70,21 @@
|
|||||||
|
|
||||||
.tooltiptext {
|
.tooltiptext {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
background-color: var(--bcolor2);
|
background-color: var(--bcolor1);
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.column img {
|
.column img {
|
||||||
background-color: var(--bcolor4);
|
background-color: var(--bcolor1);
|
||||||
}
|
}
|
||||||
|
|
||||||
#totop:hover {
|
#totop:hover {
|
||||||
background-color: var(--color2);
|
background-color: var(--color4);
|
||||||
}
|
}
|
||||||
|
|
||||||
#totop {
|
#totop {
|
||||||
background-color: var(--color1);
|
background-color: var(--color5);
|
||||||
color: var(--bcolor1);
|
color: var(--bcolor2);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-family: "Poppins", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@@ -102,4 +94,4 @@ body {
|
|||||||
font-optical-sizing: auto;
|
font-optical-sizing: auto;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@@ -48,7 +48,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.foldericon {
|
.foldericon {
|
||||||
content: "themes/icons/subfolder.svg.j2";
|
content: "themes/icons/folder-3.svg.j2";
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a {
|
.folders a {
|
||||||
|
|||||||
@@ -38,7 +38,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.foldericon {
|
.foldericon {
|
||||||
content: url(https://www.svgrepo.com/show/474853/gallery.svg);
|
content: "themes/icons/folder-2.svg.j2";
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a {
|
.folders a {
|
||||||
|
|||||||
@@ -38,7 +38,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.foldericon {
|
.foldericon {
|
||||||
content: url(https://www.svgrepo.com/show/474852/folder.svg);
|
content: "themes/icons/folder-2.svg.j2";
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a {
|
.folders a {
|
||||||
|
|||||||
11
themes/icons/folder-2.svg.j2
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
|
||||||
|
preserveAspectRatio="xMidYMid meet">
|
||||||
|
<path fill="{{ color2 }}"
|
||||||
|
d="M491 326V92.143C491 79.021 480.259 68 467.137 68H341.13c-9.287 0-17.723 5.603-21.596 14.044l-12.709 27.903C302.952 118.388 294.516 124 285.229 124H67.538C54.416 124 44 134.426 44 147.549v216.363C44 377.034 54.416 388 67.538 388h399.599c.628 0 1.248-.36 1.863-.408V433h.342c0 6 4.877 10.636 10.829 10.636c5.952 0 10.829-4.967 10.829-10.919V326z">
|
||||||
|
</path>
|
||||||
|
<path fill="{{ color1 }}"
|
||||||
|
d="M480.171 443.636c-5.952 0-10.829-4.636-10.829-10.636H469V210.181C469 197.058 458.661 186 445.539 186H45.94C32.818 186 22 197.058 22 210.181V449.37C22 462.492 32.818 473 45.94 473h399.599c1.385 0 2.741-.06 4.061-.288c1.639.227 3.31.385 5.012.385c20.04 0 36.136-16.229 36.136-36.269c0-.534-.036-1.058-.058-1.586c-1.147 4.766-5.435 8.394-10.519 8.394z">
|
||||||
|
</path>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.0 KiB |
34
themes/icons/folder-3.svg.j2
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
<svg height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-51.2 -51.2 614.40 614.40" xml:space="preserve"
|
||||||
|
fill="#000000" stroke="#000000" stroke-width="0.00512" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)">
|
||||||
|
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
||||||
|
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="10.24">
|
||||||
|
</g>
|
||||||
|
<g id="SVGRepo_iconCarrier">
|
||||||
|
<g transform="translate(0 1)">
|
||||||
|
<path style="fill: {{ color2 }};"
|
||||||
|
d="M422.4,144.067c0-18.773-13.653-34.133-29.867-34.133h-107.52l-37.547-51.2H81.92 c-11.947,0-22.187,11.947-22.187,25.6v59.733H422.4z"></path>
|
||||||
|
<path style="fill: {{ color3 }};" d="M426.667,109.933h-34.133c16.213,0,29.867,15.36,29.867,34.133h38.4 C460.8,125.293,445.44,109.933,426.667,109.933"></path>
|
||||||
|
<path style="fill: rgb(255, 255, 255);"
|
||||||
|
d="M81.92,58.733H59.733c-14.507,0-25.6,11.947-25.6,25.6v59.733h25.6V84.333 C59.733,70.68,69.973,58.733,81.92,58.733"></path>
|
||||||
|
<path style="fill: {{ color1 }};"
|
||||||
|
d="M34.133,169.667v256c0,14.507,10.24,25.6,23.04,25.6h397.653c12.8,0,23.04-11.093,23.04-25.6v-256 c0-14.507-10.24-25.6-23.04-25.6H57.173C44.373,144.067,34.133,156.013,34.133,169.667">
|
||||||
|
</path>
|
||||||
|
<path style="fill: rgb(255, 255, 255);"
|
||||||
|
d="M34.133,425.667v-256c0-14.507,10.24-25.6,23.04-25.6h-23.04c-14.507,0-25.6,11.093-25.6,25.6v256 c0,14.507,11.093,25.6,25.6,25.6h23.04C44.373,451.267,34.133,440.173,34.133,425.667">
|
||||||
|
</path>
|
||||||
|
<path style="fill: {{ color2 }};"
|
||||||
|
d="M477.867,144.067h-23.04c12.8,0,23.04,11.093,23.04,25.6v256c0,14.507-10.24,25.6-23.04,25.6h23.04 c14.507,0,25.6-11.093,25.6-25.6v-256C503.467,156.013,492.373,144.067,477.867,144.067">
|
||||||
|
</path>
|
||||||
|
<path
|
||||||
|
d="M477.867,459.8H34.133C15.36,459.8,0,444.44,0,425.667v-51.2c0-5.12,3.413-8.533,8.533-8.533s8.533,3.413,8.533,8.533v51.2 c0,9.387,7.68,17.067,17.067,17.067h443.733c9.387,0,17.067-7.68,17.067-17.067v-256c0-9.387-7.68-17.067-17.067-17.067H34.133 c-9.387,0-17.067,7.68-17.067,17.067V306.2c0,5.12-3.413,8.533-8.533,8.533S0,311.32,0,306.2V169.667 c0-18.773,15.36-34.133,34.133-34.133h443.733c18.773,0,34.133,15.36,34.133,34.133v256C512,444.44,496.64,459.8,477.867,459.8z">
|
||||||
|
</path>
|
||||||
|
<path d="M17.067,340.333c0-5.12-3.413-8.533-8.533-8.533S0,335.213,0,340.333c0,5.12,3.413,8.533,8.533,8.533 S17.067,345.453,17.067,340.333"></path>
|
||||||
|
<path
|
||||||
|
d="M460.8,152.6H34.133c-5.12,0-8.533-3.413-8.533-8.533V84.333C25.6,65.56,40.96,50.2,59.733,50.2h187.733 c2.56,0,5.12,0.853,6.827,3.413L294.4,101.4h132.267c23.893,0,42.667,18.773,42.667,42.667 C469.333,149.187,465.92,152.6,460.8,152.6z M42.667,135.533H450.56c-3.413-10.24-12.8-17.067-23.893-17.067H290.133 c-2.56,0-5.12-0.853-6.827-3.413L243.2,67.267H59.733c-9.387,0-17.067,7.68-17.067,17.067V135.533z">
|
||||||
|
</path>
|
||||||
|
<path d="M162.133,203.8h-102.4c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h102.4 c5.12,0,8.533,3.413,8.533,8.533C170.667,200.387,167.253,203.8,162.133,203.8z"></path>
|
||||||
|
<path d="M162.133,237.933h-102.4c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h102.4 c5.12,0,8.533,3.413,8.533,8.533C170.667,234.52,167.253,237.933,162.133,237.933z">
|
||||||
|
</path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.4 KiB |
10
themes/icons/folder-papirus.svg.j2
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" version="1">
|
||||||
|
<rect style="opacity:0.2" width="56" height="36" x="4" y="22" rx="2.8" ry="2.8" />
|
||||||
|
<path style="fill:{{ color2 }}"
|
||||||
|
d="M 4,46.2 C 4,47.751 5.2488,49 6.8,49 H 57.2 C 58.751,49 60,47.751 60,46.2 V 15.8 C 60,14.249 58.751,13 57.2,13 H 32 C 27.8,13 26.4,7 22.2,7 H 6.8 C 5.2488,7 4,8.2488 4,9.8" />
|
||||||
|
<rect style="opacity:0.2" width="56" height="36" x="4" y="20" rx="2.8" ry="2.8" />
|
||||||
|
<rect style="fill:#e4e4e4" width="48" height="22" x="8" y="16" rx="2.8" ry="2.8" />
|
||||||
|
<rect style="fill:{{ color1 }}" width="56" height="36" x="4" y="21" rx="2.8" ry="2.8" />
|
||||||
|
<path style="opacity:0.1;fill:#ffffff"
|
||||||
|
d="M 6.8008,7 C 5.2496,7 4,8.2496 4,9.8008 V 10.801 C 4,9.2496 5.2496,8 6.8008,8 H 22.199 C 26.399,8 27.8,14 32,14 H 57.199 C 58.75,14 60,15.25 60,16.801 V 15.801 C 60,14.25 58.75,13 57.199,13 H 32 C 27.8,13 26.399,7 22.199,7 Z" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 943 B |
@@ -41,7 +41,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.foldericon {
|
.foldericon {
|
||||||
content: url(https://www.svgrepo.com/show/400249/folder.svg);
|
content: "themes/icons/folder-2.svg.j2";
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a {
|
.folders a {
|
||||||
|
|||||||
@@ -1,22 +1,23 @@
|
|||||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
|
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
|
||||||
|
|
||||||
* {
|
* {
|
||||||
--color1: #e50000;
|
--color5: #e50000;
|
||||||
--color2: #ff8d00;
|
--color6: #ff8d00;
|
||||||
--color3: #ffee00;
|
--color3: #ffee00;
|
||||||
--color4: #028121;
|
--color4: #028121;
|
||||||
--color5: #004cff;
|
--color1: #004cff;
|
||||||
--color6: #770088;
|
--color2: #770088;
|
||||||
--bcolor1: #ebebeb;
|
--bcolor1: #ebebeb;
|
||||||
--bcolor2: #191919;
|
--bcolor2: #191919;
|
||||||
--bcolor3: #171717;
|
--bcolor3: #171717;
|
||||||
--bcolor4: #0a0a0a;
|
--bcolor4: #0a0a0a;
|
||||||
|
--bcolor5: #929292;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: var(--bcolor1);
|
color: var(--bcolor1);
|
||||||
background-color: var(--color1);
|
background-color: var(--color5);
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -28,7 +29,7 @@
|
|||||||
/* Change the link color on hover */
|
/* Change the link color on hover */
|
||||||
.navbar li a:hover {
|
.navbar li a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: var(--color2);
|
background-color: var(--color6);
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
@@ -47,12 +48,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.foldericon {
|
.foldericon {
|
||||||
content: "themes/icons/subfolder.svg.j2";
|
content: "themes/icons/folder-2.svg.j2";
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a {
|
.folders a {
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
color: var(--bcolor1);
|
color: var(--bcolor3);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -76,7 +77,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.column img {
|
.column img {
|
||||||
background-color: var(--bcolor4);
|
background-color: var(--bcolor5);
|
||||||
}
|
}
|
||||||
|
|
||||||
#totop:hover {
|
#totop:hover {
|
||||||
@@ -84,14 +85,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#totop {
|
#totop {
|
||||||
background-color: var(--color2);
|
background-color: var(--color6);
|
||||||
color: var(--bcolor4);
|
color: var(--bcolor4);
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
color: var(--bcolor1);
|
color: var(--bcolor3);
|
||||||
background-color: var(--bcolor3);
|
background-color: var(--bcolor1);
|
||||||
font-family: "Montserrat", sans-serif;
|
font-family: "Montserrat", sans-serif;
|
||||||
font-optical-sizing: auto;
|
font-optical-sizing: auto;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
@@ -48,7 +48,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.foldericon {
|
.foldericon {
|
||||||
content: "themes/icons/subfolder.svg.j2";
|
content: "themes/icons/folder-3.svg.j2";
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a {
|
.folders a {
|
||||||
|
|||||||
@@ -48,7 +48,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.foldericon {
|
.foldericon {
|
||||||
content: "themes/icons/subfolder.svg.j2";
|
content: "themes/icons/folder-3.svg.j2";
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a {
|
.folders a {
|
||||||
|
|||||||
@@ -48,7 +48,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.foldericon {
|
.foldericon {
|
||||||
content: "themes/icons/subfolder.svg.j2";
|
content: "themes/icons/folder-3.svg.j2";
|
||||||
}
|
}
|
||||||
|
|
||||||
.folders a {
|
.folders a {
|
||||||
|
|||||||