Skip to content

Commit e8c1fa6

Browse files
committed
🚧 icons and images
1 parent 3ce22d3 commit e8c1fa6

File tree

10 files changed

+136
-77
lines changed

10 files changed

+136
-77
lines changed

icons/Brasil.njs

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
export default function Brasil({ size }) {
22
return (
3-
<svg width={size} height={size} viewBox="0 0 482 482">
4-
<path d="M360.16 350.815C360.16 350.815 272.252 353.27 242.949 353.27C213.646 353.27 125.738 350.815 125.738 350.815C103.039 350.815 84.4546 332.243 84.4546 309.532C84.4546 309.532 82 257.881 82 240.629C82 223.377 84.4546 171.726 84.4546 171.726C84.4429 149.027 103.016 130.455 125.726 130.455C125.726 130.455 213.634 128 242.937 128C272.24 128 360.148 130.455 360.148 130.455C382.847 130.455 401.432 149.027 401.432 171.738C401.432 171.738 403.886 223.342 403.886 240.641C403.886 257.94 401.432 309.544 401.432 309.544C401.432 332.243 382.859 350.815 360.16 350.815Z" fill="#1F2937"/>
5-
<path d="M82 240L242.5 129L401.5 240L242.5 350.5L82 240Z" fill="#DB2777"/>
6-
<circle cx="239" cy="240" r="51" stroke="#1F2937" stroke-width="18"/>
3+
<svg width={size} height={size} viewBox="0 0 683 482">
4+
<path d="M581.479 466.955C581.479 466.955 401.504 472 341.512 472C281.52 472 101.545 466.955 101.545 466.955C55.0735 466.955 17.0252 428.782 17.0252 382.105C17.0252 382.105 12 275.946 12 240.488C12 205.03 17.0252 98.871 17.0252 98.871C17.0013 52.2178 55.0256 14.0449 101.521 14.0449C101.521 14.0449 281.496 9 341.488 9C401.48 9 581.455 14.0449 581.455 14.0449C627.927 14.0449 665.975 52.2178 665.975 98.895C665.975 98.895 671 204.958 671 240.512C671 276.066 665.975 382.129 665.975 382.129C665.975 428.782 627.951 466.955 581.479 466.955Z" fill="#1f2937" opacity="0.2" />
5+
<path d="M48 240.98L340.366 28L630 240.98L340.366 453L48 240.98Z" fill="currentColor" />
6+
<path fill-rule="evenodd" clip-rule="evenodd" d="M279.817 137.236C238.724 158.889 210.709 202.023 210.709 251.7C210.709 323.111 268.598 381 340.008 381C411.418 381 469.308 323.111 469.308 251.7C469.308 202.927 442.302 160.461 402.429 138.439V158.855C432.255 178.947 451.874 213.033 451.874 251.7C451.874 313.482 401.79 363.566 340.008 363.566C278.226 363.566 228.142 313.482 228.142 251.7C228.142 212.077 248.742 177.266 279.817 157.391V137.236Z" fill="white"/>
7+
<rect x="326.632" y="115.713" width="28.9809" height="89.1721" fill="white"/>
78
</svg>
89
)
910
}

icons/DayMode.njs

Lines changed: 0 additions & 15 deletions
This file was deleted.

icons/Gringo.njs

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
export default function Gringo({ size }) {
2+
return (
3+
<svg width={size} height={size} viewBox="0 0 683 482">
4+
<path d="M0 46.3333C0 20.7441 20.7441 0 46.3333 0H636.667C662.256 0 683 20.7441 683 46.3333V241V435.667C683 461.256 662.256 482 636.667 482H46.3334C20.7442 482 0 461.256 0 435.667V46.3333Z" fill="#1f2937" opacity="0.2" />
5+
<path d="M48 240.98L340.366 28L630 240.98L340.366 453L48 240.98Z" fill="currentColor"/>
6+
<path fill-rule="evenodd" clip-rule="evenodd" d="M342 371C413.797 371 472 312.797 472 241C472 169.203 413.797 111 342 111C270.203 111 212 169.203 212 241C212 312.797 270.203 371 342 371ZM342 345C399.438 345 446 298.438 446 241C446 183.562 399.438 137 342 137C284.562 137 238 183.562 238 241C238 298.438 284.562 345 342 345Z" fill="white"/>
7+
</svg>
8+
)
9+
}

icons/Mode.njs

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
export default function DayMode({ size }) {
2+
return (
3+
<svg width={size} height={size} viewBox="0 0 482 482">
4+
<circle cx="234" cy="234" r="104" fill="#1f2937" opacity="0.2" />
5+
<path d="M237.5 45.5V97.5" stroke="#DB2777" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
6+
<path d="M237.5 379V431" stroke="#DB2777" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
7+
<path d="M430.25 238.25L378.25 238.25" stroke="#DB2777" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
8+
<path d="M96.75 238.25L44.75 238.25" stroke="#DB2777" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
9+
<path d="M373.795 374.545L337.025 337.775" stroke="#DB2777" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
10+
<path d="M137.975 138.725L101.205 101.955" stroke="#DB2777" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
11+
<path d="M101.205 374.545L137.975 337.775" stroke="#DB2777" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
12+
<path d="M337.025 138.725L373.795 101.955" stroke="#DB2777" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
13+
</svg>
14+
)
15+
}

icons/NightMode.njs

Lines changed: 0 additions & 7 deletions
This file was deleted.

public/image-1200x630.png

476 KB
Loading

src/Header.njs

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@ import Logo from "nullstack/logo";
22
import Translatable from "./Translatable";
33
import Hamburger from "../icons/Hamburger";
44
import Close from "../icons/Close";
5-
import DayMode from "../icons/DayMode";
6-
import NightMode from "../icons/NightMode";
5+
import Mode from "../icons/Mode";
76
import Brasil from "../icons/Brasil";
7+
import Gringo from "../icons/Gringo";
88

99
class Header extends Translatable {
1010

@@ -31,7 +31,7 @@ class Header extends Translatable {
3131
window.localStorage.setItem('mode', context.mode);
3232
}
3333

34-
render({ mode, oppositeMode }) {
34+
render({ mode, oppositeMode, locale }) {
3535
if (!this.i18n) return false;
3636
return (
3737
<header class="fixed w-full bg-white dark:bg-gray-900 shadow top-0 left-0 z-20">
@@ -60,16 +60,17 @@ class Header extends Translatable {
6060
<Link onclick={this.toggleMode} title={this.i18n.mode[oppositeMode]} mobile />
6161
</nav>
6262
<div class={`flex w-full sm:w-auto mt-4 sm:mt-0 sm:space-x-2 items-center ${!this.expanded && "hidden sm:flex"}`}>
63-
<a href={this.i18n.language.href} title={this.i18n.language.title} class="hidden sm:flex">
64-
<Brasil size={25} />
63+
<a href={this.i18n.language.href} title={this.i18n.language.title} class="hidden sm:flex text-pink-600">
64+
{locale === 'pt-BR' && <Gringo size={30} />}
65+
{locale !== 'pt-BR' && <Brasil size={30} />}
6566
</a>
6667
<button onclick={this.toggleMode} title={this.i18n.mode[oppositeMode]} class="hidden sm:flex text-pink-600 dark:text-white">
67-
<DayMode size={25} />
68+
<Mode size={25} />
6869
</button>
6970
<a
7071
href={this.i18n.action.href}
7172
onclick={{ expanded: false }}
72-
class="bg-pink-600 text-white px-4 py-2 border border-pink-600 hover:bg-transparent hover:text-pink-600 w-full sm:w-auto"
73+
class="bg-pink-600 text-white px-4 py-2 border border-pink-600 hover:bg-transparent hover:text-pink-600 w-full sm:w-auto min-w-32 text-center"
7374
>
7475
{this.i18n.action.title}
7576
</a>

src/Waifu.njs

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -89,9 +89,8 @@ class Waifu extends Translatable {
8989
return (
9090
<div>
9191
<Attributes />
92-
{/* <Separator /> */}
93-
<Fanarts />
9492
<Separator />
93+
<Fanarts />
9594
{/* <div class="xx x12">
9695
{worker.online && <img src="/waifu.png" alt="Nulla-Chan" height="500" />}
9796
<div class="md+p10l">

src/tailwind.css

Lines changed: 90 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -25281,19 +25281,27 @@ video {
2528125281
}
2528225282

2528325283
.min-w-0 {
25284-
min-width: 0px;
25284+
min-width: 0;
2528525285
}
2528625286

25287-
.min-w-full {
25288-
min-width: 100%;
25287+
.min-w-32 {
25288+
min-width: 8rem;
25289+
}
25290+
25291+
.min-w-1\/4 {
25292+
min-width: 25%;
25293+
}
25294+
25295+
.min-w-1\/2 {
25296+
min-width: 50%;
2528925297
}
2529025298

25291-
.min-w-min {
25292-
min-width: min-content;
25299+
.min-w-3\/4 {
25300+
min-width: 75%;
2529325301
}
2529425302

25295-
.min-w-max {
25296-
min-width: max-content;
25303+
.min-w-full {
25304+
min-width: 100%;
2529725305
}
2529825306

2529925307
.object-contain {
@@ -71910,19 +71918,27 @@ video {
7191071918
}
7191171919

7191271920
.sm\:min-w-0 {
71913-
min-width: 0px;
71921+
min-width: 0;
7191471922
}
7191571923

71916-
.sm\:min-w-full {
71917-
min-width: 100%;
71924+
.sm\:min-w-32 {
71925+
min-width: 8rem;
71926+
}
71927+
71928+
.sm\:min-w-1\/4 {
71929+
min-width: 25%;
7191871930
}
7191971931

71920-
.sm\:min-w-min {
71921-
min-width: min-content;
71932+
.sm\:min-w-1\/2 {
71933+
min-width: 50%;
7192271934
}
7192371935

71924-
.sm\:min-w-max {
71925-
min-width: max-content;
71936+
.sm\:min-w-3\/4 {
71937+
min-width: 75%;
71938+
}
71939+
71940+
.sm\:min-w-full {
71941+
min-width: 100%;
7192671942
}
7192771943

7192871944
.sm\:object-contain {
@@ -118404,19 +118420,27 @@ video {
118404118420
}
118405118421

118406118422
.md\:min-w-0 {
118407-
min-width: 0px;
118423+
min-width: 0;
118408118424
}
118409118425

118410-
.md\:min-w-full {
118411-
min-width: 100%;
118426+
.md\:min-w-32 {
118427+
min-width: 8rem;
118412118428
}
118413118429

118414-
.md\:min-w-min {
118415-
min-width: min-content;
118430+
.md\:min-w-1\/4 {
118431+
min-width: 25%;
118416118432
}
118417118433

118418-
.md\:min-w-max {
118419-
min-width: max-content;
118434+
.md\:min-w-1\/2 {
118435+
min-width: 50%;
118436+
}
118437+
118438+
.md\:min-w-3\/4 {
118439+
min-width: 75%;
118440+
}
118441+
118442+
.md\:min-w-full {
118443+
min-width: 100%;
118420118444
}
118421118445

118422118446
.md\:object-contain {
@@ -164898,19 +164922,27 @@ video {
164898164922
}
164899164923

164900164924
.lg\:min-w-0 {
164901-
min-width: 0px;
164925+
min-width: 0;
164902164926
}
164903164927

164904-
.lg\:min-w-full {
164905-
min-width: 100%;
164928+
.lg\:min-w-32 {
164929+
min-width: 8rem;
164930+
}
164931+
164932+
.lg\:min-w-1\/4 {
164933+
min-width: 25%;
164934+
}
164935+
164936+
.lg\:min-w-1\/2 {
164937+
min-width: 50%;
164906164938
}
164907164939

164908-
.lg\:min-w-min {
164909-
min-width: min-content;
164940+
.lg\:min-w-3\/4 {
164941+
min-width: 75%;
164910164942
}
164911164943

164912-
.lg\:min-w-max {
164913-
min-width: max-content;
164944+
.lg\:min-w-full {
164945+
min-width: 100%;
164914164946
}
164915164947

164916164948
.lg\:object-contain {
@@ -211392,19 +211424,27 @@ video {
211392211424
}
211393211425

211394211426
.xl\:min-w-0 {
211395-
min-width: 0px;
211427+
min-width: 0;
211396211428
}
211397211429

211398-
.xl\:min-w-full {
211399-
min-width: 100%;
211430+
.xl\:min-w-32 {
211431+
min-width: 8rem;
211432+
}
211433+
211434+
.xl\:min-w-1\/4 {
211435+
min-width: 25%;
211400211436
}
211401211437

211402-
.xl\:min-w-min {
211403-
min-width: min-content;
211438+
.xl\:min-w-1\/2 {
211439+
min-width: 50%;
211404211440
}
211405211441

211406-
.xl\:min-w-max {
211407-
min-width: max-content;
211442+
.xl\:min-w-3\/4 {
211443+
min-width: 75%;
211444+
}
211445+
211446+
.xl\:min-w-full {
211447+
min-width: 100%;
211408211448
}
211409211449

211410211450
.xl\:object-contain {
@@ -257886,19 +257926,27 @@ video {
257886257926
}
257887257927

257888257928
.\32xl\:min-w-0 {
257889-
min-width: 0px;
257929+
min-width: 0;
257890257930
}
257891257931

257892-
.\32xl\:min-w-full {
257893-
min-width: 100%;
257932+
.\32xl\:min-w-32 {
257933+
min-width: 8rem;
257894257934
}
257895257935

257896-
.\32xl\:min-w-min {
257897-
min-width: min-content;
257936+
.\32xl\:min-w-1\/4 {
257937+
min-width: 25%;
257898257938
}
257899257939

257900-
.\32xl\:min-w-max {
257901-
min-width: max-content;
257940+
.\32xl\:min-w-1\/2 {
257941+
min-width: 50%;
257942+
}
257943+
257944+
.\32xl\:min-w-3\/4 {
257945+
min-width: 75%;
257946+
}
257947+
257948+
.\32xl\:min-w-full {
257949+
min-width: 100%;
257902257950
}
257903257951

257904257952
.\32xl\:object-contain {

tailwind.config.js

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,14 @@ module.exports = {
55
purge: ["./src/**/*.njs"],
66
darkMode: "class",
77
theme: {
8+
minWidth: {
9+
'0': '0',
10+
'1/4': '25%',
11+
'1/2': '50%',
12+
'3/4': '75%',
13+
'full': '100%',
14+
'32': '8rem',
15+
},
816
backgroundSize: {
917
'auto': 'auto',
1018
'cover': 'cover',

0 commit comments

Comments
 (0)