Add /me, dark mode fixes
This commit is contained in:
N-Upchurch
@ -10,6 +10,7 @@
|
||||
--color-gray-20: #e0e0e0;
|
||||
--color-gray-50: #C0C0C0;
|
||||
--color-gray-90: #333333;
|
||||
--contrast-color: #027860;
|
||||
|
||||
--background-color: #FAF5F5;
|
||||
|
||||
@ -18,8 +19,6 @@
|
||||
--text-color-link-active: rgba(3,144,116,1);
|
||||
--text-color-link-visited: var(--color-gray-90);
|
||||
|
||||
--contrast-color: rgba(3,144,116,1);
|
||||
|
||||
--nav-pill-background-color-active: rgba(3,144,116,1);
|
||||
--nav-pill-background-color-inactive: rgba(71,71,71,1);
|
||||
|
||||
@ -31,6 +30,9 @@
|
||||
--syntax-tab-size: 2;
|
||||
--pill-radius: 5rem;
|
||||
--card-radius: .3rem;
|
||||
|
||||
/* Time */
|
||||
--transition-time: .3s;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
@ -39,11 +41,12 @@
|
||||
--color-gray-50: #C0C0C0;
|
||||
--color-gray-90: #dad8d8;
|
||||
--card-color: #333333;
|
||||
--contrast-color: #04c49e;
|
||||
|
||||
/* --text-color is assigned to --color-gray-_ above */
|
||||
--text-color-link: rgba(3,144,116,1);
|
||||
--text-color-link-active: rgba(3,144,116,1);
|
||||
--text-color-link-visited: rgba(3,144,116,1);
|
||||
--text-color-link: var(--contrast-color);
|
||||
--text-color-link-active: var(--contrast-color);
|
||||
--text-color-link-visited: var(--contrast-color);
|
||||
|
||||
--background-color: #15202b;
|
||||
}
|
||||
@ -368,17 +371,27 @@ header {
|
||||
}
|
||||
|
||||
/* Tags */
|
||||
.post-tag, .taglist li a {
|
||||
.post-tag, a.post-tag, .taglist li a {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
color: var(--nav-pill-text-color);
|
||||
justify-content: center;
|
||||
text-transform: capitalize;
|
||||
background-color: var(--color-gray-20);
|
||||
background-color: var(--nav-pill-background-color-inactive);
|
||||
text-decoration: none;
|
||||
padding: .2rem .4rem .2rem .4rem;
|
||||
border-radius: var(--pill-radius);
|
||||
font-size: .75rem;
|
||||
}
|
||||
|
||||
a.post-tag:visited {
|
||||
color: var(--nav-pill-text-color);
|
||||
}
|
||||
|
||||
a.post-tag:hover {
|
||||
color: var(--nav-pill-text-color);
|
||||
}
|
||||
|
||||
.taglist {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
|
||||
56
public/css/links.css
Normal file
56
public/css/links.css
Normal file
@ -0,0 +1,56 @@
|
||||
html.barebones, body.barebones {
|
||||
background-color: var(--background-color);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1.socialTitle {
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: .25em;
|
||||
}
|
||||
|
||||
img.profilePic {
|
||||
max-width: 15em;
|
||||
border-radius: 50%;
|
||||
border: solid 5px var(--text-color);
|
||||
}
|
||||
|
||||
p.page-block.nodropcap {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
ul.socialLinks {
|
||||
padding-left: 0;
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.socialLinks li {
|
||||
background-color: var(--nav-pill-background-color-inactive);
|
||||
color: var(--nav-pill-text-color);
|
||||
border-radius: var(--pill-radius);
|
||||
padding: .5em;
|
||||
margin-bottom: 1em;
|
||||
list-style-type: none;
|
||||
transition: all var(--transition-time);
|
||||
width: 20em;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.socialLinks li:hover {
|
||||
background-color: var(--contrast-color);
|
||||
transform: scale(1.05, 1.05);
|
||||
}
|
||||
|
||||
.socialLinks a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.socialLinks a img {
|
||||
max-width: 1em;
|
||||
margin-right: .5em;
|
||||
}
|
||||
BIN
public/img/CN20191025_301_Srt_SQUARE.jpg
Executable file
BIN
public/img/CN20191025_301_Srt_SQUARE.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
51
public/img/Lemmy_logo.svg
Normal file
51
public/img/Lemmy_logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.8 KiB |
32
public/img/envelope-o.svg
Normal file
32
public/img/envelope-o.svg
Normal file
@ -0,0 +1,32 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="1536"
|
||||
height="1536"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="envelope-o.svg"
|
||||
inkscape:version="1.3-alpha (0a19572, 2023-05-23)"
|
||||
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="defs1" />
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.15364583"
|
||||
inkscape:cx="-1474.1695"
|
||||
inkscape:cy="768"
|
||||
inkscape:current-layer="svg1" />
|
||||
<path
|
||||
d="M 1426.2857,1234.2858 V 576.00002 c -18,20.57143 -37.7143,39.42857 -59.1428,56.57143 -122.5715,94.28571 -246,190.28571 -365.1429,289.7143 -64.28571,54 -144,120.00005 -233.14286,120.00005 h -1.71428 C 678,1042.2858 598.28571,976.28575 534,922.28575 414.85714,822.85716 291.42857,726.85716 168.85714,632.57145 c -21.42857,-17.14286 -41.14285,-36 -59.14285,-56.57143 v 658.28578 c 0,14.5714 12.85714,27.4286 27.42857,27.4286 H 1398.8571 c 14.5715,0 27.4286,-12.8572 27.4286,-27.4286 z m 0,-900.85721 c 0,-21.42857 5.1429,-59.14285 -27.4286,-59.14285 H 137.14286 c -14.57143,0 -27.42857,12.85714 -27.42857,27.42857 0,97.71428 48.85714,182.57143 126,243.42857 114.85714,90 229.71428,180.85714 343.71428,271.71428 45.42857,36.85715 127.71429,115.71429 187.71429,115.71429 h 1.71428 c 60,0 142.28572,-78.85714 187.71429,-115.71429 113.99997,-90.85714 228.85717,-181.71428 343.71427,-271.71428 55.7143,-43.71429 126,-138.85714 126,-211.71429 z M 1536,301.71431 v 932.57149 c 0,75.4286 -61.7143,137.1428 -137.1429,137.1428 H 137.14286 C 61.714286,1371.4285 0,1309.7144 0,1234.2858 V 301.71431 C 0,226.28574 61.714286,164.57145 137.14286,164.57145 H 1398.8571 c 75.4286,0 137.1429,61.71429 137.1429,137.14286 z"
|
||||
id="path1"
|
||||
style="stroke-width:0.857143;fill:#faf5f5;fill-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
32
public/img/envelope.svg
Normal file
32
public/img/envelope.svg
Normal file
@ -0,0 +1,32 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="1536"
|
||||
height="1536"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="envelope.svg"
|
||||
inkscape:version="1.3-alpha (0a19572, 2023-05-23)"
|
||||
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="defs1" />
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.61458333"
|
||||
inkscape:cx="656.54237"
|
||||
inkscape:cy="1013.6949"
|
||||
inkscape:current-layer="svg1" />
|
||||
<path
|
||||
d="m 1467.661,572.78211 v 620.01219 c 0,68.7167 -56.2228,124.9394 -124.9395,124.9394 H 193.27845 C 124.56174,1317.7336 68.338983,1261.511 68.338983,1192.7943 V 572.78211 c 23.426151,25.76876 49.975787,48.41403 78.868037,67.93583 129.6247,88.2385 260.81114,176.477 388.09322,269.40075 65.59322,48.41399 146.80388,107.76021 231.91889,107.76021 h 1.56174 c 85.11501,0 166.32567,-59.34622 231.91893,-107.76021 127.2821,-92.14289 258.4685,-181.16225 388.874,-269.40075 28.1115,-19.5218 54.6611,-42.16707 78.0872,-67.93583 z m 0,-229.57627 c 0,87.45762 -64.8124,166.32566 -133.529,213.95883 -121.816,84.33414 -244.4128,168.66828 -365.44798,253.78329 -50.75666,35.13923 -136.65255,106.97942 -199.90315,106.97942 h -1.56174 c -63.2506,0 -149.14649,-71.84019 -199.90315,-106.97942 C 446.28087,725.83295 323.68402,641.49881 202.64891,557.16467 147.20702,519.68283 68.338983,431.44433 68.338983,360.38501 c 0,-76.52542 41.386197,-142.11864 124.939467,-142.11864 H 1342.7215 c 67.9359,0 124.9395,56.22276 124.9395,124.93947 z"
|
||||
id="path1"
|
||||
style="fill:#faf5f5;fill-opacity:1;stroke-width:0.780872" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
105
public/img/keyoxide.svg
Normal file
105
public/img/keyoxide.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 13 KiB |
33
public/img/mastodon.svg
Normal file
33
public/img/mastodon.svg
Normal file
@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="1536"
|
||||
height="1792"
|
||||
viewBox="0 0 1536 1792"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="mastodon.svg"
|
||||
inkscape:version="1.3-alpha (0a19572, 2023-05-23)"
|
||||
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="defs1" />
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.13169643"
|
||||
inkscape:cx="-1848.9492"
|
||||
inkscape:cy="896"
|
||||
inkscape:current-layer="svg1" />
|
||||
<path
|
||||
d="M1503.302 1111.386c-22.579 116.159-202.224 243.284-408.55 267.921-107.588 12.837-213.519 24.636-326.476 19.455-184.728-8.463-330.494-44.092-330.494-44.092 0 17.983 1.11 35.106 3.328 51.12 24.015 182.308 180.772 193.228 329.261 198.32 149.872 5.127 283.321-36.951 283.321-36.951l6.157 135.491s-104.827 56.293-291.574 66.646c-102.974 5.66-230.836-2.59-379.759-42.009C65.529 1641.797 10.219 1297.502 1.482 948.17-1.11 844.449.485 746.646.49 664.847.5 307.631 234.539 202.924 234.539 202.924c118.011-54.199 320.512-76.99 531.033-78.71h5.173c210.52 1.721 413.152 24.511 531.157 78.71 0 0 234.04 104.706 234.04 461.923 0 0 2.935 263.556-32.64 446.539zm-243.429-418.827c0-88.4-21.711-159.35-67.71-210.618-46.63-51.972-107.687-78.613-183.47-78.613-87.699 0-154.104 33.703-198.002 101.121L768 576l-42.683-71.55c-43.907-67.42-110.313-101.124-198.003-101.124-75.792 0-136.849 26.642-183.47 78.614-45.21 51.973-67.718 122.219-67.718 210.618v432.53h171.359V705.273c0-88.498 37.234-133.415 111.713-133.415 82.35 0 123.63 53.283 123.63 158.646v229.788h170.35V730.505c0-105.363 41.272-158.646 123.62-158.646 74.478 0 111.715 44.917 111.715 133.415v419.816h171.358V692.56z"
|
||||
id="path1"
|
||||
style="fill:#faf5f5;fill-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
33
public/img/matrix-org.svg
Normal file
33
public/img/matrix-org.svg
Normal file
@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="1536"
|
||||
height="1792"
|
||||
viewBox="0 0 1536 1792"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="matrix-org.svg"
|
||||
inkscape:version="1.3-alpha (0a19572, 2023-05-23)"
|
||||
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="defs1" />
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.13169643"
|
||||
inkscape:cx="-1848.9492"
|
||||
inkscape:cy="896"
|
||||
inkscape:current-layer="svg1" />
|
||||
<path
|
||||
d="M40.467 163.152v1465.696H145.92V1664H0V128h145.92v35.152zm450.757 464.64v74.14h2.069c19.79-28.356 43.717-50.215 71.483-65.575 27.765-15.656 59.963-23.336 96-23.336 34.56 0 66.165 6.795 94.818 20.086 28.652 13.293 50.216 37.22 65.28 70.893 16.246-23.926 38.4-45.194 66.166-63.507 27.766-18.314 60.848-27.472 98.954-27.472 28.948 0 55.828 3.545 80.64 10.635 24.812 7.088 45.785 18.314 63.508 33.968 17.722 15.656 31.31 35.742 41.354 60.85 9.747 25.107 14.768 55.236 14.768 90.683v366.573h-150.35V865.28c0-18.314-.59-35.741-2.068-51.987-1.476-16.247-5.316-30.426-11.52-42.24-6.499-12.112-15.656-21.563-28.062-28.653-12.405-7.088-29.242-10.634-50.214-10.634-21.268 0-38.4 4.135-51.397 12.112-12.997 8.27-23.336 18.608-30.72 31.901-7.386 12.997-12.407 27.765-14.77 44.602-2.363 16.542-3.84 33.379-3.84 50.216v305.133H692.971v-307.2c0-16.247-.294-32.197-1.18-48.149-.591-15.95-3.84-30.424-9.157-44.011-5.317-13.293-14.178-24.223-26.585-32.197-12.406-7.976-30.425-12.112-54.646-12.112-7.088 0-16.542 1.478-28.062 4.726-11.52 3.25-23.04 9.157-33.968 18.02-10.93 8.86-20.383 21.563-28.063 38.103-7.68 16.543-11.52 38.4-11.52 65.28v317.834H349.44V627.792zm1004.309 1001.056V163.152H1390.08V128H1536v1536h-145.92v-35.152z"
|
||||
id="path1"
|
||||
style="fill:#faf5f5;fill-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
34
public/img/pixelfed.svg
Normal file
34
public/img/pixelfed.svg
Normal file
@ -0,0 +1,34 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="1536"
|
||||
height="1792"
|
||||
viewBox="0 0 1536 1792"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="pixelfed.svg"
|
||||
inkscape:version="1.3-alpha (0a19572, 2023-05-23)"
|
||||
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="defs1" />
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="0.13169643"
|
||||
inkscape:cx="-1848.9492"
|
||||
inkscape:cy="896"
|
||||
inkscape:current-layer="svg1" />
|
||||
<path
|
||||
d="M768 1664C343.845 1664 0 1320.155 0 896s343.845-768 768-768 768 343.845 768 768-343.845 768-768 768zm-60.97-600.33h140.887c132.72 0 240.312-104.74 240.312-233.944S980.638 595.782 847.917 595.782H644.576c-76.57 0-138.642 60.427-138.642 134.968v525.312z"
|
||||
fill-rule="evenodd"
|
||||
id="path1"
|
||||
style="fill:#faf5f5;fill-opacity:1" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
Reference in New Issue
Block a user