tenseleyflow/shithub / f91abba

Browse files

Redraw mascot SVGs: cohesive silhouette, full composition in mark, smug smirk

- shithub.svg: body+head+horns+tail+pitchfork all visually connected
(tail exits body's right edge, pitchfork crossbar fuses over tail tip)
- shithub-mark.svg: full mascot at navbar scale (was face-only before)
- favicon.svg: prominent horns to keep devil silhouette readable at 16px
- Smirks switched from polyline-bend to smooth Q-curve
Authored by mfwolffe <wolffemf@dukes.jmu.edu>
SHA
f91abba3c9176dcffbcf8e918ea80fbbb58fff58
Parents
b94d92c
Tree
1e231d8

3 changed files

StatusFile+-
M internal/web/static/logo/favicon.svg 18 8
M internal/web/static/logo/shithub-mark.svg 28 13
M internal/web/static/logo/shithub.svg 38 37
internal/web/static/logo/favicon.svgmodified
@@ -1,10 +1,20 @@
11
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="#cf222e">
2
-  <!-- Compact mark for favicon. Uses a Primer-aligned red so it pops against any tab background. -->
3
-  <path d="M 7 7 C 6 2, 10 0, 12 4 C 13 6, 12 9, 10 10 Z"/>
4
-  <path d="M 25 7 C 26 2, 22 0, 20 4 C 19 6, 20 9, 22 10 Z"/>
5
-  <path d="M 5 12 C 5 8, 10 6, 16 6 C 22 6, 27 8, 27 12 L 27 22 C 27 28, 22 30, 16 30 C 10 30, 5 28, 5 22 Z"/>
6
-  <circle cx="12" cy="16" r="2" fill="#fff"/>
7
-  <circle cx="20" cy="16" r="2" fill="#fff"/>
8
-  <circle cx="13" cy="16" r="0.8" fill="#cf222e"/>
9
-  <circle cx="21" cy="16" r="0.8" fill="#cf222e"/>
2
+  <!-- Compact mark for browser favicons. Solid Primer red. Devil horns
3
+       deliberately oversized so the silhouette reads at 16px. -->
4
+
5
+  <!-- Horns -->
6
+  <path d="M 8 10 Q 2 6, 4 1 Q 9 2, 12 9 Z"/>
7
+  <path d="M 24 10 Q 30 6, 28 1 Q 23 2, 20 9 Z"/>
8
+
9
+  <!-- Head -->
10
+  <path d="M 4 18 C 4 12, 9 8, 16 8 C 23 8, 28 12, 28 18 C 28 25, 24 30, 16 30 C 8 30, 4 25, 4 18 Z"/>
11
+
12
+  <!-- Eyes -->
13
+  <circle cx="11" cy="17" r="2.2" fill="#fff"/>
14
+  <circle cx="21" cy="17" r="2.2" fill="#fff"/>
15
+  <circle cx="12" cy="17.5" r="0.9" fill="#cf222e"/>
16
+  <circle cx="22" cy="17.5" r="0.9" fill="#cf222e"/>
17
+
18
+  <!-- Smug smirk: asymmetric, lifted right. -->
19
+  <path d="M 11 23 Q 16 26, 21 21" stroke="#fff" stroke-width="1.4" fill="none" stroke-linecap="round"/>
1020
 </svg>
internal/web/static/logo/shithub-mark.svgmodified
@@ -1,20 +1,35 @@
1
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="currentColor" role="img" aria-label="shithub">
1
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 100" fill="currentColor" role="img" aria-label="shithub">
22
   <title>shithub</title>
33
4
-  <!-- Devil ears -->
5
-  <path d="M 24 24 C 22 10, 30 2, 36 12 C 38 18, 36 26, 32 30 Z"/>
6
-  <path d="M 76 24 C 78 10, 70 2, 64 12 C 62 18, 64 26, 68 30 Z"/>
4
+  <!-- Tail: emerges from the body's right edge, curves up to the pitchfork. -->
5
+  <path d="M 70 60 C 84 64, 98 60, 100 42" stroke="currentColor" stroke-width="6" fill="none" stroke-linecap="round"/>
76
8
-  <!-- Head -->
9
-  <path d="M 18 38 C 18 24, 32 16, 50 16 C 68 16, 82 24, 82 38 L 82 64 C 82 80, 68 88, 50 88 C 32 88, 18 80, 18 64 Z"/>
7
+  <!-- Pitchfork: filled crossbar fused over the tail tip, 3 sharp prongs. -->
8
+  <rect x="84" y="38" width="32" height="6" rx="1.5"/>
9
+  <polygon points="86,39 92,39 89,8"/>
10
+  <polygon points="97,39 105,39 101,2"/>
11
+  <polygon points="111,39 116,39 113.5,8"/>
12
+
13
+  <!-- Body + head: compact egg silhouette. -->
14
+  <path d="
15
+    M 12 50
16
+    C 12 26, 24 16, 42 16
17
+    C 60 16, 72 26, 72 50
18
+    C 72 80, 62 90, 42 90
19
+    C 22 90, 12 80, 12 50
20
+    Z
21
+  "/>
22
+
23
+  <!-- Devil horns -->
24
+  <path d="M 22 22 Q 8 14, 12 2 Q 22 4, 30 20 Z"/>
25
+  <path d="M 62 22 Q 76 14, 72 2 Q 62 4, 54 20 Z"/>
1026
1127
   <!-- Eyes -->
12
-  <ellipse cx="36" cy="48" rx="6" ry="7" fill="#fff"/>
13
-  <ellipse cx="64" cy="48" rx="6" ry="7" fill="#fff"/>
14
-  <ellipse cx="38" cy="50" rx="2.5" ry="3" fill="currentColor"/>
15
-  <ellipse cx="66" cy="50" rx="2.5" ry="3" fill="currentColor"/>
28
+  <ellipse cx="30" cy="46" rx="4" ry="5" fill="#fff"/>
29
+  <ellipse cx="54" cy="46" rx="4" ry="5" fill="#fff"/>
30
+  <ellipse cx="32" cy="47" rx="1.6" ry="2" fill="currentColor"/>
31
+  <ellipse cx="56" cy="47" rx="1.6" ry="2" fill="currentColor"/>
1632
17
-  <!-- Smug mouth -->
18
-  <path d="M 40 66 C 46 70, 54 70, 60 66 C 60 70, 54 74, 46 74 C 42 74, 40 72, 40 70 Z"/>
19
-  <path d="M 54 70 L 56 76 L 57 70 Z" fill="#fff"/>
33
+  <!-- Smug smirk: a smooth Q-curve, asymmetric (lifted on the right). -->
34
+  <path d="M 30 66 Q 42 72, 54 62" stroke="#fff" stroke-width="2.5" fill="none" stroke-linecap="round"/>
2035
 </svg>
internal/web/static/logo/shithub.svgmodified
@@ -1,39 +1,40 @@
1
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" fill="currentColor" role="img" aria-label="shithub">
1
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 120" fill="currentColor" role="img" aria-label="shithub">
22
   <title>shithub</title>
3
-  <desc>A cat-like silhouette with pointed devil ears and a pitchfork tail. Original artwork, AGPLv3 with the project.</desc>
4
-
5
-  <!-- Devil ears: tall pointed triangles with a curve -->
6
-  <path d="M 32 20 C 30 8, 36 2, 42 10 C 44 16, 42 24, 38 28 Z"/>
7
-  <path d="M 88 20 C 90 8, 84 2, 78 10 C 76 16, 78 24, 82 28 Z"/>
8
-
9
-  <!-- Head: rounded but slightly squarish -->
10
-  <path d="M 28 36 C 28 24, 40 18, 60 18 C 80 18, 92 24, 92 36 L 92 60 C 92 76, 78 84, 60 84 C 42 84, 28 76, 28 60 Z"/>
11
-
12
-  <!-- Eye sockets (white cut-outs) -->
13
-  <ellipse cx="46" cy="48" rx="6" ry="7" fill="#fff"/>
14
-  <ellipse cx="74" cy="48" rx="6" ry="7" fill="#fff"/>
15
-
16
-  <!-- Pupils, off-center to create a sly expression -->
17
-  <ellipse cx="48" cy="50" rx="2.5" ry="3" fill="currentColor"/>
18
-  <ellipse cx="76" cy="50" rx="2.5" ry="3" fill="currentColor"/>
19
-
20
-  <!-- Smug mouth: an asymmetric curl on the right -->
21
-  <path d="M 50 66 C 56 70, 64 70, 70 66 C 70 70, 64 74, 56 74 C 52 74, 50 72, 50 70 Z"/>
22
-
23
-  <!-- Tiny fang on the smile -->
24
-  <path d="M 64 70 L 66 76 L 67 70 Z" fill="#fff"/>
25
-
26
-  <!-- Body: tapered into a curl beneath the head -->
27
-  <path d="M 38 80 C 38 90, 46 96, 60 96 C 74 96, 82 90, 82 80 L 82 78 C 82 86, 74 92, 60 92 C 46 92, 38 86, 38 78 Z"/>
28
-
29
-  <!-- Tail emerging from the lower right of the body -->
30
-  <path d="M 80 90 C 96 90, 102 80, 100 68 C 98 60, 92 58, 88 64 C 90 70, 90 76, 86 80" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round"/>
31
-
32
-  <!-- Pitchfork at the end of the tail -->
33
-  <!-- crossbar -->
34
-  <path d="M 92 56 L 110 56" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
35
-  <!-- 3 prongs -->
36
-  <path d="M 94 56 L 92 44" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
37
-  <path d="M 101 56 L 101 42" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
38
-  <path d="M 108 56 L 110 44" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
3
+  <desc>Original mascot: a cat-like creature with curved devil horns and a pitchfork tail. AGPLv3 with the project.</desc>
4
+
5
+  <!-- Tail: thick stroke that emerges from the right edge of the body and
6
+       curves outward and upward, terminating where the pitchfork crossbar
7
+       sits on top of it. -->
8
+  <path d="M 84 72 C 100 76, 116 70, 118 50" stroke="currentColor" stroke-width="8" fill="none" stroke-linecap="round"/>
9
+
10
+  <!-- Pitchfork: filled crossbar fused over the tail tip, with 3 sharp
11
+       prongs flaring upward. Prongs are filled triangles for sharp tips. -->
12
+  <rect x="100" y="44" width="36" height="7" rx="1.5"/>
13
+  <polygon points="102,45 108,45 105,10"/>
14
+  <polygon points="114,45 124,45 119,4"/>
15
+  <polygon points="130,45 136,45 133,10"/>
16
+
17
+  <!-- Body + head: a single egg-shaped silhouette, narrower at top so the
18
+       horns sit naturally and broader at the bottom for the body. -->
19
+  <path d="
20
+    M 12 60
21
+    C 12 30, 26 18, 50 18
22
+    C 74 18, 88 30, 88 60
23
+    C 88 96, 76 106, 50 106
24
+    C 24 106, 12 96, 12 60
25
+    Z
26
+  "/>
27
+
28
+  <!-- Devil horns: curved triangles flaring up and outward from the head. -->
29
+  <path d="M 26 24 Q 10 16, 14 4 Q 24 6, 34 22 Z"/>
30
+  <path d="M 74 24 Q 90 16, 86 4 Q 76 6, 66 22 Z"/>
31
+
32
+  <!-- Eyes: white sclera with dark pupils, slightly off-center. -->
33
+  <ellipse cx="36" cy="54" rx="5" ry="6" fill="#fff"/>
34
+  <ellipse cx="64" cy="54" rx="5" ry="6" fill="#fff"/>
35
+  <ellipse cx="38" cy="55" rx="2" ry="2.5" fill="currentColor"/>
36
+  <ellipse cx="66" cy="55" rx="2" ry="2.5" fill="currentColor"/>
37
+
38
+  <!-- Smug smirk: a smooth Q-curve, asymmetric (lifted on the right). -->
39
+  <path d="M 36 78 Q 50 84, 62 73" stroke="#fff" stroke-width="3" fill="none" stroke-linecap="round"/>
3940
 </svg>