mirror of
https://iceshrimp.dev/limepotato/jormungandr-bite.git
synced 2024-11-09 11:41:30 -07:00
Add new logos & asset generation script
This commit is contained in:
parent
220b6f2011
commit
28259129e8
37 changed files with 85 additions and 69 deletions
3
.gitmodules
vendored
Normal file
3
.gitmodules
vendored
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
[submodule "assets/branding"]
|
||||||
|
path = assets/branding
|
||||||
|
url = https://iceshrimp.dev/iceshrimp/branding.git
|
1
assets/branding
Submodule
1
assets/branding
Submodule
|
@ -0,0 +1 @@
|
||||||
|
Subproject commit 1c4e96bcfe61c981a1e8f23142082ac8ce7fc575
|
27
assets/generate.sh
Executable file
27
assets/generate.sh
Executable file
|
@ -0,0 +1,27 @@
|
||||||
|
#!/bin/bash
|
||||||
|
# Dependencies: imagick/convert, inkscape
|
||||||
|
# Be sure to check out the submodule before running this
|
||||||
|
crop=branding/prepared/svg-crop
|
||||||
|
svg=branding/prepared/svg
|
||||||
|
png=branding/prepared/png
|
||||||
|
cd "${0%/*}"
|
||||||
|
|
||||||
|
# General assets
|
||||||
|
convert -background "#3B364C" -resize 1600x "$svg/full-light.svg" "logo.png"
|
||||||
|
|
||||||
|
# Client assets
|
||||||
|
cp "$crop/wordmark-white.svg" "../packages/client/assets/welcome-logo.svg"
|
||||||
|
convert -background "#E7EDFF" -resize 1024x "$svg/full-dark.svg" "../packages/client/assets/about-icon-dark.png"
|
||||||
|
convert -background "#3B364C" -resize 1024x "$svg/full-light.svg" "../packages/client/assets/about-icon-light.png"
|
||||||
|
|
||||||
|
# Backend assets
|
||||||
|
convert -background "#E7EDFF" -resize 1024x "$svg/full-dark.svg" "../packages/backend/assets/api-doc.png"
|
||||||
|
convert -background "#E7EDFF" -resize 1024x "$svg/wordmark-dark.svg" "../packages/backend/assets/mail-wordmark.png"
|
||||||
|
convert -background "#3B364C" -resize x750 -gravity center -extent 1024x1024 "$crop/logo-light.svg" "../packages/backend/assets/apple-touch-icon.png"
|
||||||
|
convert -background "#3B364C" -resize x192 -gravity center -extent 192x192 "$svg/logo-light.svg" "../packages/backend/assets/icons/192.png"
|
||||||
|
convert -background "#3B364C" -resize x512 -gravity center -extent 512x512 "$svg/logo-light.svg" "../packages/backend/assets/icons/512.png"
|
||||||
|
convert -background "#3B364C" -resize x480 -gravity center -extent 512x512 "$svg/logo-light.svg" "../packages/backend/assets/icons/maskable.png"
|
||||||
|
convert -background none -resize x512 -gravity center -extent 512x512 "$crop/logo-black.svg" "../packages/backend/assets/icons/monochrome.png"
|
||||||
|
convert \( -background "#3B364C" -resize x750 -gravity center -extent 1024x1024 "$crop/logo-light.svg" \) \( -size 1024x1024 xc:black -fill white -draw "roundRectangle 0,0,1024,1024 128,128" \) -alpha Off -compose CopyOpacity -composite "../packages/backend/assets/splash.png"
|
||||||
|
convert \( -background "#3B364C" -resize x200 -gravity center -extent 256x256 "$crop/logo-light.svg" \) \( -size 256x256 xc:black -fill white -draw "roundRectangle 0,0,256,256 32,32" \) -alpha Off -compose CopyOpacity -composite "../packages/backend/assets/favicon.png"
|
||||||
|
convert \( -background "#3B364C" -resize x200 -gravity center -extent 256x256 "$crop/logo-light.svg" \) \( -size 256x256 xc:black -fill white -draw "roundRectangle 0,0,256,256 32,32" \) -alpha Off -compose CopyOpacity -composite "../packages/backend/assets/favicon.ico"
|
BIN
assets/logo.png
(Stored with Git LFS)
Normal file
BIN
assets/logo.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
custom/assets/badges/error.png
(Stored with Git LFS)
BIN
custom/assets/badges/error.png
(Stored with Git LFS)
Binary file not shown.
BIN
custom/assets/badges/info.png
(Stored with Git LFS)
BIN
custom/assets/badges/info.png
(Stored with Git LFS)
Binary file not shown.
BIN
custom/assets/badges/not-found.png
(Stored with Git LFS)
BIN
custom/assets/badges/not-found.png
(Stored with Git LFS)
Binary file not shown.
BIN
iceshrimp.svg
(Stored with Git LFS)
BIN
iceshrimp.svg
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/api-doc.png
(Stored with Git LFS)
BIN
packages/backend/assets/api-doc.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/apple-touch-icon.png
(Stored with Git LFS)
BIN
packages/backend/assets/apple-touch-icon.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/badges/error.png
(Stored with Git LFS)
BIN
packages/backend/assets/badges/error.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/badges/info.png
(Stored with Git LFS)
BIN
packages/backend/assets/badges/info.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/badges/not-found.png
(Stored with Git LFS)
BIN
packages/backend/assets/badges/not-found.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/favicon.ico
(Stored with Git LFS)
BIN
packages/backend/assets/favicon.ico
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/favicon.png
(Stored with Git LFS)
BIN
packages/backend/assets/favicon.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/favicon.svg
(Stored with Git LFS)
BIN
packages/backend/assets/favicon.svg
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/icons/192.png
(Stored with Git LFS)
BIN
packages/backend/assets/icons/192.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/icons/512.png
(Stored with Git LFS)
BIN
packages/backend/assets/icons/512.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/icons/maskable.png
(Stored with Git LFS)
BIN
packages/backend/assets/icons/maskable.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/icons/monochrome.png
(Stored with Git LFS)
BIN
packages/backend/assets/icons/monochrome.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/mail-wordmark.png
(Stored with Git LFS)
Normal file
BIN
packages/backend/assets/mail-wordmark.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
packages/backend/assets/mi-white.png
(Stored with Git LFS)
BIN
packages/backend/assets/mi-white.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/splash.png
(Stored with Git LFS)
BIN
packages/backend/assets/splash.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/backend/assets/splash.svg
(Stored with Git LFS)
BIN
packages/backend/assets/splash.svg
(Stored with Git LFS)
Binary file not shown.
|
@ -71,7 +71,7 @@ html
|
||||||
br
|
br
|
||||||
| Please turn on your JavaScript
|
| Please turn on your JavaScript
|
||||||
div#splash
|
div#splash
|
||||||
img#splashIcon(src= splashIcon || `/static-assets/splash.svg?${ timestamp }`)
|
img#splashIcon(src= splashIcon || `/static-assets/splash.png?${ timestamp }`)
|
||||||
span#splashText
|
span#splashText
|
||||||
block randomMOTD
|
block randomMOTD
|
||||||
= randomMOTD
|
= randomMOTD
|
||||||
|
|
|
@ -13,7 +13,7 @@ export async function sendEmail(
|
||||||
) {
|
) {
|
||||||
const meta = await fetchMeta(true);
|
const meta = await fetchMeta(true);
|
||||||
|
|
||||||
const iconUrl = `${config.url}/static-assets/mi-white.png`;
|
const iconUrl = `${config.url}/static-assets/mail-wordmark.png`;
|
||||||
const emailSettingUrl = `${config.url}/settings/email`;
|
const emailSettingUrl = `${config.url}/settings/email`;
|
||||||
|
|
||||||
const enableAuth = meta.smtpUser != null && meta.smtpUser !== "";
|
const enableAuth = meta.smtpUser != null && meta.smtpUser !== "";
|
||||||
|
|
BIN
packages/client/assets/about-icon-dark.png
(Stored with Git LFS)
Normal file
BIN
packages/client/assets/about-icon-dark.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
packages/client/assets/about-icon-light.png
(Stored with Git LFS)
Normal file
BIN
packages/client/assets/about-icon-light.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
packages/client/assets/about-icon.png
(Stored with Git LFS)
BIN
packages/client/assets/about-icon.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/client/assets/dummy_original.png
(Stored with Git LFS)
BIN
packages/client/assets/dummy_original.png
(Stored with Git LFS)
Binary file not shown.
BIN
packages/client/assets/misskey.svg
(Stored with Git LFS)
BIN
packages/client/assets/misskey.svg
(Stored with Git LFS)
Binary file not shown.
BIN
packages/client/assets/welcome-logo.svg
(Stored with Git LFS)
Normal file
BIN
packages/client/assets/welcome-logo.svg
(Stored with Git LFS)
Normal file
Binary file not shown.
|
@ -14,13 +14,23 @@
|
||||||
:class="{ playing: easterEggEngine != null }"
|
:class="{ playing: easterEggEngine != null }"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="/client-assets/about-icon.png"
|
src="/client-assets/about-icon-dark.png"
|
||||||
|
v-if="!darkMode"
|
||||||
alt=""
|
alt=""
|
||||||
class="icon"
|
class="icon"
|
||||||
draggable="false"
|
draggable="false"
|
||||||
@load="iconLoaded"
|
@load="iconLoaded"
|
||||||
@click="gravity"
|
@click="gravity"
|
||||||
/>
|
/>
|
||||||
|
<img
|
||||||
|
src="/client-assets/about-icon-light.png"
|
||||||
|
v-if="darkMode"
|
||||||
|
alt=""
|
||||||
|
class="icon"
|
||||||
|
draggable="false"
|
||||||
|
@load="iconLoaded"
|
||||||
|
@click="gravity"
|
||||||
|
/>
|
||||||
<div class="misskey">Iceshrimp</div>
|
<div class="misskey">Iceshrimp</div>
|
||||||
<div class="version">v{{ version }}</div>
|
<div class="version">v{{ version }}</div>
|
||||||
<span
|
<span
|
||||||
|
@ -77,7 +87,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { nextTick, onBeforeUnmount } from "vue";
|
import { computed, nextTick, onBeforeUnmount } from "vue";
|
||||||
import { version } from "@/config";
|
import { version } from "@/config";
|
||||||
import FormLink from "@/components/form/link.vue";
|
import FormLink from "@/components/form/link.vue";
|
||||||
import FormSection from "@/components/form/section.vue";
|
import FormSection from "@/components/form/section.vue";
|
||||||
|
@ -135,6 +145,8 @@ const headerActions = $computed(() => []);
|
||||||
|
|
||||||
const headerTabs = $computed(() => []);
|
const headerTabs = $computed(() => []);
|
||||||
|
|
||||||
|
const darkMode = computed(defaultStore.makeGetterSetter("darkMode"));
|
||||||
|
|
||||||
definePageMetadata({
|
definePageMetadata({
|
||||||
title: i18n.ts.aboutIceshrimp,
|
title: i18n.ts.aboutIceshrimp,
|
||||||
icon: null,
|
icon: null,
|
||||||
|
@ -166,9 +178,9 @@ definePageMetadata({
|
||||||
|
|
||||||
> .icon {
|
> .icon {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100px;
|
width: 250px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
border-radius: 3px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .misskey {
|
> .misskey {
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<XTimeline class="tl" />
|
<XTimeline class="tl" />
|
||||||
<div class="shape1"></div>
|
<div class="shape1"></div>
|
||||||
<div class="shape2"></div>
|
<div class="shape2"></div>
|
||||||
<img src="/client-assets/misskey.svg" class="misskey" />
|
<img src="/client-assets/welcome-logo.svg" class="misskey" />
|
||||||
<div class="emojis">
|
<div class="emojis">
|
||||||
<MkEmoji :normal="true" :no-style="true" emoji="⭐" />
|
<MkEmoji :normal="true" :no-style="true" emoji="⭐" />
|
||||||
<MkEmoji :normal="true" :no-style="true" emoji="❤️" />
|
<MkEmoji :normal="true" :no-style="true" emoji="❤️" />
|
||||||
|
|
|
@ -62,7 +62,7 @@
|
||||||
</I18n>
|
</I18n>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<img src="/client-assets/misskey.svg" class="misskey" />
|
<img src="/client-assets/welcome-logo.svg" class="misskey" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
<MkEmoji :normal="true" :no-style="true" emoji="🍮" />
|
<MkEmoji :normal="true" :no-style="true" emoji="🍮" />
|
||||||
</div>
|
</div>
|
||||||
<div class="main">
|
<div class="main">
|
||||||
<img src="/client-assets/misskey.svg" class="misskey" />
|
<img src="/client-assets/welcome-logo.svg" class="misskey" />
|
||||||
<div class="form _panel">
|
<div class="form _panel">
|
||||||
<div class="bg">
|
<div class="bg">
|
||||||
<div class="fade"></div>
|
<div class="fade"></div>
|
||||||
|
|
BIN
title.svg
(Stored with Git LFS)
BIN
title.svg
(Stored with Git LFS)
Binary file not shown.
Loading…
Reference in a new issue