kopia lustrzana https://codeberg.org/nmkj/audon
add logo and mascot
rodzic
5241baf80d
commit
dfde5d1664
|
@ -1,3 +0,0 @@
|
|||
[submodule "audon-fe/src/assets/koruri"]
|
||||
path = audon-fe/src/assets/koruri
|
||||
url = https://github.com/sakura-tel/koruri.git
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="icon" href="/src/assets/favicon.ico">
|
||||
<link rel="icon" href="/src/assets/favicon.svg">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Audon</title>
|
||||
</head>
|
||||
|
|
|
@ -26,18 +26,19 @@ export default {
|
|||
<v-app class="fill-height">
|
||||
<v-system-bar window>
|
||||
<div class="d-flex justify-center align-center w-100">
|
||||
<img
|
||||
class="mr-2"
|
||||
height="20"
|
||||
src="./assets/udon.png"
|
||||
alt="Emoji of Udon Noodle"
|
||||
/>
|
||||
<h2>
|
||||
<RouterLink :to="{ name: 'home' }" class="plain">Audon</RouterLink>
|
||||
</h2>
|
||||
<RouterLink :to="{ name: 'home' }" class="d-flex align-center">
|
||||
<img
|
||||
height="20"
|
||||
src="./assets/img/audon-logo-orange.svg"
|
||||
alt="Branding Logo"
|
||||
/>
|
||||
</RouterLink>
|
||||
</div>
|
||||
</v-system-bar>
|
||||
<v-main>
|
||||
<div id="mascot" class="pa-3">
|
||||
<img :draggable="false" src="./assets/img/mascot.png" />
|
||||
</div>
|
||||
<v-container class="fill-height">
|
||||
<v-row
|
||||
align="center"
|
||||
|
@ -84,6 +85,18 @@ export default {
|
|||
</template>
|
||||
|
||||
<style>
|
||||
#mascot {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#mascot img {
|
||||
opacity: 1;
|
||||
width: 200px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#app .v-application__wrap {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
|
Plik binarny nie jest wyświetlany.
Przed Szerokość: | Wysokość: | Rozmiar: 34 KiB |
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="16" height="16" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="favicon" x="0" y="-0" width="16" height="16" style="fill:none;"/><clipPath id="_clip1"><rect id="favicon1" serif:id="favicon" x="0" y="-0" width="16" height="16"/></clipPath><g clip-path="url(#_clip1)"><g><path d="M1.592,8.903c-0.328,-0.804 -0.509,-1.684 -0.509,-2.605c0,-0.368 0.299,-0.667 0.667,-0.667c0.368,0 0.667,0.299 0.667,0.667c-0,0.743 0.145,1.453 0.41,2.102c0.831,2.041 2.835,3.481 5.173,3.481c2.338,0 4.342,-1.44 5.173,-3.481c0.265,-0.649 0.41,-1.359 0.41,-2.102c0,-0.368 0.299,-0.667 0.667,-0.667c0.368,0 0.667,0.299 0.667,0.667c-0,0.921 -0.181,1.801 -0.509,2.605c-0.782,1.922 -2.405,3.413 -4.41,4.018l0,1.746l1.335,-0c0.368,-0 0.667,0.298 0.667,0.666c0,0.368 -0.299,0.667 -0.667,0.667l-6.666,0c-0.368,0 -0.667,-0.299 -0.667,-0.667c-0,-0.368 0.299,-0.666 0.667,-0.666l1.335,-0l-0,-1.746c-2.005,-0.605 -3.628,-2.096 -4.41,-4.018Zm7.073,4.28c-0.219,0.021 -0.441,0.032 -0.665,0.032c-0.224,-0 -0.446,-0.011 -0.665,-0.032c-0,0.637 -0,1.484 -0,1.484l1.33,-0l0,-1.484Zm-0.143,-7.175c-0.188,-0.316 -0.084,-0.725 0.232,-0.914c0.316,-0.188 0.725,-0.085 0.914,0.231c0.541,0.909 0.244,2.087 -0.665,2.628c-0.909,0.542 -2.086,0.244 -2.628,-0.665c-0.895,-1.501 -0.403,-3.446 1.099,-4.341c1.501,-0.895 3.446,-0.403 4.341,1.098c1.248,2.094 0.562,4.808 -1.532,6.056c-2.094,1.248 -4.807,0.561 -6.055,-1.533c-1.602,-2.686 -0.721,-6.167 1.966,-7.769c2.686,-1.601 6.167,-0.72 7.769,1.966c0.188,0.316 0.085,0.726 -0.232,0.914c-0.316,0.189 -0.725,0.085 -0.914,-0.231c-1.224,-2.054 -3.886,-2.728 -5.941,-1.503c-2.054,1.224 -2.728,3.886 -1.503,5.941c0.871,1.461 2.765,1.941 4.227,1.069c1.462,-0.871 1.941,-2.765 1.07,-4.227c-0.518,-0.869 -1.644,-1.154 -2.514,-0.636c-0.869,0.518 -1.154,1.644 -0.636,2.514c0.165,0.276 0.524,0.367 0.8,0.202c0.277,-0.165 0.367,-0.523 0.202,-0.8Z" style="fill:url(#_Linear2);"/></g></g><defs><linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(9.79717e-16,16,-18.5056,1.13314e-15,8,-1.42109e-14)"><stop offset="0" style="stop-color:#fab507;stop-opacity:1"/><stop offset="0.5" style="stop-color:#ff8a00;stop-opacity:1"/><stop offset="1" style="stop-color:#ff3401;stop-opacity:1"/></linearGradient></defs></svg>
|
Po Szerokość: | Wysokość: | Rozmiar: 2.6 KiB |
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="80" height="93" viewBox="0 0 80 93" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="audon-logo-orange"><path d="M2.941,51.725c-1.895,-4.652 -2.941,-9.74 -2.941,-15.069c0,-2.128 1.728,-3.856 3.855,-3.856c2.128,0 3.856,1.728 3.856,3.856c-0,4.3 0.841,8.406 2.371,12.159c4.807,11.802 16.398,20.13 29.918,20.13c13.52,-0 25.111,-8.328 29.918,-20.13c1.53,-3.753 2.371,-7.859 2.371,-12.159c0,-2.128 1.728,-3.856 3.856,-3.856c2.127,0 3.855,1.728 3.855,3.856c0,5.329 -1.046,10.417 -2.941,15.069c-4.526,11.11 -13.907,19.735 -25.502,23.233l-0,10.095l7.72,0c2.128,0 3.856,1.728 3.856,3.856c-0,2.127 -1.728,3.855 -3.856,3.855l-38.554,0c-2.128,0 -3.856,-1.728 -3.856,-3.855c0,-2.128 1.728,-3.856 3.856,-3.856l7.72,0l0,-10.095c-11.595,-3.498 -20.976,-12.123 -25.502,-23.233Zm40.905,24.748c-1.266,0.121 -2.549,0.183 -3.846,0.183c-1.297,-0 -2.58,-0.062 -3.846,-0.183c0,3.682 0,8.58 0,8.58l7.692,0l-0,-8.58Zm-0.824,-41.492c-1.09,-1.828 -0.491,-4.196 1.337,-5.286c1.828,-1.089 4.196,-0.49 5.286,1.338c3.132,5.255 1.409,12.064 -3.846,15.197c-5.254,3.132 -12.064,1.409 -15.196,-3.846c-5.176,-8.682 -2.329,-19.932 6.353,-25.107c8.682,-5.176 19.932,-2.329 25.108,6.353c7.218,12.109 3.247,27.8 -8.862,35.018c-12.109,7.218 -27.8,3.248 -35.018,-8.861c-9.261,-15.536 -4.167,-35.668 11.369,-44.929c15.536,-9.261 35.668,-4.167 44.93,11.369c1.089,1.828 0.49,4.196 -1.338,5.286c-1.828,1.089 -4.196,0.49 -5.286,-1.338c-7.082,-11.88 -22.477,-15.776 -34.357,-8.694c-11.881,7.082 -15.777,22.477 -8.695,34.358c5.039,8.453 15.994,11.225 24.447,6.186c8.453,-5.039 11.225,-15.993 6.186,-24.447c-2.996,-5.026 -9.509,-6.674 -14.536,-3.678c-5.026,2.996 -6.674,9.509 -3.678,14.536c0.953,1.599 3.026,2.123 4.625,1.17c1.599,-0.953 2.124,-3.026 1.171,-4.625Z" style="fill:url(#_Linear1);"/></g><defs><linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.66571e-15,92.528,-107.018,6.55296e-15,40,0.235993)"><stop offset="0" style="stop-color:#fab507;stop-opacity:1"/><stop offset="0.5" style="stop-color:#ff8a00;stop-opacity:1"/><stop offset="1" style="stop-color:#ff3401;stop-opacity:1"/></linearGradient></defs></svg>
|
Po Szerokość: | Wysokość: | Rozmiar: 2.4 KiB |
File diff suppressed because one or more lines are too long
Po Szerokość: | Wysokość: | Rozmiar: 6.0 KiB |
Plik binarny nie jest wyświetlany.
Po Szerokość: | Wysokość: | Rozmiar: 37 KiB |
|
@ -1 +0,0 @@
|
|||
Subproject commit c54a0e34d550cdcd552180dca81c1e28ac4e3100
|
|
@ -1,8 +1,34 @@
|
|||
@font-face {
|
||||
font-family: "Original Yu Gothic";
|
||||
src: local("Yu Gothic Medium");
|
||||
font-weight: 100;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Original Yu Gothic";
|
||||
src: local("Yu Gothic Medium");
|
||||
font-weight: 200;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Original Yu Gothic";
|
||||
src: local("Yu Gothic Medium");
|
||||
font-weight: 300;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Original Yu Gothic";
|
||||
src: local("Yu Gothic Medium");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Original Yu Gothic";
|
||||
src: local("Yu Gothic Bold");
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
height: 100%;
|
||||
font-family: "Koruri", sans-serif;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
|
||||
}
|
||||
|
||||
a.plain {
|
||||
|
|
Plik binarny nie jest wyświetlany.
Przed Szerokość: | Wysokość: | Rozmiar: 8.1 KiB |
|
@ -0,0 +1,6 @@
|
|||
:root {
|
||||
--audon-yellow: #fab507;
|
||||
--audon-orange: #ff8a00;
|
||||
--audon-red: #ff3401;
|
||||
--audon-gradient: linear-gradient(to top, var(--audon-red), var(--audon-orange), var(--audon-yellow))
|
||||
}
|
|
@ -15,7 +15,6 @@ import router from "./router";
|
|||
import { useMastodonStore } from "./stores/mastodon";
|
||||
|
||||
import "./assets/style.css";
|
||||
import "./assets/koruri/koruri.css";
|
||||
import "vuetify/styles";
|
||||
|
||||
const vuetify = createVuetify({
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
import { createRouter, createWebHistory } from "vue-router";
|
||||
import HomeView from "../views/HomeView.vue";
|
||||
import LoginView from "../views/LoginView.vue";
|
||||
import RoomView from "../views/RoomView.vue";
|
||||
import NotFoundView from "../views/NotFoundView.vue";
|
||||
|
@ -18,7 +17,7 @@ const router = createRouter({
|
|||
{
|
||||
path: "/",
|
||||
name: "home",
|
||||
component: HomeView,
|
||||
component: () => import("../views/HomeView.vue"),
|
||||
},
|
||||
{
|
||||
path: "/about",
|
||||
|
|
|
@ -20,18 +20,8 @@ export default {
|
|||
<div>
|
||||
Under construction
|
||||
</div>
|
||||
<div>
|
||||
<RouterLink :to="{ name: 'home' }">Home</RouterLink>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
@media (min-width: 1024px) {
|
||||
.about {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
<style scoped>
|
||||
</style>
|
||||
|
|
|
@ -20,6 +20,14 @@ import axios from "axios";
|
|||
export default {
|
||||
setup() {
|
||||
return {
|
||||
mdiMastodon,
|
||||
mdiClipboardCheck,
|
||||
mdiClipboardEdit,
|
||||
mdiArrowLeft,
|
||||
mdiMagnify,
|
||||
mdiClose,
|
||||
mdiPlus,
|
||||
webfinger,
|
||||
v$: useVuelidate(),
|
||||
donStore: useMastodonStore(),
|
||||
clipboard: useClipboard(),
|
||||
|
@ -33,13 +41,6 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
mdiMastodon,
|
||||
mdiClipboardCheck,
|
||||
mdiClipboardEdit,
|
||||
mdiArrowLeft,
|
||||
mdiMagnify,
|
||||
mdiClose,
|
||||
mdiPlus,
|
||||
title: "",
|
||||
description: "",
|
||||
cohosts: [],
|
||||
|
@ -155,7 +156,6 @@ export default {
|
|||
onShareClick() {
|
||||
window.open(this.shareURL, "Audon Share", "width=400,height=600");
|
||||
},
|
||||
webfinger,
|
||||
async onSubmit() {
|
||||
this.title = trim(this.title);
|
||||
this.description = trim(this.description);
|
||||
|
|
|
@ -72,6 +72,9 @@ export default {
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<div class="text-center mb-8">
|
||||
<img src="../assets/img/audon-wordmark-white-text.svg" :draggable="false" alt="Branding Wordmark" style="width: 100%; max-width: 200px;" />
|
||||
</div>
|
||||
<v-alert v-if="$route.query.l" type="warning" variant="text">
|
||||
<div>{{ $t("loginRequired") }}</div>
|
||||
</v-alert>
|
||||
|
|
|
@ -56,6 +56,19 @@ export default {
|
|||
false
|
||||
);
|
||||
return {
|
||||
webfinger,
|
||||
clone,
|
||||
mdiLogout,
|
||||
mdiAccountVoice,
|
||||
mdiMicrophone,
|
||||
mdiMicrophoneOff,
|
||||
mdiMicrophoneQuestion,
|
||||
mdiDoorClosed,
|
||||
mdiVolumeOff,
|
||||
mdiClose,
|
||||
mdiCheck,
|
||||
mdiDotsVertical,
|
||||
mdiPencil,
|
||||
v$: useVuelidate(),
|
||||
donStore: useMastodonStore(),
|
||||
decoder: new TextDecoder(),
|
||||
|
@ -83,20 +96,9 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
mdiLogout,
|
||||
mdiAccountVoice,
|
||||
mdiMicrophone,
|
||||
mdiMicrophoneOff,
|
||||
mdiMicrophoneQuestion,
|
||||
mdiDoorClosed,
|
||||
mdiVolumeOff,
|
||||
mdiClose,
|
||||
mdiCheck,
|
||||
mdiDotsVertical,
|
||||
mdiPencil,
|
||||
roomID: this.$route.params.id,
|
||||
loading: true,
|
||||
mainHeight: 600,
|
||||
mainHeight: 700,
|
||||
roomClient: new Room(),
|
||||
roomInfo: {
|
||||
title: "",
|
||||
|
@ -225,7 +227,6 @@ export default {
|
|||
},
|
||||
},
|
||||
methods: {
|
||||
webfinger,
|
||||
refreshTimeElapsed() {
|
||||
if (!this.roomInfo.created_at) return;
|
||||
const now = DateTime.utc();
|
||||
|
@ -324,6 +325,8 @@ export default {
|
|||
self.isCohost(metadata)
|
||||
) {
|
||||
self.speakRequests.delete(jsonData.audon_id);
|
||||
if (self.speakRequests.size < 1)
|
||||
self.showRequestNotification = false;
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
@ -340,6 +343,8 @@ export default {
|
|||
if (!self.roomInfo.speakers) return;
|
||||
for (const speakers of self.roomInfo.speakers) {
|
||||
self.speakRequests.delete(speakers.audon_id);
|
||||
if (self.speakRequests.size < 1)
|
||||
self.showRequestNotification = false;
|
||||
}
|
||||
if (self.iamSpeaker && !self.micGranted) {
|
||||
self.roomClient.localParticipant
|
||||
|
@ -605,7 +610,6 @@ export default {
|
|||
this.showEditDialog = false;
|
||||
}
|
||||
},
|
||||
clone,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
@ -767,9 +771,9 @@ export default {
|
|||
<v-card :height="mainHeight" :loading="loading" class="d-flex flex-column">
|
||||
<v-card-title class="d-flex align-center">
|
||||
<div class="mr-auto overflow-y-auto">{{ roomInfo.title }}</div>
|
||||
<v-chip v-if="timeElapsed" class="mx-1 flex-shrink-0">{{
|
||||
timeElapsed
|
||||
}}</v-chip>
|
||||
<v-chip v-if="timeElapsed" class="mx-1 flex-shrink-0">
|
||||
<code>{{ timeElapsed }}</code>
|
||||
</v-chip>
|
||||
<div v-if="iamHost" class="flex-shrink-0">
|
||||
<v-menu>
|
||||
<template v-slot:activator="{ props }">
|
||||
|
@ -887,3 +891,9 @@ export default {
|
|||
</v-card>
|
||||
</main>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.v-card {
|
||||
background-color: rgba(33, 33, 33, 0.9);
|
||||
}
|
||||
</style>
|
Ładowanie…
Reference in New Issue