prototype CSS cards

This commit is contained in:
Stu Leak 2025-12-05 14:01:03 -05:00
parent 29e84276a1
commit 073fc49745
20 changed files with 1312 additions and 299 deletions

View File

@ -4,58 +4,89 @@
*/
/* ================================
* MAIN PAGE WRAPPING
* MAIN APP SHELL
* =================================== */
body {
display: flex;
justify-content: center;
align-items: stretch;
background:
radial-gradient(1200px circle at 10% 20%, rgba(255, 79, 163, 0.10), transparent 45%),
radial-gradient(900px circle at 92% 8%, rgba(126, 231, 231, 0.08), transparent 42%),
var(--color-bg-dark);
min-height: 100vh;
}
/* Main content (center column) */
.main-wrapper {
flex: 1;
.app-shell {
min-height: 100vh;
display: flex;
flex-direction: column;
color: var(--color-text-primary);
}
.app-body {
width: 100%;
max-width: 1800px;
overflow-y: auto;
padding-bottom: 4rem;
margin: 0 auto;
padding: 1.5rem 0 3.5rem;
}
.main-wrapper {
width: 100%;
}
/* Shared container */
.container {
max-width: 1700px;
margin: 0 auto;
padding: 0 1.5rem;
}
/* ================================
* SIDE PANELS (OPTION A scroll WITH page)
* =================================== */
.side-panel {
width: 220px;
flex-shrink: 0;
background: #000;
border-left: 1px solid var(--color-border-soft);
border-right: 1px solid var(--color-border-soft);
display: flex;
flex-direction: column;
overflow: hidden;
}
.side-panel img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
opacity: 0.75;
transition: opacity 0.25s ease;
max-width: none;
margin: 0 auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.side-panel img:hover {
opacity: 1;
@media (min-width: 1200px) {
.container {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
/* Reusable elevated surface */
.surface-panel {
background: linear-gradient(135deg, rgba(255, 79, 163, 0.06), rgba(21, 21, 23, 0.92));
border: 1px solid var(--color-border-soft);
border-radius: 18px;
padding: 1.75rem;
box-shadow: var(--shadow-glow-pink-soft);
}
.section-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1rem;
}
.section-kicker {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--color-text-secondary);
margin-bottom: 0.25rem;
}
.section-title {
font-size: 1.4rem;
font-weight: 700;
}
.section-hint {
color: var(--color-text-secondary);
font-size: 0.95rem;
}
.content-stack {
display: grid;
gap: 1.5rem;
}
@ -64,13 +95,13 @@ body {
* =================================== */
.navbar {
background: var(--color-bg-card);
background: rgba(21, 21, 23, 0.92);
border-bottom: 1px solid var(--color-border-soft);
padding: 0.75rem 0;
padding: 0.85rem 0;
position: sticky;
top: 0;
z-index: 40;
backdrop-filter: blur(6px);
backdrop-filter: blur(8px);
box-shadow: var(--shadow-glow-pink-soft);
}
@ -78,6 +109,9 @@ body {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 1800px;
margin: 0 auto;
}
/* Bootstrap navbar controls */
@ -127,17 +161,20 @@ body {
.hero-section {
background: linear-gradient(
135deg,
rgba(255, 79, 163, 0.10),
rgba(216, 132, 226, 0.05)
140deg,
rgba(255, 79, 163, 0.16),
rgba(12, 12, 14, 0.92)
);
border: 1px solid var(--color-border-soft);
border-radius: var(--radius-soft);
padding: 4rem 3rem;
margin-bottom: 3rem;
border-radius: 20px;
padding: 3rem 2.5rem;
margin-bottom: 2rem;
position: relative;
overflow: hidden;
box-shadow: var(--shadow-glow-pink-soft);
box-shadow: var(--shadow-glow-pink);
display: flex;
flex-direction: column;
gap: 1.5rem;
}
/* Subtle radial neon glow (G-A) */
@ -155,7 +192,7 @@ body {
}
.hero-title {
font-size: 3.2rem;
font-size: 2.8rem;
font-weight: 800;
background: linear-gradient(
135deg,
@ -170,8 +207,18 @@ body {
margin-top: 1rem;
font-size: 1.2rem;
color: var(--color-text-secondary);
max-width: 580px;
margin-inline: auto;
max-width: 720px;
}
.hero-actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.hero-actions .btn,
.hero-actions .btn-secondary {
min-width: 180px;
}
@ -182,15 +229,15 @@ body {
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1.5rem;
margin-bottom: 3rem;
gap: 1.25rem;
margin-bottom: 2rem;
}
.stat-card {
background: var(--color-bg-card);
border: 1px solid var(--color-border-soft);
border-radius: var(--radius);
padding: 1.5rem;
padding: 1.4rem;
display: flex;
align-items: center;
justify-content: space-between;
@ -210,7 +257,7 @@ body {
}
.stat-content .stat-value {
font-size: 2rem;
font-size: 1.9rem;
font-weight: 700;
}
@ -241,24 +288,17 @@ body {
* RESPONSIVE BREAKPOINTS
* =================================== */
/* --- Large screens under 1600px --- */
@media (max-width: 1600px) {
.side-panel {
width: 180px;
}
}
/* --- Hide side panels under 900px --- */
/* --- Small screens --- */
@media (max-width: 900px) {
.side-panel {
display: none;
}
.main-wrapper {
padding: 0 0.5rem;
}
.logo-img {
height: 36px;
}
.hero-actions {
justify-content: flex-start;
}
}
/* --- Mobile adjustments (≤ 600px) --- */

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 928 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 928 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 2.9 MiB

View File

@ -23,16 +23,17 @@
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
inkscape:zoom="2.8284271"
inkscape:cx="1382.9241"
inkscape:cy="89.095455"
inkscape:zoom="0.70710678"
inkscape:cx="776.40325"
inkscape:cy="353.55339"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g9"
showgrid="true">
showgrid="false"
showguides="true">
<inkscape:page
x="0"
y="0"
@ -42,7 +43,7 @@
margin="0"
bleed="0" />
<inkscape:page
x="610"
x="611"
y="0"
width="600"
height="180"
@ -65,7 +66,7 @@
opacity="0.14901961"
empspacing="5"
enabled="true"
visible="true" />
visible="false" />
<inkscape:page
x="1220"
y="0"
@ -82,6 +83,38 @@
id="page20"
margin="0"
bleed="0" />
<inkscape:page
x="611"
y="184"
width="600"
height="180"
id="page22"
margin="0"
bleed="0" />
<inkscape:page
x="0"
y="184"
width="600"
height="180"
id="page3"
margin="0"
bleed="0" />
<inkscape:page
x="1220"
y="115.2755"
width="180"
height="110"
id="page5"
margin="0"
bleed="0" />
<inkscape:page
x="1410"
y="115.2755"
width="180"
height="110"
id="page6"
margin="0"
bleed="0" />
</sodipodi:namedview>
<defs
id="defs1" />
@ -89,11 +122,6 @@
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<path
id="path26"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#ff5fa2;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
d="m 89.6071,50.4885 c -23.10416,0 -39.60743,16.69024 -39.60743,39.51149 0,22.82124 16.50328,39.51151 39.60743,39.51151 22.06683,0 39.04336,-15.65212 39.04336,-37.90755 v -3.39592 h -40.6473 v 8.57996 h 30.08354 c -1.13163,13.67388 -12.63408,23.85962 -28.0997,23.85962 -17.6346,0 -30.08354,-12.82442 -30.08354,-30.64762 0,-17.72891 12.44569,-30.45956 29.89167,-30.45956 12.91947,0 23.57566,7.07122 26.68766,16.59581 h 10.75176 C 123.27385,61.70793 108.84487,50.48851 89.6071,50.4885 Z m 240.25392,1.32 v 59.3152 L 284.12556,52.28048 h -9.23996 v 75.53498 h 9.89995 V 68.50023 l 45.73537,58.84324 h 9.3359 V 51.80846 Z m 18.51061,0.47198 v 75.53499 h 26.7796 c 26.0276,0 41.1193,-15.1812 41.1193,-37.71954 0,-0.52548 -0.01,-1.04807 -0.027,-1.56558 -0.041,-1.2646 -0.1283,-2.50346 -0.2647,-3.71824 h -0.01 c -2.2059,-19.60648 -16.8839,-32.53165 -40.82,-32.53165 z m 74.6754,0 v 75.53499 h 54.5072 v -8.77182 h -44.6073 V 93.5839 h 40.4593 v -8.77179 h -40.4593 V 61.04843 h 43.7593 v -8.76795 z m 60.6582,0 26.3116,37.34349 -27.2555,38.1915 h 11.5998 l 21.9717,-30.93156 21.8797,30.93156 h 11.7878 l -27.3476,-38.47545 26.4036,-37.05954 h -11.5039 l -21.0277,29.79956 -20.8436,-29.79956 z m -125.4337,8.86387 h 17.1637 c 17.2271,0 28.4182,8.55424 30.4864,23.66776 h -23.3339 v 8.77179 h 23.5335 c 0.098,-1.12825 0.1497,-2.29113 0.1497,-3.48797 0,1.19665 -0.052,2.35989 -0.1497,3.48797 -1.4059,16.20741 -12.7883,25.27173 -30.686,25.27173 h -17.1637 z"
sodipodi:nodetypes="ssssccccsssccscccccccccccccsscccsccccccccccccccccccccccccccccsccccccscc" />
<path
d="m 206.54093,52.264773 h -9.90177 v 75.536347 h 9.90177 z"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';display:none;fill:#808000;stroke-width:7.85855"
@ -134,54 +162,144 @@
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Layer 2">
<path
d="m 699.60709,50.4885 c -23.10416,0 -39.60742,16.69024 -39.60742,39.51149 0,22.82124 16.50328,39.51151 39.60742,39.51151 22.06684,0 39.04337,-15.65212 39.04337,-37.90755 v -3.39592 h -40.64731 v 8.57996 h 30.08355 c -1.13164,13.67388 -12.63408,23.85962 -28.09971,23.85962 -17.6346,0 -30.08354,-12.82442 -30.08354,-30.64762 0,-17.72891 12.4457,-30.45956 29.89167,-30.45956 12.91948,0 23.57567,7.07122 26.68767,16.59581 h 10.75176 C 733.27385,61.70793 718.84487,50.48851 699.60709,50.4885 Z m 240.25393,1.32 v 59.3152 L 894.12555,52.28048 h -9.23995 v 75.53498 h 9.89995 V 68.50023 l 45.73536,58.84324 h 9.3359 V 51.80846 Z"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#483737;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
id="path1"
sodipodi:nodetypes="ssssccccsssccsccccccccccc" />
<path
id="path2"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#8a6f91;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
d="m 958.37162,52.28048 v 75.53499 h 26.7796 c 26.02758,0 41.11928,-15.1812 41.11928,-37.71954 0,-0.52548 -0.01,-1.04807 -0.027,-1.56558 -0.041,-1.2646 -0.1283,-2.50346 -0.2647,-3.71824 h -0.01 c -2.2059,-19.60648 -16.8839,-32.53165 -40.81997,-32.53165 z m 9.8999,8.86387 h 17.16371 c 17.22707,0 28.41817,8.55424 30.48637,23.66776 h -23.33388 v 8.77179 h 23.53348 c 0.098,-1.12825 0.1497,-2.29113 0.1497,-3.48797 0,1.19665 -0.052,2.35989 -0.1497,3.48797 -1.4059,16.20741 -12.7883,25.27173 -30.68597,25.27173 h -17.16371 z"
sodipodi:nodetypes="ccsscccsccsccccccscc" />
</g>
<path
d="m 1033.047,52.28048 v 75.53499 h 54.5072 v -8.77182 h -44.6073 V 93.5839 h 40.4593 v -8.77179 h -40.4593 V 61.04843 h 43.7593 v -8.76795 z m 60.6582,0 26.3116,37.34349 -27.2555,38.1915 h 11.5998 l 21.9717,-30.93156 21.8797,30.93156 h 11.7878 l -27.3476,-38.47545 26.4036,-37.05954 h -11.5039 l -21.0277,29.79956 -20.8436,-29.79956 z"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#ff5fa2;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
id="path1-1" />
inkscape:label="Layer 2" />
<g
inkscape:groupmode="layer"
id="g9"
inkscape:label="Titty">
<path
id="path13"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';stroke-width:7.85855;fill:#ff5fa2;fill-opacity:1"
d="M 173.33789 50.472656 C 150.42237 50.472656 133.54297 67.165118 133.54297 89.986328 C 133.54297 112.80755 150.51808 129.49805 173.43359 129.49805 C 184.72527 129.49805 194.54994 125.44543 201.61328 118.60352 C 208.69985 125.44543 218.55013 129.49805 229.8418 129.49805 C 252.75733 129.49805 269.63672 112.80755 269.63672 89.986328 C 269.63672 67.165118 252.66358 50.472656 229.74805 50.472656 C 218.45638 50.472656 208.62975 54.525269 201.56641 61.367188 C 194.47983 54.525267 184.62956 50.472656 173.33789 50.472656 z M 173.33789 59.525391 C 182.39788 59.525391 190.21021 63.008763 195.58789 68.896484 C 198.21228 71.769779 200.25728 75.215888 201.58398 79.109375 C 202.9042 75.210676 204.94121 71.760371 207.55859 68.884766 C 212.91125 63.004031 220.69398 59.525391 229.74805 59.525391 C 247.00542 59.525391 259.73633 72.163146 259.73633 89.986328 C 259.73633 107.71522 247.00486 120.44531 229.8418 120.44531 C 220.78934 120.44531 212.98272 116.94263 207.60547 111.05273 C 204.97114 108.16726 202.91866 104.70856 201.58984 100.80859 C 200.2638 104.70381 198.21994 108.15962 195.5957 111.04297 C 190.22932 116.93923 182.44196 120.44531 173.43359 120.44531 C 156.17623 120.44531 143.44531 107.71522 143.44531 89.986328 C 143.44531 72.163146 156.08053 59.525391 173.33789 59.525391 z M 172.58594 100.67578 C 170.48224 100.6759 168.77728 102.38262 168.7793 104.48633 C 168.77939 106.58856 170.48372 108.2909 172.58594 108.29102 C 174.68815 108.2909 176.39244 106.58856 176.39258 104.48633 C 176.39458 102.38262 174.68964 100.6759 172.58594 100.67578 z M 229.05078 100.67578 C 226.94706 100.6759 225.24216 102.38262 225.24414 104.48633 C 225.24427 106.58856 226.94852 108.2909 229.05078 108.29102 C 231.153 108.2909 232.8573 106.58856 232.85742 104.48633 C 232.85942 102.38262 231.15448 100.6759 229.05078 100.67578 z " />
<g
id="g20">
id="g8">
<path
id="path19"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#483737;fill-opacity:1;stroke-width:7.85855"
d="m 783.33779,50.472656 c -22.91552,0 -39.79492,16.692462 -39.79492,39.513672 0,22.821222 16.97511,39.511722 39.89062,39.511722 11.29168,0 21.11635,-4.05262 28.17969,-10.89453 7.08657,6.84191 16.93685,10.89453 28.22852,10.89453 22.91553,0 39.79492,-16.6905 39.79492,-39.511722 0,-22.82121 -16.97314,-39.513672 -39.88867,-39.513672 -11.29167,0 -21.1183,4.052613 -28.18164,10.894532 -7.08658,-6.841921 -16.93685,-10.894532 -28.22852,-10.894532 z m 0,9.052735 c 9.05999,0 16.87232,3.483372 22.25,9.371093 2.62439,2.873295 4.66939,6.319404 5.99609,10.212891 1.32022,-3.898699 3.35723,-7.349004 5.97461,-10.224609 5.35266,-5.880735 13.13539,-9.359375 22.18946,-9.359375 17.25737,0 29.98828,12.637755 29.98828,30.460937 0,17.728892 -12.73147,30.458982 -29.89453,30.458982 -9.05246,0 -16.85908,-3.50268 -22.23633,-9.39258 -2.63433,-2.88547 -4.68681,-6.34417 -6.01563,-10.24414 -1.32604,3.89522 -3.3699,7.35103 -5.99414,10.23438 -5.36638,5.89626 -13.15374,9.40234 -22.16211,9.40234 -17.25736,0 -29.98828,-12.73009 -29.98828,-30.458982 0,-17.823182 12.63522,-30.460937 29.89258,-30.460937 z"
sodipodi:nodetypes="ssscssscssscssssscssss" />
id="path26"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#ff5fa2;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
d="m 89.6071,50.4885 c -23.10416,0 -39.60743,16.69024 -39.60743,39.51149 0,22.82124 16.50328,39.51151 39.60743,39.51151 22.06683,0 39.04336,-15.65212 39.04336,-37.90755 v -3.39592 h -40.6473 v 8.57996 h 30.08354 c -1.13163,13.67388 -12.63408,23.85962 -28.0997,23.85962 -17.6346,0 -30.08354,-12.82442 -30.08354,-30.64762 0,-17.72891 12.44569,-30.45956 29.89167,-30.45956 12.91947,0 23.57566,7.07122 26.68766,16.59581 h 10.75176 C 123.27385,61.70793 108.84487,50.48851 89.6071,50.4885 Z m 240.25392,1.32 v 59.3152 L 284.12556,52.28048 h -9.23996 v 75.53498 h 9.89995 V 68.50023 l 45.73537,58.84324 h 9.3359 V 51.80846 Z m 18.51061,0.47198 v 75.53499 h 26.7796 c 26.0276,0 41.1193,-15.1812 41.1193,-37.71954 0,-0.52548 -0.01,-1.04807 -0.027,-1.56558 -0.041,-1.2646 -0.1283,-2.50346 -0.2647,-3.71824 h -0.01 c -2.2059,-19.60648 -16.8839,-32.53165 -40.82,-32.53165 z m 74.6754,0 v 75.53499 h 54.5072 v -8.77182 h -44.6073 V 93.5839 h 40.4593 v -8.77179 h -40.4593 V 61.04843 h 43.7593 v -8.76795 z m 60.6582,0 26.3116,37.34349 -27.2555,38.1915 h 11.5998 l 21.9717,-30.93156 21.8797,30.93156 h 11.7878 l -27.3476,-38.47545 26.4036,-37.05954 h -11.5039 l -21.0277,29.79956 -20.8436,-29.79956 z m -125.4337,8.86387 h 17.1637 c 17.2271,0 28.4182,8.55424 30.4864,23.66776 h -23.3339 v 8.77179 h 23.5335 c 0.098,-1.12825 0.1497,-2.29113 0.1497,-3.48797 0,1.19665 -0.052,2.35989 -0.1497,3.48797 -1.4059,16.20741 -12.7883,25.27173 -30.686,25.27173 h -17.1637 z"
sodipodi:nodetypes="ssssccccsssccscccccccccccccsscccsccccccccccccccccccccccccccccsccccccscc" />
<path
d="m 782.58584,100.67578 c -2.1037,1.2e-4 -3.80866,1.70684 -3.80664,3.81055 9e-5,2.10223 1.70442,3.80457 3.80664,3.80469 2.10221,-1.2e-4 3.8065,-1.70246 3.80664,-3.80469 0.002,-2.10371 -1.70294,-3.81043 -3.80664,-3.81055 z m 56.46484,0 c -2.10372,1.2e-4 -3.80862,1.70684 -3.80664,3.81055 1.3e-4,2.10223 1.70438,3.80457 3.80664,3.80469 2.10222,-1.2e-4 3.80652,-1.70246 3.80664,-3.80469 0.002,-2.10371 -1.70294,-3.81043 -3.80664,-3.81055 z"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#8a6f91;fill-opacity:1;stroke-width:7.85855"
id="path1-52" />
id="path13"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';stroke-width:7.85855;fill:#ff5fa2;fill-opacity:1"
d="M 173.33789 50.472656 C 150.42237 50.472656 133.54297 67.165118 133.54297 89.986328 C 133.54297 112.80755 150.51808 129.49805 173.43359 129.49805 C 184.72527 129.49805 194.54994 125.44543 201.61328 118.60352 C 208.69985 125.44543 218.55013 129.49805 229.8418 129.49805 C 252.75733 129.49805 269.63672 112.80755 269.63672 89.986328 C 269.63672 67.165118 252.66358 50.472656 229.74805 50.472656 C 218.45638 50.472656 208.62975 54.525269 201.56641 61.367188 C 194.47983 54.525267 184.62956 50.472656 173.33789 50.472656 z M 173.33789 59.525391 C 182.39788 59.525391 190.21021 63.008763 195.58789 68.896484 C 198.21228 71.769779 200.25728 75.215888 201.58398 79.109375 C 202.9042 75.210676 204.94121 71.760371 207.55859 68.884766 C 212.91125 63.004031 220.69398 59.525391 229.74805 59.525391 C 247.00542 59.525391 259.73633 72.163146 259.73633 89.986328 C 259.73633 107.71522 247.00486 120.44531 229.8418 120.44531 C 220.78934 120.44531 212.98272 116.94263 207.60547 111.05273 C 204.97114 108.16726 202.91866 104.70856 201.58984 100.80859 C 200.2638 104.70381 198.21994 108.15962 195.5957 111.04297 C 190.22932 116.93923 182.44196 120.44531 173.43359 120.44531 C 156.17623 120.44531 143.44531 107.71522 143.44531 89.986328 C 143.44531 72.163146 156.08053 59.525391 173.33789 59.525391 z M 172.58594 100.67578 C 170.48224 100.6759 168.77728 102.38262 168.7793 104.48633 C 168.77939 106.58856 170.48372 108.2909 172.58594 108.29102 C 174.68815 108.2909 176.39244 106.58856 176.39258 104.48633 C 176.39458 102.38262 174.68964 100.6759 172.58594 100.67578 z M 229.05078 100.67578 C 226.94706 100.6759 225.24216 102.38262 225.24414 104.48633 C 225.24427 106.58856 226.94852 108.2909 229.05078 108.29102 C 231.153 108.2909 232.8573 106.58856 232.85742 104.48633 C 232.85942 102.38262 231.15448 100.6759 229.05078 100.67578 z " />
</g>
<g
id="g11">
<path
d="m 700.6071,50.496422 c -23.10416,0 -39.60742,16.69024 -39.60742,39.51149 0,22.821238 16.50328,39.511508 39.60742,39.511508 22.06684,0 39.04337,-15.65212 39.04337,-37.907548 v -3.39592 h -40.64731 v 8.57996 h 30.08355 c -1.13164,13.673878 -12.63408,23.859618 -28.09971,23.859618 -17.6346,0 -30.08354,-12.82442 -30.08354,-30.647618 0,-17.72891 12.4457,-30.45956 29.89167,-30.45956 12.91948,0 23.57567,7.07122 26.68767,16.59581 h 10.75176 c -3.9607,-14.42831 -18.38968,-25.64773 -37.62746,-25.64774 z m 240.25393,1.32 V 111.13162 L 895.12556,52.288402 h -9.23995 v 75.534978 h 9.89995 V 68.508152 l 45.73536,58.843238 h 9.3359 V 51.816382 Z"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#483737;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
id="path1"
sodipodi:nodetypes="ssssccccsssccsccccccccccc" />
<path
id="path2"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#8a6f91;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
d="m 959.37163,52.288402 v 75.534988 h 26.7796 c 26.02757,0 41.11927,-15.1812 41.11927,-37.719538 0,-0.52548 -0.01,-1.04807 -0.027,-1.56558 -0.041,-1.2646 -0.1283,-2.50346 -0.2647,-3.71824 h -0.01 c -2.2059,-19.60648 -16.8839,-32.53165 -40.81995,-32.53165 z m 9.8999,8.86387 h 17.16371 c 17.22706,0 28.41816,8.55424 30.48636,23.66776 h -23.33387 v 8.77179 h 23.53347 c 0.098,-1.12825 0.1497,-2.29113 0.1497,-3.48797 0,1.19665 -0.052,2.35989 -0.1497,3.48797 -1.4059,16.207408 -12.7883,25.271728 -30.68596,25.271728 h -17.16371 z"
sodipodi:nodetypes="ccsscccsccsccccccscc" />
<path
d="m 1034.047,52.288402 v 75.534988 h 54.5072 v -8.77182 h -44.6073 V 93.591822 h 40.4593 v -8.77179 h -40.4593 v -23.76368 h 43.7593 v -8.76795 z m 60.6582,0 26.3116,37.34349 -27.2555,38.191498 h 11.5998 l 21.9717,-30.931558 21.8797,30.931558 h 11.7878 l -27.3476,-38.475448 26.4036,-37.05954 h -11.5039 l -21.0277,29.79956 -20.8436,-29.79956 z"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#ff5fa2;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
id="path1-1" />
<g
id="g20"
transform="translate(1.000015,0.007922)">
<path
id="path19"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#483737;fill-opacity:1;stroke-width:7.85855"
d="m 783.33779,50.472656 c -22.91552,0 -39.79492,16.692462 -39.79492,39.513672 0,22.821222 16.97511,39.511722 39.89062,39.511722 11.29168,0 21.11635,-4.05262 28.17969,-10.89453 7.08657,6.84191 16.93685,10.89453 28.22852,10.89453 22.91553,0 39.79492,-16.6905 39.79492,-39.511722 0,-22.82121 -16.97314,-39.513672 -39.88867,-39.513672 -11.29167,0 -21.1183,4.052613 -28.18164,10.894532 -7.08658,-6.841921 -16.93685,-10.894532 -28.22852,-10.894532 z m 0,9.052735 c 9.05999,0 16.87232,3.483372 22.25,9.371093 2.62439,2.873295 4.66939,6.319404 5.99609,10.212891 1.32022,-3.898699 3.35723,-7.349004 5.97461,-10.224609 5.35266,-5.880735 13.13539,-9.359375 22.18946,-9.359375 17.25737,0 29.98828,12.637755 29.98828,30.460937 0,17.728892 -12.73147,30.458982 -29.89453,30.458982 -9.05246,0 -16.85908,-3.50268 -22.23633,-9.39258 -2.63433,-2.88547 -4.68681,-6.34417 -6.01563,-10.24414 -1.32604,3.89522 -3.3699,7.35103 -5.99414,10.23438 -5.36638,5.89626 -13.15374,9.40234 -22.16211,9.40234 -17.25736,0 -29.98828,-12.73009 -29.98828,-30.458982 0,-17.823182 12.63522,-30.460937 29.89258,-30.460937 z"
sodipodi:nodetypes="ssscssscssscssssscssss" />
<path
d="m 782.58584,100.67578 c -2.1037,1.2e-4 -3.80866,1.70684 -3.80664,3.81055 9e-5,2.10223 1.70442,3.80457 3.80664,3.80469 2.10221,-1.2e-4 3.8065,-1.70246 3.80664,-3.80469 0.002,-2.10371 -1.70294,-3.81043 -3.80664,-3.81055 z m 56.46484,0 c -2.10372,1.2e-4 -3.80862,1.70684 -3.80664,3.81055 1.3e-4,2.10223 1.70438,3.80457 3.80664,3.80469 2.10222,-1.2e-4 3.80652,-1.70246 3.80664,-3.80469 0.002,-2.10371 -1.70294,-3.81043 -3.80664,-3.81055 z"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#8a6f91;fill-opacity:1;stroke-width:7.85855"
id="path1-52" />
</g>
</g>
<g
id="g5"
transform="translate(-610.99999,336.73506)">
<path
d="m 700.6071,-102.23864 c -23.10416,0 -39.60742,16.690237 -39.60742,39.511487 0,22.82124 16.50328,39.51151 39.60742,39.51151 22.06684,0 39.04337,-15.65212 39.04337,-37.90755 v -3.39592 h -40.64731 v 8.57996 h 30.08355 c -1.13164,13.67388 -12.63408,23.85962 -28.09971,23.85962 -17.6346,0 -30.08354,-12.82442 -30.08354,-30.64762 0,-17.72891 12.4457,-30.45956 29.89167,-30.45956 12.91948,0 23.57567,7.07122 26.68767,16.59581 h 10.75176 c -3.9607,-14.42831 -18.38968,-25.647727 -37.62746,-25.647737 z m 240.25393,1.32 v 59.315197 l -45.73547,-58.843217 h -9.23995 v 75.534977 h 9.89995 v -59.31523 l 45.73536,58.84324 h 9.3359 v -75.535007 z"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#ff5fa2;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
id="path31"
sodipodi:nodetypes="ssssccccsssccsccccccccccc" />
<path
id="path32"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#8a6f91;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
d="m 959.37163,-100.44666 v 75.534987 h 26.7796 c 26.02757,0 41.11927,-15.1812 41.11927,-37.71954 0,-0.52548 -0.01,-1.04807 -0.027,-1.56558 -0.041,-1.2646 -0.1283,-2.50346 -0.2647,-3.71824 h -0.01 c -2.2059,-19.60648 -16.8839,-32.531647 -40.81995,-32.531647 z m 9.8999,8.863867 h 17.16371 c 17.22706,0 28.41816,8.55424 30.48636,23.66776 h -23.33387 v 8.77179 h 23.53347 c 0.098,-1.12825 0.1497,-2.29113 0.1497,-3.48797 0,1.19665 -0.052,2.35989 -0.1497,3.48797 -1.4059,16.20741 -12.7883,25.27173 -30.68596,25.27173 h -17.16371 z"
sodipodi:nodetypes="ccsscccsccsccccccscc" />
<path
d="m 1034.047,-100.44666 v 75.534987 h 54.5072 v -8.77182 h -44.6073 v -25.45975 h 40.4593 v -8.77179 h -40.4593 v -23.76368 h 43.7593 v -8.767947 z m 60.6582,0 26.3116,37.343487 -27.2555,38.1915 h 11.5998 l 21.9717,-30.93156 21.8797,30.93156 h 11.7878 l -27.3476,-38.47545 26.4036,-37.059537 h -11.5039 l -21.0277,29.799557 -20.8436,-29.799557 z"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#8a6f91;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
id="path33" />
<g
id="g35"
transform="translate(1.000015,-152.72714)"
style="fill:#ff5fa2;fill-opacity:1">
<path
id="path34"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#ff5fa2;fill-opacity:1;stroke-width:7.85855"
d="m 783.33779,50.472656 c -22.91552,0 -39.79492,16.692462 -39.79492,39.513672 0,22.821222 16.97511,39.511722 39.89062,39.511722 11.29168,0 21.11635,-4.05262 28.17969,-10.89453 7.08657,6.84191 16.93685,10.89453 28.22852,10.89453 22.91553,0 39.79492,-16.6905 39.79492,-39.511722 0,-22.82121 -16.97314,-39.513672 -39.88867,-39.513672 -11.29167,0 -21.1183,4.052613 -28.18164,10.894532 -7.08658,-6.841921 -16.93685,-10.894532 -28.22852,-10.894532 z m 0,9.052735 c 9.05999,0 16.87232,3.483372 22.25,9.371093 2.62439,2.873295 4.66939,6.319404 5.99609,10.212891 1.32022,-3.898699 3.35723,-7.349004 5.97461,-10.224609 5.35266,-5.880735 13.13539,-9.359375 22.18946,-9.359375 17.25737,0 29.98828,12.637755 29.98828,30.460937 0,17.728892 -12.73147,30.458982 -29.89453,30.458982 -9.05246,0 -16.85908,-3.50268 -22.23633,-9.39258 -2.63433,-2.88547 -4.68681,-6.34417 -6.01563,-10.24414 -1.32604,3.89522 -3.3699,7.35103 -5.99414,10.23438 -5.36638,5.89626 -13.15374,9.40234 -22.16211,9.40234 -17.25736,0 -29.98828,-12.73009 -29.98828,-30.458982 0,-17.823182 12.63522,-30.460937 29.89258,-30.460937 z"
sodipodi:nodetypes="ssscssscssscssssscssss" />
<path
d="m 782.58584,100.67578 c -2.1037,1.2e-4 -3.80866,1.70684 -3.80664,3.81055 9e-5,2.10223 1.70442,3.80457 3.80664,3.80469 2.10221,-1.2e-4 3.8065,-1.70246 3.80664,-3.80469 0.002,-2.10371 -1.70294,-3.81043 -3.80664,-3.81055 z m 56.46484,0 c -2.10372,1.2e-4 -3.80862,1.70684 -3.80664,3.81055 1.3e-4,2.10223 1.70438,3.80457 3.80664,3.80469 2.10222,-1.2e-4 3.80652,-1.70246 3.80664,-3.80469 0.002,-2.10371 -1.70294,-3.81043 -3.80664,-3.81055 z"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#ff5fa2;fill-opacity:1;stroke-width:7.85855"
id="path35" />
</g>
</g>
<path
id="path13-4"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#ff5fa2;fill-opacity:1;stroke-width:9.80478"
d="M 1274.6505,5 C 1246.0598,5 1225,25.826486 1225,54.299551 c 0,28.473073 21.1791,49.297109 49.7699,49.297109 14.0881,0 26.3458,-5.056266 35.1585,-13.592646 8.8417,8.53638 21.1312,13.592646 35.2194,13.592646 28.5909,0 49.6506,-20.824036 49.6506,-49.297109 C 1394.7984,25.826486 1373.6218,5 1345.0311,5 1330.9429,5 1318.6826,10.056275 1309.8699,18.592651 1301.0283,10.056273 1288.7387,5 1274.6505,5 Z m 0,11.294718 c 11.3038,0 21.0508,4.346057 27.7603,11.69192 3.2744,3.584891 5.8258,7.884457 7.4811,12.742197 1.6471,-4.864244 4.1887,-9.169044 7.4542,-12.756817 6.6784,-7.337146 16.3885,-11.6773 27.685,-11.6773 21.5312,0 37.415,15.767597 37.415,38.004833 0,22.119593 -15.8844,38.002393 -37.2982,38.002393 -11.2943,0 -21.0343,-4.37015 -27.7432,-11.71873 -3.2869,-3.60007 -5.8476,-7.915358 -7.5056,-12.781188 -1.6544,4.859897 -4.2044,9.171568 -7.4786,12.769018 -6.6954,7.35651 -16.4112,11.7309 -27.6506,11.7309 -21.5314,0 -37.4152,-15.88281 -37.4152,-38.002393 0,-22.237236 15.7644,-38.004833 37.2958,-38.004833 z m -0.9383,51.341619 c -2.6247,1.49e-4 -4.7519,2.129552 -4.7493,4.754267 10e-5,2.62286 2.1265,4.74679 4.7493,4.74695 2.623,-1.6e-4 4.7491,-2.12409 4.7495,-4.74695 0,-2.624715 -2.1248,-4.754118 -4.7495,-4.754267 z m 70.4489,0 c -2.6247,1.49e-4 -4.7518,2.129552 -4.7495,4.754267 2e-4,2.62286 2.1265,4.74679 4.7495,4.74695 2.6228,-1.6e-4 4.7492,-2.12409 4.7493,-4.74695 0,-2.624715 -2.1246,-4.754118 -4.7493,-4.754267 z" />
<g
id="g22">
<path
id="path22"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#483737;fill-opacity:1;stroke-width:9.80478"
d="m 1464.5026,5 c -28.5907,0 -49.6505,20.826486 -49.6505,49.299551 0,28.473073 21.1791,49.297109 49.7699,49.297109 14.0881,0 26.3458,-5.056266 35.1585,-13.592646 8.8417,8.53638 21.1312,13.592646 35.2194,13.592646 28.5909,0 49.6506,-20.824036 49.6506,-49.297109 C 1584.6505,25.826486 1563.4739,5 1534.8832,5 1520.795,5 1508.5347,10.056275 1499.722,18.592651 1490.8804,10.056273 1478.5908,5 1464.5026,5 Z m 0,11.294718 c 11.3038,0 21.0508,4.346057 27.7603,11.69192 3.2744,3.584891 5.8258,7.884457 7.4811,12.742197 1.6471,-4.864244 4.1887,-9.169044 7.4542,-12.756817 6.6784,-7.337146 16.3885,-11.6773 27.685,-11.6773 21.5312,0 37.415,15.767597 37.415,38.004833 0,22.119593 -15.8844,38.002393 -37.2982,38.002393 -11.2943,0 -21.0343,-4.37015 -27.7432,-11.71873 -3.2869,-3.60007 -5.8476,-7.915358 -7.5056,-12.781188 -1.6544,4.859897 -4.2044,9.171568 -7.4786,12.769018 -6.6954,7.35651 -16.4112,11.7309 -27.6506,11.7309 -21.5314,0 -37.4152,-15.88281 -37.4152,-38.002393 0,-22.237236 15.7644,-38.004833 37.2958,-38.004833 z"
sodipodi:nodetypes="ssscssscssscssssscssss" />
<path
d="m 1463.5643,67.636337 c -2.6247,1.49e-4 -4.7519,2.129552 -4.7493,4.754267 10e-5,2.62286 2.1265,4.74679 4.7493,4.74695 2.623,-1.6e-4 4.7491,-2.12409 4.7495,-4.74695 0,-2.624715 -2.1248,-4.754118 -4.7495,-4.754267 z m 70.4489,0 c -2.6247,1.49e-4 -4.7518,2.129552 -4.7495,4.754267 2e-4,2.62286 2.1265,4.74679 4.7495,4.74695 2.6228,-1.6e-4 4.7492,-2.12409 4.7493,-4.74695 0,-2.624715 -2.1246,-4.754118 -4.7493,-4.754267 z"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#8a6f91;fill-opacity:1;stroke-width:9.80478"
id="path1-8" />
</g>
<g
id="g10">
<path
d="m 700.6071,234.49642 c -23.10416,0 -39.60742,16.69024 -39.60742,39.51149 0,22.82124 16.50328,39.51151 39.60742,39.51151 22.06684,0 39.04337,-15.65212 39.04337,-37.90755 v -3.39592 h -40.64731 v 8.57996 h 30.08355 c -1.13164,13.67388 -12.63408,23.85962 -28.09971,23.85962 -17.6346,0 -30.08354,-12.82442 -30.08354,-30.64762 0,-17.72891 12.4457,-30.45956 29.89167,-30.45956 12.91948,0 23.57567,7.07122 26.68767,16.59581 h 10.75176 c -3.9607,-14.42831 -18.38968,-25.64773 -37.62746,-25.64774 z m 240.25393,1.32 v 59.3152 L 895.12556,236.2884 h -9.23995 v 75.53498 h 9.89995 v -59.31523 l 45.73536,58.84324 h 9.3359 v -75.53501 z"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#e3bea2;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
id="path23"
sodipodi:nodetypes="ssssccccsssccsccccccccccc" />
<path
id="path24"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#e880a8;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
d="m 959.37163,236.2884 v 75.53499 h 26.7796 c 26.02757,0 41.11927,-15.1812 41.11927,-37.71954 0,-0.52548 -0.01,-1.04807 -0.027,-1.56558 -0.041,-1.2646 -0.1283,-2.50346 -0.2647,-3.71824 h -0.01 c -2.2059,-19.60648 -16.8839,-32.53165 -40.81995,-32.53165 z m 9.8999,8.86387 h 17.16371 c 17.22706,0 28.41816,8.55424 30.48636,23.66776 h -23.33387 v 8.77179 h 23.53347 c 0.098,-1.12825 0.1497,-2.29113 0.1497,-3.48797 0,1.19665 -0.052,2.35989 -0.1497,3.48797 -1.4059,16.20741 -12.7883,25.27173 -30.68596,25.27173 h -17.16371 z"
sodipodi:nodetypes="ccsscccsccsccccccscc" />
<path
d="m 1034.047,236.2884 v 75.53499 h 54.5072 v -8.77182 h -44.6073 v -25.45975 h 40.4593 v -8.77179 h -40.4593 v -23.76368 h 43.7593 v -8.76795 z m 60.6582,0 26.3116,37.34349 -27.2555,38.1915 h 11.5998 l 21.9717,-30.93156 21.8797,30.93156 h 11.7878 l -27.3476,-38.47545 26.4036,-37.05954 h -11.5039 l -21.0277,29.79956 -20.8436,-29.79956 z"
style="font-size:48px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans';fill:#ff5fa2;fill-opacity:1;stroke-width:0;stroke-linecap:round;paint-order:markers fill stroke"
id="path25" />
<path
id="path27"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#e3bea2;fill-opacity:1;stroke-width:7.85855"
d="m 784.3378,234.48058 c -22.91552,0 -39.79492,16.69246 -39.79492,39.51367 0,22.82122 16.97511,39.51172 39.89062,39.51172 11.29168,0 21.11635,-4.05262 28.1797,-10.89453 7.08657,6.84191 16.93685,10.89453 28.22852,10.89453 22.91552,0 39.79492,-16.6905 39.79492,-39.51172 0,-22.82121 -16.97314,-39.51367 -39.88867,-39.51367 -11.29167,0 -21.1183,4.05261 -28.18165,10.89453 -7.08658,-6.84192 -16.93685,-10.89453 -28.22852,-10.89453 z m 0,9.05273 c 9.05999,0 16.87232,3.48337 22.25,9.37109 2.62439,2.8733 4.6694,6.31941 5.99609,10.2129 1.32022,-3.8987 3.35723,-7.34901 5.97461,-10.22461 5.35266,-5.88074 13.13539,-9.35938 22.18947,-9.35938 17.25737,0 29.98828,12.63776 29.98828,30.46094 0,17.72889 -12.73147,30.45898 -29.89453,30.45898 -9.05246,0 -16.85908,-3.50268 -22.23633,-9.39258 -2.63433,-2.88547 -4.68681,-6.34417 -6.01563,-10.24414 -1.32604,3.89522 -3.3699,7.35103 -5.99414,10.23438 -5.36638,5.89626 -13.15374,9.40234 -22.16211,9.40234 -17.25736,0 -29.98828,-12.73009 -29.98828,-30.45898 0,-17.82318 12.63522,-30.46094 29.89257,-30.46094 z"
sodipodi:nodetypes="ssscssscssscssssscssss" />
<path
d="m 783.58585,284.6837 c -2.1037,1.2e-4 -3.80866,1.70684 -3.80664,3.81055 9e-5,2.10223 1.70442,3.80457 3.80664,3.80469 2.10221,-1.2e-4 3.8065,-1.70246 3.80664,-3.80469 0.002,-2.10371 -1.70294,-3.81043 -3.80664,-3.81055 z m 56.46484,0 c -2.10372,1.2e-4 -3.80862,1.70684 -3.80664,3.81055 1.3e-4,2.10223 1.70438,3.80457 3.80664,3.80469 2.10222,-1.2e-4 3.80652,-1.70246 3.80664,-3.80469 0.002,-2.10371 -1.70294,-3.81043 -3.80664,-3.81055 z"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#e880a8;fill-opacity:1;stroke-width:7.85855"
id="path28" />
</g>
<path
id="path22"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#483737;fill-opacity:1;stroke-width:9.80478"
d="m 1464.5026,5 c -28.5907,0 -49.6505,20.826486 -49.6505,49.299551 0,28.473073 21.1791,49.297109 49.7699,49.297109 14.0881,0 26.3458,-5.056266 35.1585,-13.592646 8.8417,8.53638 21.1312,13.592646 35.2194,13.592646 28.5909,0 49.6506,-20.824036 49.6506,-49.297109 C 1584.6505,25.826486 1563.4739,5 1534.8832,5 1520.795,5 1508.5347,10.056275 1499.722,18.592651 1490.8804,10.056273 1478.5908,5 1464.5026,5 Z m 0,11.294718 c 11.3038,0 21.0508,4.346057 27.7603,11.69192 3.2744,3.584891 5.8258,7.884457 7.4811,12.742197 1.6471,-4.864244 4.1887,-9.169044 7.4542,-12.756817 6.6784,-7.337146 16.3885,-11.6773 27.685,-11.6773 21.5312,0 37.415,15.767597 37.415,38.004833 0,22.119593 -15.8844,38.002393 -37.2982,38.002393 -11.2943,0 -21.0343,-4.37015 -27.7432,-11.71873 -3.2869,-3.60007 -5.8476,-7.915358 -7.5056,-12.781188 -1.6544,4.859897 -4.2044,9.171568 -7.4786,12.769018 -6.6954,7.35651 -16.4112,11.7309 -27.6506,11.7309 -21.5314,0 -37.4152,-15.88281 -37.4152,-38.002393 0,-22.237236 15.7644,-38.004833 37.2958,-38.004833 z"
id="path7"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#ff5fa2;fill-opacity:1;stroke-width:9.80478"
d="m 1274.7513,120.97717 c -28.5907,0 -49.6505,20.82648 -49.6505,49.29955 0,28.47307 21.1791,49.29711 49.7699,49.29711 14.0881,0 26.3458,-5.05627 35.1585,-13.59265 8.8417,8.53638 21.1312,13.59265 35.2194,13.59265 28.5909,0 49.6506,-20.82404 49.6506,-49.29711 0,-28.47307 -21.1766,-49.29955 -49.7673,-49.29955 -14.0882,0 -26.3485,5.05627 -35.1612,13.59265 -8.8416,-8.53638 -21.1312,-13.59265 -35.2194,-13.59265 z m 0,11.29472 c 11.3038,0 21.0508,4.34605 27.7603,11.69192 3.2744,3.58489 5.8258,7.88445 7.4811,12.74219 1.6471,-4.86424 4.1887,-9.16904 7.4542,-12.75681 6.6784,-7.33715 16.3885,-11.6773 27.685,-11.6773 21.5312,0 37.415,15.76759 37.415,38.00483 0,22.11959 -15.8844,38.00239 -37.2982,38.00239 -11.2943,0 -21.0343,-4.37015 -27.7432,-11.71873 -3.2869,-3.60007 -5.8476,-7.91536 -7.5056,-12.78119 -1.6544,4.8599 -4.2044,9.17157 -7.4786,12.76902 -6.6954,7.35651 -16.4112,11.7309 -27.6506,11.7309 -21.5314,0 -37.4152,-15.88281 -37.4152,-38.00239 0,-22.23724 15.7644,-38.00483 37.2958,-38.00483 z"
sodipodi:nodetypes="ssscssscssscssssscssss" />
<path
d="m 1463.5643,67.636337 c -2.6247,1.49e-4 -4.7519,2.129552 -4.7493,4.754267 10e-5,2.62286 2.1265,4.74679 4.7493,4.74695 2.623,-1.6e-4 4.7491,-2.12409 4.7495,-4.74695 0,-2.624715 -2.1248,-4.754118 -4.7495,-4.754267 z m 70.4489,0 c -2.6247,1.49e-4 -4.7518,2.129552 -4.7495,4.754267 2e-4,2.62286 2.1265,4.74679 4.7495,4.74695 2.6228,-1.6e-4 4.7492,-2.12409 4.7493,-4.74695 0,-2.624715 -2.1246,-4.754118 -4.7493,-4.754267 z"
id="path8"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#e3bea2;fill-opacity:1;stroke-width:9.80478"
d="m 1464.7513,120.97717 c -28.5907,0 -49.6505,20.82648 -49.6505,49.29955 0,28.47307 21.1791,49.29711 49.7699,49.29711 14.0881,0 26.3458,-5.05627 35.1585,-13.59265 8.8417,8.53638 21.1312,13.59265 35.2194,13.59265 28.5909,0 49.6506,-20.82404 49.6506,-49.29711 0,-28.47307 -21.1766,-49.29955 -49.7673,-49.29955 -14.0882,0 -26.3485,5.05627 -35.1612,13.59265 -8.8416,-8.53638 -21.1312,-13.59265 -35.2194,-13.59265 z m 0,11.29472 c 11.3038,0 21.0508,4.34605 27.7603,11.69192 3.2744,3.58489 5.8258,7.88445 7.4811,12.74219 1.6471,-4.86424 4.1887,-9.16904 7.4542,-12.75681 6.6784,-7.33715 16.3885,-11.6773 27.685,-11.6773 21.5312,0 37.415,15.76759 37.415,38.00483 0,22.11959 -15.8844,38.00239 -37.2982,38.00239 -11.2943,0 -21.0343,-4.37015 -27.7432,-11.71873 -3.2869,-3.60007 -5.8476,-7.91536 -7.5056,-12.78119 -1.6544,4.8599 -4.2044,9.17157 -7.4786,12.76902 -6.6954,7.35651 -16.4112,11.7309 -27.6506,11.7309 -21.5314,0 -37.4152,-15.88281 -37.4152,-38.00239 0,-22.23724 15.7644,-38.00483 37.2958,-38.00483 z"
sodipodi:nodetypes="ssscssscssscssssscssss" />
<path
d="m 1273.813,183.6135 c -2.6247,1.5e-4 -4.7519,2.12956 -4.7493,4.75427 10e-5,2.62286 2.1265,4.74679 4.7493,4.74695 2.623,-1.6e-4 4.7491,-2.12409 4.7495,-4.74695 0,-2.62471 -2.1248,-4.75412 -4.7495,-4.75427 z m 70.4489,0 c -2.6247,1.5e-4 -4.7518,2.12956 -4.7495,4.75427 2e-4,2.62286 2.1265,4.74679 4.7495,4.74695 2.6228,-1.6e-4 4.7492,-2.12409 4.7493,-4.74695 0,-2.62471 -2.1246,-4.75412 -4.7493,-4.75427 z"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#8a6f91;fill-opacity:1;stroke-width:9.80478"
id="path1-8" />
id="path1-62" />
<path
d="m 1463.813,183.61351 c -2.6247,1.4e-4 -4.7519,2.12955 -4.7493,4.75426 10e-5,2.62286 2.1265,4.74679 4.7493,4.74695 2.623,-1.6e-4 4.7491,-2.12409 4.7495,-4.74695 0,-2.62471 -2.1248,-4.75412 -4.7495,-4.75426 z m 70.4489,0 c -2.6247,1.4e-4 -4.7518,2.12955 -4.7495,4.75426 2e-4,2.62286 2.1265,4.74679 4.7495,4.74695 2.6228,-1.6e-4 4.7492,-2.12409 4.7493,-4.74695 0,-2.62471 -2.1246,-4.75412 -4.7493,-4.75426 z"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#e880a8;fill-opacity:1;stroke-width:9.80478"
id="path1-7" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 31 KiB

View File

@ -0,0 +1,84 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="400"
height="400"
viewBox="0 0 400 399.99999"
version="1.1"
id="svg1"
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
sodipodi:docname="GOONDEX_square.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="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#505050"
inkscape:document-units="px"
inkscape:zoom="1.216"
inkscape:cx="423.51974"
inkscape:cy="245.06579"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<inkscape:page
x="0"
y="0"
width="400"
height="400"
id="page1"
margin="0"
bleed="0" />
<inkscape:page
x="410"
y="0"
width="400"
height="400"
id="page2"
margin="0"
bleed="0"
inkscape:export-filename="Page 2.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96" />
</sodipodi:namedview>
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="fill:#ffffff"
id="rect1"
width="400"
height="400"
x="0"
y="0" />
<rect
style="fill:#ff5fa2;fill-opacity:1"
id="rect2"
width="400"
height="400"
x="410"
y="4.9999999e-06" />
<path
id="path13"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#ff5fa2;fill-opacity:1;stroke-width:20.7876"
d="M 125.26694,95.479625 C 64.64998,95.479625 20,139.63511 20,200.00258 c 0,60.3675 44.90316,104.51781 105.52008,104.51781 29.86915,0 55.85772,-10.72014 74.54191,-28.8186 18.74564,18.09846 44.80196,28.8186 74.67107,28.8186 C 335.35004,304.52039 380,260.37008 380,200.00258 380,139.63511 335.10205,95.479625 274.48508,95.479625 c -29.86913,0 -55.86288,10.720115 -74.54707,28.818605 -18.74567,-18.09849 -44.80196,-28.818605 -74.67107,-28.818605 z m 0,23.946605 c 23.96579,0 44.63124,9.21433 58.85648,24.78875 6.94213,7.60055 12.35163,16.71632 15.86107,27.01549 3.49229,-10.31296 8.88066,-19.43983 15.80425,-27.04648 14.15904,-15.55593 34.74619,-24.75776 58.69634,-24.75776 45.6498,0 79.32606,33.42985 79.32606,80.57635 0,46.89709 -33.67774,80.57117 -79.07808,80.57117 -23.94588,0 -44.59623,-9.2654 -58.82031,-24.84558 -6.96843,-7.63274 -12.39772,-16.78182 -15.91276,-27.09816 -3.50769,10.30378 -8.91419,19.4452 -15.85591,27.07234 -14.19534,15.597 -34.79474,24.8714 -58.624,24.8714 -45.64978,0 -79.326065,-33.67408 -79.326065,-80.57117 0,-47.1465 33.423135,-80.57635 79.072925,-80.57635 z m -1.9891,108.85247 c -5.56477,3.2e-4 -10.0748,4.515 -10.06945,10.07979 2.3e-4,5.56091 4.50858,10.064 10.06945,10.06432 5.56085,-3.2e-4 10.06909,-4.50341 10.06946,-10.06432 0.006,-5.56479 -4.50468,-10.07947 -10.06946,-10.07979 z m 149.36279,0 c -5.56483,3.2e-4 -10.07469,4.515 -10.06946,10.07979 3.5e-4,5.56091 4.50849,10.064 10.06946,10.06432 5.56087,-3.2e-4 10.06915,-4.50341 10.06947,-10.06432 0.006,-5.56479 -4.50468,-10.07947 -10.06947,-10.07979 z" />
<path
id="path2"
style="font-size:86.3973px;font-family:'Gmarket Sans';-inkscape-font-specification:'Gmarket Sans, Normal';fill:#ffffff;fill-opacity:1;stroke-width:20.7876"
d="M 535.26694,95.479622 C 474.64998,95.479622 430,139.63511 430,200.00258 c 0,60.3675 44.90316,104.51781 105.52008,104.51781 29.86915,0 55.85772,-10.72014 74.54191,-28.8186 18.74564,18.09846 44.80196,28.8186 74.67107,28.8186 C 745.35004,304.52039 790,260.37008 790,200.00258 790,139.63511 745.10205,95.479622 684.48508,95.479622 c -29.86913,0 -55.86288,10.720118 -74.54707,28.818608 -18.74567,-18.09849 -44.80196,-28.818608 -74.67107,-28.818608 z m 0,23.946608 c 23.96579,0 44.63124,9.21433 58.85648,24.78875 6.94213,7.60055 12.35163,16.71632 15.86107,27.01549 3.49229,-10.31296 8.88066,-19.43983 15.80425,-27.04648 14.15904,-15.55593 34.74619,-24.75776 58.69634,-24.75776 45.6498,0 79.32606,33.42985 79.32606,80.57635 0,46.89709 -33.67774,80.57117 -79.07808,80.57117 -23.94588,0 -44.59623,-9.2654 -58.82031,-24.84558 -6.96843,-7.63274 -12.39772,-16.78182 -15.91276,-27.09816 -3.50769,10.30378 -8.91419,19.4452 -15.85591,27.07234 -14.19534,15.597 -34.79474,24.8714 -58.624,24.8714 -45.64978,0 -79.32606,-33.67408 -79.32606,-80.57117 0,-47.1465 33.42313,-80.57635 79.07292,-80.57635 z m -1.9891,108.85247 c -5.56477,3.2e-4 -10.0748,4.515 -10.06945,10.07979 2.3e-4,5.56091 4.50858,10.064 10.06945,10.06432 5.56085,-3.2e-4 10.06909,-4.50341 10.06946,-10.06432 0.006,-5.56479 -4.50468,-10.07947 -10.06946,-10.07979 z m 149.36279,0 c -5.56483,3.2e-4 -10.07469,4.515 -10.06946,10.07979 3.5e-4,5.56091 4.50849,10.064 10.06946,10.06432 5.56087,-3.2e-4 10.06915,-4.50341 10.06947,-10.06432 0.006,-5.56479 -4.50468,-10.07947 -10.06947,-10.07979 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -2,96 +2,15 @@
<html lang="en">
<head>
{{template "html-head" .}}
<style>
/* ==== LUXURY SIDE PANELS (A1 Medium 240px) ==== */
body {
display: flex;
justify-content: center;
align-items: stretch;
min-height: 100vh;
overflow-x: hidden;
}
.side-panel {
width: 240px;
flex-shrink: 0;
background: #000;
border-right: 1px solid rgba(255, 79, 163, 0.2);
border-left: 1px solid rgba(255, 79, 163, 0.2);
display: flex;
flex-direction: column;
overflow: hidden;
position: sticky;
top: 0;
height: 100vh;
}
.side-panel.right {
border-right: none;
}
.side-panel img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
opacity: 0.85;
transition: opacity 0.3s ease;
}
.side-panel img:hover {
opacity: 1;
}
/* Main site content */
.main-wrapper {
flex: 1;
overflow-y: auto;
max-width: 1400px;
}
/* Ensure navbar stays inside main-wrapper */
nav.navbar {
position: sticky;
top: 0;
z-index: 50;
}
/* Search results styling override to match new layout */
#global-search-results {
max-width: 100%;
}
/* Hide side panels on mobile */
@media (max-width: 900px) {
.side-panel {
display: none;
}
}
</style>
</head>
<body>
<body class="app-shell">
{{template "navbar" .}}
<!-- LEFT LUXURY SIDE PANEL -->
<div class="side-panel left">
<img src="/static/img/sidebar/preview1.jpg" alt="">
<img src="/static/img/sidebar/preview2.jpg" alt="">
<img src="/static/img/sidebar/preview3.jpg" alt="">
</div>
<!-- MAIN CONTENT WRAPPER -->
<div class="main-wrapper">
<!-- NAVIGATION -->
{{template "navbar" .}}
<main class="container">
<!-- HERO -->
<div class="app-body container-fluid px-3 px-lg-4 px-xxl-5">
<main class="content-stack">
<section class="hero-section">
<div class="section-kicker">Control center</div>
<h1 class="hero-title">Welcome to Goondex</h1>
<p class="hero-subtitle">Full-library sync with seamless enrichment</p>
@ -108,77 +27,128 @@
</div>
</section>
<!-- SEARCH -->
<section class="search-section" style="margin-bottom: 2.5rem;">
<input type="text" id="global-search" class="input"
placeholder="Search performers, studios, scenes, or tags...">
<div id="global-search-results" class="search-results"></div>
</section>
<div class="row g-4 align-items-stretch">
<div class="col-12 col-xl-8">
<section class="surface-panel content-stack h-100">
<div class="section-header">
<div>
<div class="section-kicker">Search everything</div>
<div class="section-title">Global search</div>
</div>
<div class="section-hint">Performers, studios, scenes, tags</div>
</div>
<!-- STATS -->
<section class="stats-grid">
<!-- Performers -->
<div class="stat-card">
<div class="stat-icon">👤</div>
<div class="stat-content">
<div class="stat-value">{{.PerformerCount}}</div>
<div class="stat-label">Performers</div>
</div>
<div class="stat-actions">
<a href="/performers" class="stat-link">View all →</a>
<button class="btn-small" onclick="bulkImportPerformers()">
Import all
<div class="hoverEffect"><div></div></div>
</button>
</div>
<section class="search-section mb-0">
<input type="text" id="global-search" class="input"
placeholder="Search performers, studios, scenes, or tags...">
<div id="global-search-results" class="search-results"></div>
</section>
</section>
</div>
<!-- Studios -->
<div class="stat-card">
<div class="stat-icon">🏢</div>
<div class="stat-content">
<div class="stat-value">{{.StudioCount}}</div>
<div class="stat-label">Studios</div>
</div>
<div class="stat-actions">
<a href="/studios" class="stat-link">View all →</a>
<div class="col-12 col-xl-4">
<section class="surface-panel content-stack h-100">
<div class="section-header">
<div>
<div class="section-kicker">Quick commands</div>
<div class="section-title">One-click control</div>
</div>
</div>
<div class="d-grid gap-2">
<button type="button" class="btn w-100" onclick="bulkImportAll()">
Full Import
<div class="hoverEffect"><div></div></div>
</button>
<button type="button" class="btn-secondary w-100" onclick="syncAll()">
Sync Library
<div class="hoverEffect"><div></div></div>
</button>
</div>
<p class="section-hint mb-0">Safe defaults with progress feedback.</p>
</section>
</div>
</div>
<section class="surface-panel">
<div class="section-header">
<div>
<div class="section-kicker">Library health</div>
<div class="section-title">Live snapshot</div>
</div>
<div class="section-hint">Counts update as imports finish</div>
</div>
<!-- Scenes -->
<div class="stat-card">
<div class="stat-icon">🎬</div>
<div class="stat-content">
<div class="stat-value">{{.SceneCount}}</div>
<div class="stat-label">Scenes</div>
<div class="stats-grid">
<!-- Performers -->
<div class="stat-card">
<div class="stat-icon">👤</div>
<div class="stat-content">
<div class="stat-value">{{.PerformerCount}}</div>
<div class="stat-label">Performers</div>
</div>
<div class="stat-actions">
<a href="/performers" class="stat-link">View all →</a>
<button class="btn-small" onclick="bulkImportPerformers()">
Import all
<div class="hoverEffect"><div></div></div>
</button>
</div>
</div>
<div class="stat-actions">
<a href="/scenes" class="stat-link">View all →</a>
<button class="btn-small" onclick="aeImportSceneByName()">
Quick import
<div class="hoverEffect"><div></div></div>
</button>
</div>
</div>
<!-- Movies -->
<div class="stat-card">
<div class="stat-icon">🎞️</div>
<div class="stat-content">
<div class="stat-value">{{.MovieCount}}</div>
<div class="stat-label">Movies</div>
<!-- Studios -->
<div class="stat-card">
<div class="stat-icon">🏢</div>
<div class="stat-content">
<div class="stat-value">{{.StudioCount}}</div>
<div class="stat-label">Studios</div>
</div>
<div class="stat-actions">
<a href="/studios" class="stat-link">View all →</a>
</div>
</div>
<div class="stat-actions">
<a href="/movies" class="stat-link">View all →</a>
<!-- Scenes -->
<div class="stat-card">
<div class="stat-icon">🎬</div>
<div class="stat-content">
<div class="stat-value">{{.SceneCount}}</div>
<div class="stat-label">Scenes</div>
</div>
<div class="stat-actions">
<a href="/scenes" class="stat-link">View all →</a>
<button class="btn-small" onclick="aeImportSceneByName()">
Quick import
<div class="hoverEffect"><div></div></div>
</button>
</div>
</div>
<!-- Movies -->
<div class="stat-card">
<div class="stat-icon">🎞️</div>
<div class="stat-content">
<div class="stat-value">{{.MovieCount}}</div>
<div class="stat-label">Movies</div>
</div>
<div class="stat-actions">
<a href="/movies" class="stat-link">View all →</a>
</div>
</div>
</div>
</section>
<!-- TPDB IMPORT/SYNC -->
<section class="import-section">
<h3 id="ae-import">Library Import & Sync</h3>
<p class="help-text">
Run a full import, then sync regularly. Enrichment runs behind the scenes.
<section class="surface-panel content-stack">
<div class="section-header">
<div>
<div class="section-kicker">Pipeline</div>
<div class="section-title">Library Import & Sync</div>
</div>
<div class="section-hint">Run a full import, then sync regularly.</div>
</div>
<p class="help-text mb-0">
Enrichment runs behind the scenes. Keep everything fresh with sync after imports.
</p>
<div class="import-buttons">
@ -208,12 +178,14 @@
<div id="sync-import-status" class="status-banner" style="margin-top: 0.75rem;"></div>
</section>
<!-- AE IMPORT SECTION -->
<section class="import-section">
<h3>Adult Empire Imports</h3>
<p class="help-text">
Import directly from Adult Empire via the UI with built-in progress feedback.
</p>
<section class="surface-panel content-stack">
<div class="section-header">
<div>
<div class="section-kicker">Adult Empire</div>
<div class="section-title">Direct imports</div>
</div>
<div class="section-hint">Built-in progress feedback for manual pulls.</div>
</div>
<div class="import-buttons">
<button class="btn-secondary" onclick="aeImportPerformerByName()">
@ -240,20 +212,9 @@
<div id="ae-status" class="status-banner"></div>
</section>
</main>
</div>
<!-- RIGHT LUXURY SIDE PANEL -->
<div class="side-panel right">
<img src="/static/img/sidebar/preview4.jpg" alt="">
<img src="/static/img/sidebar/preview5.jpg" alt="">
<img src="/static/img/sidebar/preview6.jpg" alt="">
</div>
<!-- EXISTING MODALS (unchanged, full code integrity kept) -->
{{/* Your modals remain exactly as before */}}
{{template "html-scripts" .}}
</body>
</html>

View File

@ -23,7 +23,7 @@
{{define "navbar"}}
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container nav-inner">
<div class="container-fluid nav-inner px-3 px-lg-4 px-xxl-5">
<a class="navbar-brand d-flex align-items-center" href="/">
<img src="/static/img/logo/Goondex_LOGO.png" class="logo-img" alt="Goondex logo">
</a>

View File

@ -3,10 +3,11 @@
<head>
{{template "html-head" .}}
</head>
<body>
<body class="app-shell">
{{template "navbar" .}}
<main class="container">
<div class="app-body container-fluid px-3 px-lg-4 px-xxl-5">
<main class="container">
<div class="detail-header">
<div class="detail-image">
{{if .Movie.ImageURL}}
@ -98,7 +99,8 @@
</div>
</section>
{{end}}
</main>
</main>
</div>
{{template "html-scripts" .}}
</body>
</html>

View File

@ -3,10 +3,11 @@
<head>
{{template "html-head" .}}
</head>
<body>
<body class="app-shell">
{{template "navbar" .}}
<main class="container">
<div class="app-body container-fluid px-3 px-lg-4 px-xxl-5">
<main class="container">
<div class="page-header">
<h2>Movies</h2>
<form class="search-form" action="/movies" method="get">
@ -60,7 +61,8 @@
{{end}}
</div>
{{end}}
</main>
</main>
</div>
{{template "html-scripts" .}}
</body>
</html>

View File

@ -3,10 +3,11 @@
<head>
{{template "html-head" .}}
</head>
<body>
<body class="app-shell">
{{template "navbar" .}}
<main class="container">
<div class="app-body container-fluid px-3 px-lg-4 px-xxl-5">
<main class="container">
<div class="breadcrumb">
<a href="/performers">← Back to Performers</a>
</div>
@ -226,7 +227,8 @@
<p class="help-text">Try importing scenes from ThePornDB or Adult Empire.</p>
</div>
{{end}}
</main>
</main>
</div>
<!-- Image Lightbox Modal -->
<div id="lightbox" class="lightbox" onclick="closeLightbox()">

View File

@ -3,10 +3,11 @@
<head>
{{template "html-head" .}}
</head>
<body>
<body class="app-shell">
{{template "navbar" .}}
<main class="container">
<div class="app-body container-fluid px-3 px-lg-4 px-xxl-5">
<main class="container">
<div class="page-header">
<h2>Performers</h2>
<form class="search-form" action="/performers" method="get">
@ -76,7 +77,8 @@
</div>
</div>
{{end}}
</main>
</main>
</div>
{{template "html-scripts" .}}
</body>
</html>

View File

@ -3,10 +3,11 @@
<head>
{{template "html-head" .}}
</head>
<body>
<body class="app-shell">
{{template "navbar" .}}
<main class="container">
<div class="app-body container-fluid px-3 px-lg-4 px-xxl-5">
<main class="container">
<div class="breadcrumb">
<a href="/scenes">← Back to Scenes</a>
</div>
@ -120,7 +121,8 @@
</div>
{{end}}
</div>
</main>
</main>
</div>
{{template "html-scripts" .}}
</body>

View File

@ -3,10 +3,11 @@
<head>
{{template "html-head" .}}
</head>
<body>
<body class="app-shell">
{{template "navbar" .}}
<main class="container">
<div class="app-body container-fluid px-3 px-lg-4 px-xxl-5">
<main class="container">
<div class="page-header">
<h2>Scenes</h2>
<form class="search-form" action="/scenes" method="get">
@ -60,7 +61,8 @@
</div>
</div>
{{end}}
</main>
</main>
</div>
{{template "html-scripts" .}}
</body>
</html>

View File

@ -3,10 +3,11 @@
<head>
{{template "html-head" .}}
</head>
<body>
<body class="app-shell">
{{template "navbar" .}}
<main class="container">
<div class="app-body container-fluid px-3 px-lg-4 px-xxl-5">
<main class="container">
<div class="page-header">
<h2>Settings</h2>
<p class="help-text">Manage API keys locally. Keys are stored in <code>config/api_keys.json</code> (gitignored).</p>
@ -44,7 +45,8 @@
</div>
<div id="db-info" class="status-banner" style="margin-top: 0.75rem;"></div>
</div>
</main>
</main>
</div>
{{template "html-scripts" .}}
<script>

View File

@ -3,10 +3,11 @@
<head>
{{template "html-head" .}}
</head>
<body>
<body class="app-shell">
{{template "navbar" .}}
<main class="container">
<div class="app-body container-fluid px-3 px-lg-4 px-xxl-5">
<main class="container">
<div class="breadcrumb">
<a href="/studios">← Back to Studios</a>
</div>
@ -58,7 +59,8 @@
</div>
{{end}}
</div>
</main>
</main>
</div>
{{template "html-scripts" .}}
</body>
</html>

View File

@ -3,10 +3,11 @@
<head>
{{template "html-head" .}}
</head>
<body>
<body class="app-shell">
{{template "navbar" .}}
<main class="container">
<div class="app-body container-fluid px-3 px-lg-4 px-xxl-5">
<main class="container">
<div class="page-header">
<h2>Studios</h2>
<form class="search-form" action="/studios" method="get">
@ -52,7 +53,8 @@
</div>
</div>
{{end}}
</main>
</main>
</div>
{{template "html-scripts" .}}
</body>
</html>