UA-Fediland/pixelfed
2
0
Fork 0
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-11-09 16:24:51 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update landing view

Browse source
This commit is contained in:
Daniel Supernault 2023-04-07 23:14:08 -06:00
parent 09c0032b39
commit 6d3c7afd2b
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
5 changed files with 28 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/_landing/bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 182 KiB

10
resources/assets/components/landing/Index.vue
View file

@ -23,6 +23,7 @@
class="img-fluid rounded"
style="width: 100%;max-height: 200px;object-fit: cover;"
alt="Server banner image"
height="200"
onerror="this.src='/storage/headers/default.jpg';this.onerror=null;">
</div>
@ -57,7 +58,14 @@
<p class="item-label">Managed By</p>
<a :href="config.contact.account.url" class="admin-card">
<div class="d-flex">
<img :src="config.contact.account.avatar" onerror="this.src='/storage/avatars/default.jpg';this.onerror=null;" width="45" height="45" class="avatar">
<img
:src="config.contact.account.avatar"
width="45"
height="45"
class="avatar"
:alt="`${config.contact.account.username}'s avatar`"
onerror="this.src='/storage/avatars/default.jpg';this.onerror=null;"
>
<div class="user-info">
<p class="display-name">{{ config.contact.account.display_name }}</p>

2
resources/assets/js/landing.js vendored
View file

@ -10,7 +10,6 @@ import Loading from 'vue-loading-overlay';
import VueTimeago from 'vue-timeago';
import VueCarousel from 'vue-carousel';
import VueBlurHash from 'vue-blurhash';
import VueMasonry from 'vue-masonry-css';
import VueI18n from 'vue-i18n';
window.pftxt = require('twitter-text');
import 'vue-blurhash/dist/vue-blurhash.css'
@ -41,7 +40,6 @@ Vue.use(VueCarousel);
Vue.use(BootstrapVue);
Vue.use(InfiniteLoading);
Vue.use(Loading);
Vue.use(VueMasonry);
Vue.use(VueI18n);
Vue.use(VueTimeago, {
name: 'Timeago',

4
resources/assets/sass/landing.scss vendored
View file

@ -289,7 +289,7 @@ body {
.stat-label {
font-size: 12px;
font-weight: 700;
color: #64748b;
color: #94a3b8;
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 0.8px;
@ -329,7 +329,7 @@ body {
}
.item-label {
color: #475569;
color: #94a3b8;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;

29
resources/views/site/index.blade.php
View file

@ -10,19 +10,28 @@
<title>{{ config('app.name', 'Pixelfed') }}</title>
<meta property="og:site_name" content="{{ config('app.name', 'pixelfed') }}">
<meta property="og:title" content="{{ config('app.name', 'pixelfed') }}">
<meta property="og:type" content="article">
<meta property="og:url" content="{{request()->url()}}">
<meta property="og:description" content="Federated Image Sharing">
<link rel="canonical" href="{{ request()->url() }}" />
<meta property="og:site_name" content="{{ config_cache('app.name', 'pixelfed') }}" />
<meta property="og:title" content="{{ config_cache('app.name', 'pixelfed') }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{request()->url()}}" />
<meta property="og:image" content="{{ config_cache('app.banner_image') ?? url('storage/headers/default.jpg')}}" />
<meta property="og:description" content="{{ config_cache('app.short_description') ?? 'Decentralized photo sharing social media powered by Pixelfed' }}" />
<meta name="description" content="{{ config_cache('app.short_description') ?? 'Decentralized photo sharing social media powered by Pixelfed' }}" />
<meta name="twitter:title" content="{{ config_cache('app.name', 'pixelfed') }}" />
<meta name="twitter:description" content="{{ config_cache('app.short_description') ?? 'Decentralized photo sharing social media powered by Pixelfed' }}" />
<meta name="twitter:image" content="{{ config_cache('app.banner_image') ?? url('storage/headers/default.jpg')}}" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="medium" content="image">
<meta name="theme-color" content="#10c5f8">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="manifest" href="/manifest.json">
<link rel="icon" type="image/png" href="/img/favicon.png">
<link rel="apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
<link rel="manifest" href="{{url('/manifest.json')}}" />
<link rel="icon" type="image/png" href="{{url('/img/favicon.png')}}">
<link rel="apple-touch-icon" type="image/png" href="{{url('/img/favicon.png')}}">
<link href="{{ mix('css/landing.css') }}" rel="stylesheet">
<link rel="preload" as="image" href="{{ url('/_landing/bg.jpg')}}" />
<script type="text/javascript">
window.pfl = {!! App\Services\LandingService::get() !!}
</script>
@ -32,10 +41,6 @@
<noscript>
<div class="container">
<h1 class="pt-5 text-center">Pixelfed</h1>
<p class="text-center">Decentralized photo sharing social media</p>
<p class="pt-2 text-center lead">
<a href="{{ config('app.url') }}/login" class="btn btn-outline-light">Login</a>
</p>
<p class="pt-2 text-center lead">Please enable javascript to view this content.</p>
</div>
</noscript>