mirror of
https://codeberg.org/VnPower/PixivFE
synced 2024-12-06 19:16:23 +01:00
Index page
This commit is contained in:
VnPower
Binary file not shown.
|
Before Width: | Height: | Size: 185 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="50px" height="50px"><g fill-opacity="0" fill="#dddddd" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,256v-256h256v256z" id="bgRectangle"></path></g><g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M22.20508,2c-0.48953,0.00026 -0.90693,0.35484 -0.98633,0.83789l-0.97266,5.95508c-1.16958,0.34023 -2.28485,0.7993 -3.33594,1.37109l-4.91406,-3.50977c-0.39728,-0.28369 -0.94131,-0.23911 -1.28711,0.10547l-3.89062,3.88672c-0.3432,0.34344 -0.39015,0.88376 -0.11133,1.28125l3.45703,4.94531c-0.58061,1.05722 -1.04985,2.17878 -1.39844,3.35938l-5.92969,0.98633c-0.4815,0.0811 -0.83404,0.49805 -0.83398,0.98633v5.5c-0.00088,0.48518 0.3466,0.901 0.82422,0.98633l5.93359,1.05078c0.3467,1.17855 0.81296,2.30088 1.39453,3.35937l-3.5,4.89648c-0.28369,0.39728 -0.23911,0.94131 0.10547,1.28711l3.88867,3.89063c0.34265,0.34275 0.88175,0.39048 1.2793,0.11328l4.95508,-3.46875c1.05419,0.57517 2.17218,1.03762 3.3457,1.38086l0.99023,5.96289c0.08025,0.48228 0.49742,0.83584 0.98633,0.83594h5.5c0.4858,0.00071 0.90184,-0.34778 0.98633,-0.82617l1.06055,-5.98633c1.16868,-0.3485 2.28142,-0.8178 3.33008,-1.39648l4.98828,3.5c0.39749,0.27882 0.93781,0.23187 1.28125,-0.11133l3.88867,-3.89258c0.34612,-0.34687 0.38995,-0.89343 0.10352,-1.29102l-3.55664,-4.9375c0.56867,-1.04364 1.02681,-2.14972 1.36719,-3.31055l6.01758,-1.05469c0.47839,-0.08448 0.82689,-0.50053 0.82617,-0.98633v-5.5c-0.00026,-0.48953 -0.35484,-0.90693 -0.83789,-0.98633l-6.00781,-0.98242c-0.34266,-1.15945 -0.80206,-2.26356 -1.37109,-3.30664l3.50781,-4.99805c0.27882,-0.39749 0.23187,-0.93781 -0.11133,-1.28125l-3.89062,-3.88867c-0.34687,-0.34612 -0.89343,-0.38995 -1.29102,-0.10352l-4.92383,3.54102c-1.04908,-0.57636 -2.16255,-1.04318 -3.33398,-1.38867l-1.04687,-5.98437c-0.08364,-0.47917 -0.49991,-0.82867 -0.98633,-0.82812zM23.05664,4h3.80859l0.99609,5.68555c0.06772,0.38959 0.35862,0.70269 0.74219,0.79883c1.46251,0.36446 2.83609,0.94217 4.08984,1.70117c0.34265,0.20761 0.77613,0.1907 1.10156,-0.04297l4.67969,-3.36328l2.69336,2.69336l-3.33203,4.74805c-0.22737,0.3236 -0.24268,0.75079 -0.03906,1.08984c0.75149,1.25092 1.32146,2.61583 1.68555,4.07031c0.0969,0.38717 0.41473,0.67966 0.80859,0.74414l5.70703,0.93359v3.80859l-5.71875,1.00391c-0.3899,0.06902 -0.70237,0.36157 -0.79687,0.74609c-0.35988,1.45263 -0.93019,2.8175 -1.68164,4.06836c-0.20617,0.34256 -0.18851,0.775 0.04492,1.09961l3.37891,4.68945l-2.69336,2.69531l-4.74023,-3.32617c-0.32527,-0.22783 -0.75452,-0.24163 -1.09375,-0.03516c-1.24752,0.75899 -2.62251,1.33943 -4.08008,1.70898c-0.38168,0.09622 -0.67142,0.40737 -0.74023,0.79492l-1.00977,5.6875h-3.81445l-0.94141,-5.66211c-0.06549,-0.39365 -0.35874,-0.7107 -0.74609,-0.80664c-1.46338,-0.36069 -2.84314,-0.93754 -4.10547,-1.69531c-0.33857,-0.20276 -0.76473,-0.18746 -1.08789,0.03906l-4.70312,3.29492l-2.69531,-2.69922l3.32422,-4.64648c0.23221,-0.3254 0.24834,-0.75782 0.04102,-1.09961c-0.76602,-1.26575 -1.34535,-2.6454 -1.71094,-4.11523c-0.09555,-0.38244 -0.40684,-0.67307 -0.79492,-0.74219l-5.63086,-1v-3.81445l5.62695,-0.93555c0.39312,-0.06519 0.71002,-0.35754 0.80664,-0.74414c0.36873,-1.4749 0.94778,-2.85432 1.71094,-4.11719c0.20562,-0.33876 0.19183,-0.76697 -0.03516,-1.0918l-3.28516,-4.69531l2.69727,-2.69531l4.66211,3.33203c0.32413,0.23112 0.75447,0.248 1.0957,0.04297c1.25566,-0.75415 2.63862,-1.32636 4.10352,-1.68555c0.38927,-0.09584 0.68369,-0.41486 0.74805,-0.81055zM25,17c-4.40643,0 -8,3.59357 -8,8c0,4.40643 3.59357,8 8,8c4.40643,0 8,-3.59357 8,-8c0,-4.40643 -3.59357,-8 -8,-8zM25,19c3.32555,0 6,2.67445 6,6c0,3.32555 -2.67445,6 -6,6c-3.32555,0 -6,-2.67445 -6,-6c0,-3.32555 2.67445,-6 6,-6z"></path></g></g></svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 383 B |
Binary file not shown.
|
After Width: | Height: | Size: 732 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 577 B |
Binary file not shown.
|
After Width: | Height: | Size: 466 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="50px" height="50px"><g fill-opacity="0" fill="#dddddd" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,256v-256h256v256z" id="bgRectangle"></path></g><g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M21,3c-9.37891,0 -17,7.62109 -17,17c0,9.37891 7.62109,17 17,17c3.71094,0 7.14063,-1.19531 9.9375,-3.21875l13.15625,13.125l2.8125,-2.8125l-13,-13.03125c2.55469,-2.97656 4.09375,-6.83984 4.09375,-11.0625c0,-9.37891 -7.62109,-17 -17,-17zM21,5c8.29688,0 15,6.70313 15,15c0,8.29688 -6.70312,15 -15,15c-8.29687,0 -15,-6.70312 -15,-15c0,-8.29687 6.70313,-15 15,-15z"></path></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
+439
-490
File diff suppressed because it is too large
Load Diff
+527
-589
File diff suppressed because it is too large
Load Diff
+113
-90
@@ -1,13 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
{{ title := "" }}
|
||||
{{ if isset(Title) }}
|
||||
{{ title = Title }}
|
||||
{{ else }}
|
||||
{{ title = "PixivFE" }}
|
||||
{{ end }}
|
||||
<head>
|
||||
{{ title := "" }} {{ if isset(Title) }} {{ title = Title }} {{ else }} {{
|
||||
title = "PixivFE" }} {{ end }}
|
||||
<title>{{ title }} - PixivFE</title>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="description" content="View this page on PixivFE." />
|
||||
@@ -18,95 +13,123 @@
|
||||
|
||||
{{ if BaseURL }}
|
||||
<meta property="og:site_name" content="PixivFE" />
|
||||
<meta property="og:title" content="{{ title }}">
|
||||
<meta property="og:title" content="{{ title }}" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="{{ FullURL }}">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="og:url" content="{{ FullURL }}" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
|
||||
{{ if isset(PageType) }}
|
||||
|
||||
{{ if PageType == "artwork" }}
|
||||
{{ if ! Illust.XRestrict }}
|
||||
<meta property="og:description" content="View this artwork by {{ Illust.User.Name }} on PixivFE.">
|
||||
<meta property="og:image" content="{{ Illust.Images[0].Large }}">
|
||||
{{ if isset(PageType) }} {{ if PageType == "artwork" }} {{ if !
|
||||
Illust.XRestrict }}
|
||||
<meta
|
||||
property="og:description"
|
||||
content="View this artwork by {{ Illust.User.Name }} on PixivFE."
|
||||
/>
|
||||
<meta property="og:image" content="{{ Illust.Images[0].Large }}" />
|
||||
{{ else }}
|
||||
<meta property="og:description" content="View this (explicit) artwork by {{ Illust.User.Name }} on PixivFE.">
|
||||
<meta property="og:image" content="{{ BaseURL }}/assets/banner.jpg">
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ else if PageType == "user" }}
|
||||
<meta property="og:description" content="View this user's profile on PixivFE.">
|
||||
<meta
|
||||
property="og:description"
|
||||
content="View this (explicit) artwork by {{ Illust.User.Name }} on PixivFE."
|
||||
/>
|
||||
<meta property="og:image" content="{{ BaseURL }}/assets/banner.jpg" />
|
||||
{{ end }} {{ else if PageType == "user" }}
|
||||
<meta
|
||||
property="og:description"
|
||||
content="View this user's profile on PixivFE."
|
||||
/>
|
||||
{{ if User.BackgroundImage }}
|
||||
<meta property="og:image" content="{{ User.BackgroundImage }}">
|
||||
<meta property="og:image" content="{{ User.BackgroundImage }}" />
|
||||
{{ else }}
|
||||
<meta property="og:image" content="{{ User.Avatar }}">
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<meta property="og:image" content="{{ User.Avatar }}" />
|
||||
{{ end }} {{ end }} {{ else }}
|
||||
<meta
|
||||
property="og:description"
|
||||
content="View this page on PixivFE. A privacy respecting frontend for Pixiv."
|
||||
/>
|
||||
<meta property="og:image" content="{{ BaseURL }}/assets/banner.jpg" />
|
||||
{{ end }} {{ end }}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<div class="navigation-wrapper">
|
||||
<span>
|
||||
<input type="checkbox" class="sidebar-toggler" id="sidebar-toggler" />
|
||||
<label for="sidebar-toggler" class="sidebar-label">
|
||||
<img
|
||||
src="/assets/menu-thin.png"
|
||||
alt="Menu"
|
||||
width="30"
|
||||
height="30"
|
||||
/>
|
||||
</label>
|
||||
|
||||
{{ else }}
|
||||
<meta property="og:description" content="View this page on PixivFE. A privacy respecting frontend for Pixiv.">
|
||||
<meta property="og:image" content="{{ BaseURL }}/assets/banner.jpg">
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</head>
|
||||
<div class="sidebar">
|
||||
<ul class="sidebar-list">
|
||||
<a class="sidebar-item" href="/discovery">
|
||||
<img src="/assets/compass.png" alt="icon" />Discovery</a
|
||||
>
|
||||
<a class="sidebar-item" href="/ranking">
|
||||
<img src="/assets/crown.png" alt="icon" />Ranking</a
|
||||
>
|
||||
<a class="sidebar-item" href="/newest">
|
||||
<img src="/assets/sparkling.png" alt="icon" />Newest</a
|
||||
>
|
||||
<br />
|
||||
<a class="sidebar-item" href="/self/following_works">
|
||||
<img src="/assets/users.png" alt="icon" />Latest by followed</a
|
||||
>
|
||||
<a class="sidebar-item" href="/self/bookmarks">
|
||||
<img src="/assets/heart.png" alt="icon" />Your bookmarks</a
|
||||
>
|
||||
<a class="sidebar-item" href="/self">
|
||||
<img src="/assets/user.png" alt="icon" />Your profile</a
|
||||
>
|
||||
<br />
|
||||
<a class="sidebar-item" href="/settings">
|
||||
<img src="/assets/settings.png" alt="icon" />Settings</a
|
||||
>
|
||||
<br />
|
||||
<a
|
||||
class="sidebar-item"
|
||||
href="https://codeberg.org/vnpower/pixivfe"
|
||||
>
|
||||
<img src="/assets/globe.png" alt="icon" />Source code</a
|
||||
>
|
||||
</ul>
|
||||
</div>
|
||||
<span class="navbar-brand">
|
||||
<img src="https://pixivfe.exozy.me/favicon.ico" alt="Icon" />
|
||||
<span>PixivFE</span>
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<ul class="navbar-list">
|
||||
<li class="navbar-item">
|
||||
<input type="checkbox" class="sidebar-toggler" id="sidebar-toggler" />
|
||||
<label for="sidebar-toggler" class="sidebar-label">
|
||||
<img src="/assets/menu-thin.png" alt="Menu" width="30" height="30" />
|
||||
</label>
|
||||
|
||||
<div class="sidebar">
|
||||
<ul class="sidebar-list">
|
||||
<a class="sidebar-item" href="/discovery">
|
||||
<img src="/assets/compass.png" alt="icon" />Discovery</a>
|
||||
<a class="sidebar-item" href="/ranking">
|
||||
<img src="/assets/crown.png" alt="icon" />Ranking</a>
|
||||
<a class="sidebar-item" href="/newest">
|
||||
<img src="/assets/sparkling.png" alt="icon" />Newest</a>
|
||||
<br />
|
||||
<a class="sidebar-item" href="/self/following_works">
|
||||
<img src="/assets/users.png" alt="icon" />Latest by followed</a>
|
||||
<a class="sidebar-item" href="/self/bookmarks">
|
||||
<img src="/assets/heart.png" alt="icon" />Your bookmarks</a>
|
||||
<a class="sidebar-item" href="/self">
|
||||
<img src="/assets/user.png" alt="icon" />Your profile</a>
|
||||
<br />
|
||||
<a class="sidebar-item" href="/settings">
|
||||
<img src="/assets/settings.png" alt="icon" />Settings</a>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<a href="/" class="navbar-brand">
|
||||
<img src="/favicon.ico" alt="PixivFE's logo" />
|
||||
<b>PixivFE</b>
|
||||
</a>
|
||||
</li>
|
||||
<li class="navbar-item search-bar">
|
||||
<form class="search-form" action="/tags" method="post" autocomplete="off">
|
||||
<input type="text" name="name" class="search-form-text" placeholder="⌕ Search artworks..." />
|
||||
<input type="submit" hidden />
|
||||
</form>
|
||||
</li>
|
||||
<li class="navbar-item navbar-buttons">
|
||||
<a href="/settings" class="navbar-button">
|
||||
<img src="/assets/settings.png" alt="Settings" width="30" height="30" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<span class="navbar-entry">
|
||||
<form
|
||||
class="search-form"
|
||||
action="/tags"
|
||||
method="post"
|
||||
autocomplete="off"
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
class="search-form-text"
|
||||
placeholder="⌕ Search artworks..."
|
||||
/>
|
||||
<input type="submit" hidden />
|
||||
</form>
|
||||
</span>
|
||||
<span>
|
||||
<span class="navbar-entry" id="search-page-entry">
|
||||
<img src="assets/search.svg" alt="Search" />
|
||||
</span>
|
||||
<span class="navbar-entry">
|
||||
<img src="assets/cog.svg" alt="Settings" />
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="navbar-shadow"></div>
|
||||
</nav>
|
||||
{{ embed() }}
|
||||
|
||||
<div class="footer">
|
||||
<a href="https://codeberg.org/VnPower/pixivfe">
|
||||
<p>Join the development on Codeberg!</p>
|
||||
</a>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -88,42 +88,51 @@
|
||||
</div>
|
||||
{{ else }}
|
||||
<p><a href="/login">Login</a> to access more features!</p>
|
||||
<p>
|
||||
Enjoying this frontend so far? I need your opinions and ideas to improve
|
||||
this UI! Share them
|
||||
<a href="https://codeberg.org/VnPower/pixivfe/issues/21">here</a>!
|
||||
</p>
|
||||
<div class="component-header">
|
||||
<h2>Daily rankings</h2>
|
||||
<a href="/ranking">See more</a>
|
||||
</div>
|
||||
<div class="thumbnail-container">
|
||||
<div class="artwork-container-scroll">
|
||||
{{ range rank := Artworks.Rankings }}
|
||||
<div class="artwork-thumbnail-large artwork-thumbnail">
|
||||
<div class="artwork-rank-circle">{{ rank + 1 }}</div>
|
||||
{{ if toInt(.Pages) > 1 }}
|
||||
<div class="artwork-page-count"><span>⧉ {{ .Pages }}</span></div>
|
||||
{{ end }}
|
||||
<div class="artwork-large artwork">
|
||||
<div class="artwork-additional">
|
||||
<div class="artwork-position">{{ rank + 1 }}</div>
|
||||
|
||||
{{ if .Pages > 1 }}
|
||||
<div class="artwork-page-count">
|
||||
<span class="boxbox"> ⧉ </span>
|
||||
<span>2</span>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<a href="/artworks/{{ .ID }}">
|
||||
<img
|
||||
src="{{ .Thumbnail }}"
|
||||
alt="{{ .Title }}"
|
||||
class="artwork-master-image"
|
||||
/>
|
||||
<img src="{{ .Thumbnail }}" alt="{{ .Title }}" />
|
||||
</a>
|
||||
|
||||
<a class="artwork-thumbnail-title" href="/artworks/{{ .ID }}">
|
||||
<h3 class="no-margin">{{ .Title }}</h3>
|
||||
</a>
|
||||
<a href="/users/{{ .ArtistID }}" class="artwork-thumbnail-artist flex"
|
||||
><img
|
||||
src="{{ .ArtistAvatar }}"
|
||||
alt="{{ .ArtistName }}"
|
||||
class="artwork-thumbnail-artist-avatar border-rounded"
|
||||
/>
|
||||
{{ .ArtistName }}</a
|
||||
>
|
||||
<div class="artwork-title">
|
||||
<a href="/artworks/{{ .ID }}"> {{ .Title }} </a>
|
||||
</div>
|
||||
<div class="artwork-author">
|
||||
<a href="/users/{{ .ArtistID }}">
|
||||
<img
|
||||
src="{{ .ArtistAvatar }}"
|
||||
alt="{{ .ArtistName }}"
|
||||
class="artwork-thumbnail-artist-avatar border-rounded"
|
||||
/>
|
||||
<span>{{ .ArtistName }}</span></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<br />
|
||||
|
||||
<h2>Pixivision</h2>
|
||||
<!-- <h2>Pixivision</h2>
|
||||
<div class="thumbnail-container">
|
||||
{{ range Artworks.Pixivision }}
|
||||
<a href="{{ .URL }}" class="spotlight-thumbnail">
|
||||
@@ -138,6 +147,7 @@
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
<br />
|
||||
<br /> -->
|
||||
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user