tomasalias/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Remove lots of inline SVGs, use moment.js for times, add some pages for future work

Browse Source
This commit is contained in:
Jai A
2020-10-09 14:25:02 -07:00
parent 3656e6ef54
commit f4a518ce6b
27 changed files with 2167 additions and 417 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/images/categories/adventure.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<polygon
points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"
></polygon>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 267 B

22
assets/images/categories/cursed.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="7" y="7.5" width="10" height="14" rx="5" />
<polyline points="2 12.5 4 14.5 7 14.5" />
<polyline points="22 12.5 20 14.5 17 14.5" />
<polyline points="3 21.5 5 18.5 7 17.5" />
<polyline points="21 21.5 19 18.5 17 17.5" />
<polyline points="3 8.5 5 10.5 7 11.5" />
<polyline points="21 8.5 19 10.5 17 11.5" />
<line x1="12" y1="7.5" x2="12" y2="21.5" />
<path
d="M15.38,8.82A3,3,0,0,0,16,7h0a3,3,0,0,0-3-3H11A3,3,0,0,0,8,7H8a3,3,0,0,0,.61,1.82"
/>
<line x1="9" y1="4.5" x2="8" y2="2.5" />
<line x1="15" y1="4.5" x2="16" y2="2.5" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 712 B

11
assets/images/categories/decoration.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
<polyline points="9 22 9 12 15 12 15 22" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 252 B

18
assets/images/categories/equipment.svg Normal file
View File

@@ -0,0 +1,18 @@
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path
d="M17.573 20.038L3.849 7.913 2.753 2.755 7.838 4.06 19.47 18.206l-1.898 1.832z"
/>
<path d="M7.45 14.455l-3.043 3.661 1.887 1.843 3.717-3.25" />
<path
d="M16.75 10.82l3.333-2.913 1.123-5.152-5.091 1.28-2.483 2.985"
/>
<path d="M21.131 16.602l-5.187 5.01 2.596-2.508 2.667 2.761" />
<path d="M2.828 16.602l5.188 5.01-2.597-2.508-2.667 2.761" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 517 B

14
assets/images/categories/food.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M18 8h1a4 4 0 0 1 0 8h-1"></path>
<path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"></path>
<line x1="6" y1="1" x2="6" y2="4"></line>
<line x1="10" y1="1" x2="10" y2="4"></line>
<line x1="14" y1="1" x2="14" y2="4"></line>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 388 B

13
assets/images/categories/library.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path>
<path
d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"
></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 286 B

12
assets/images/categories/magic.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path
d="M10.42 3C9.88 9.2 4 9.4 4 14.38c0 2.8 1.7 5.35 4.17 6.62.76-2.1 3.83-3.17 3.83-5.57a7.65 7.65 0 013.92 5.52C24.13 15.88 18.9 6.18 10.42 3z"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 304 B

14
assets/images/categories/misc.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<circle cx="12" cy="12" r="10"></circle>
<line x1="2" y1="12" x2="22" y2="12"></line>
<path
d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"
></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 352 B

12
assets/images/categories/storage.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="21 8 21 21 3 21 3 8"></polyline>
<rect x="1" y="3" width="22" height="5"></rect>
<line x1="10" y1="12" x2="14" y2="12"></line>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 295 B

1
assets/images/categories/tech.svg Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="12" x2="2" y2="12"></line><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" y1="16" x2="6.01" y2="16"></line><line x1="10" y1="16" x2="10.01" y2="16"></line></svg>
Side by Side

After

Width:  |  Height:  |  Size: 392 B

11
assets/images/categories/utility.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="2" y="7" width="20" height="14" rx="2" ry="2" />
<path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 262 B

12
assets/images/categories/worldgen.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path
d="M12 2v6.5M10 4l2 1 2-1M3.3 7L9 10.2m-4.9-.5L6 8.5l.1-2.2M3.3 17L9 13.7m-2.9 4L6 15.5l-1.9-1.2M12 22v-6.5m2 4.5l-2-1-2 1m5-6.2l5.6 3.3m-.7-2.8L18 15.5l-.1 2.2M20.7 7L15 10.3m2.9-4l.1 2.2 1.9 1.2M12 8.5l3 1.8v3.5l-3 1.8-3-1.8v-3.5l3-1.8z"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 401 B

1
assets/images/fosshost.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 8.4 KiB

30
assets/styles/global.scss
View File

@@ -1,7 +1,4 @@
:root {
/**
* Colors
*/
.light-mode {
--color-text: #1a202c;
--color-bg: #ffffff;
@@ -18,21 +15,9 @@
--color-grey-5: #718096;
--color-grey-6: #4a5568;
--color-grey-7: #2d3748;
/**
* Sizes
*/
--size-rounded-sm: 0.25rem;
--size-rounded-md: 0.5rem;
--size-rounded-lg: 1rem;
/**
* Defaults
*/
font-size: 18px;
}
:root[data-theme='dark'] {
.dark-mode {
--color-text: #ccccc2;
--color-bg: #191917;
@@ -58,6 +43,17 @@ body {
Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
margin: 0;
padding: 0;
/**
* Sizes
*/
--size-rounded-sm: 0.25rem;
--size-rounded-md: 0.5rem;
--size-rounded-lg: 1rem;
/**
* Defaults
*/
font-size: 18px;
}
svg {