mirrors/fediparty
1
0
Fork 0
mirror of https://codeberg.org/fediverse/fediparty.git synced 2025-01-09 01:21:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Rearrange Fedi, News pages; remove unused styles

Browse source
This commit is contained in:
lostinlight 2023-10-26 22:44:36 +03:00
parent 00a97cc709
commit 21353d2f39
5 changed files with 22 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
themes/starter/languages/en.yml
View file

@ -9,7 +9,6 @@ knowledge: Knowledge
more: All apps
devTools: Dev tools
portal: Servers
magic: Magic Ball
logo: logo hub
about: about us
@ -29,13 +28,14 @@ projects: related projects
latest: latest news
forDevs: developer resources
reading: additional reading
magic: CRYSTAL BALL
# Knowledge page
share: SHARE WITH FRIENDS
# Chronicles page
theChronicles: The Chronicles
primary: your primary source of news
primary: updates about this webite and Fedi
subscribe: Subscribe via RSS
submit: Submit news
tags: Tags

46
themes/starter/layout/_partial/archive.ejs
View file

@ -1,46 +0,0 @@
<main class="contents chronicles">
<header>
<div class="heading">
<h1>The Chronicles</h1>
<h4 class="subheading">your primary source of news</h4>
</div>
</header>
<ul class="links">
<li><a href="">Subscribe via RSS</a></li>
<li><a href="">Submit news</a></li>
</ul>
<% if (pagination == 2){ %>
<% page.posts.each(function(post) { %>
<% if (post.wanted) { %>
<%- partial('wanted', {post: post, index: true}) %>
<% } %>
<% }) %>
<% page.posts.each(function(post) { %>
<% if (post.featured) { %>
<%- partial('featured', {post: post, index: true}) %>
<% } %>
<% }) %>
<div class="section-title">
<h4>IN THE NEWS</h4>
</div>
<div class="flexrow">
<% page.posts.each(function(post) { %>
<% if (!post.wanted && !post.featured) { %>
<%- partial('article', {post: post, index: true}) %>
<% } %>
<% }) %>
</div>
<% } %>
<% if (page.total > 1){ %>
<nav id="page-nav" class="page-nav">
<%- paginator({prev_text: "&#8249;", next_text: "&#8250;"}) %>
</nav>
<% } %>
<%- partial('_partial/buttons') %>
</main>

6
themes/starter/layout/archive.ejs
View file

@ -17,12 +17,6 @@ layout: layout
<li><%- partial('_partial/snowflake') %><a href="<%- url_for('/tags') %>"><%- __('tags') %></a></li>
</ul>
<% page.posts.each(function(post) { %>
<% if (post.wanted) { %>
<%- partial('_partial/wanted', {post: post, index: true}) %>
<% } %>
<% }) %>
<% page.posts.each(function(post) { %>
<% if (post.featured) { %>
<%- partial('_partial/featured', {post: post, index: true}) %>

12
themes/starter/layout/fediverse.ejs
View file

@ -75,7 +75,7 @@ layout: layout
</ul>
</div>
<div class="section">
<div class="section">
<h4><%- __('protocols') %></h4>
<ul class="section-list">
<% for (item in protocols) { %>
@ -83,15 +83,15 @@ layout: layout
<a href="<%= protocols[item].url %>"><%= protocols[item].name %></a><span>,&nbsp;&nbsp;</span>
</li>
<% } %>
</ul>
/ul>
</div>
<p><%= fv.info %></p>
<p class="u-center">
<a href="/en/portal/servers" class="u-block u-emphasize btn-action centered"><%- __('joinF') %></a>
</p>
<p><%= fv.info %></p>
<div class="section">
<h4><%- __('latest') %></h4>
<ul class="article-list">
@ -119,5 +119,9 @@ layout: layout
</ul>
</div>
<p class="u-center">
<a href="/en/crystalball" class="u-block u-emphasize btn-action centered"><%- __('magic') %></a>
</p>
<%- partial('_partial/buttons') %>
</main>

37
themes/starter/source/assets/scss/modules/_chronicles.scss
View file

@ -10,8 +10,7 @@
.chronicles .links {
width: 160px;
height: 150px;
margin-bottom: 2em;
height: 130px;
line-height: 1.7;
}
@ -42,6 +41,7 @@
border: 1px solid $grey;
border-radius: 10px;
position: relative;
margin-top: 1em;
&:hover {
border: 1px solid $black;
}
@ -53,29 +53,20 @@
background: none;
}
.post__preview:not(.wanted):not(.featured) a:focus > p {
.post__preview:not(.featured) a:focus > p {
color: $coral;
}
.post__preview.wanted p {
margin: .3em 0;
line-height: 1.2;
}
.post__preview:not(.wanted) {
margin-top: 1em;
}
.post__preview:not(.wanted):nth-child(n+4) {
.post__preview:nth-child(n+4) {
margin-top: 2em;
}
.post__preview:not(.wanted):not(.featured) {
.post__preview:not(.featured) {
flex: 32% 0 0;
height: 290px;
}
.post__preview:not(.wanted):not(.featured) .post__meta {
.post__preview:not(.featured) .post__meta {
position: absolute;
bottom: 0;
width: 80%;
@ -91,11 +82,7 @@
display: none;
}
.post__preview.wanted .post__meta span:last-child {
right: 1.5em;
}
.post__preview:not(.wanted):not(.featured) .post__content {
.post__preview:not(.featured) .post__content {
width: 80%;
position: absolute;
left: 50%;
@ -179,11 +166,11 @@
right: 9em;
}
.post__preview:not(.wanted):not(.featured) {
.post__preview:not(.featured) {
flex: 46% 0 0;
}
.post__preview:not(.wanted):nth-child(n+4) {
.post__preview:nth-child(n+4) {
margin-top: 1em;
}
@ -211,12 +198,12 @@
margin: -90px auto 3em;
}
.post__preview:not(.wanted):not(.featured) {
.post__preview:not(.featured) {
flex: 100% 0 0;
height: 230px;
}
.post__preview:not(.wanted):not(.featured) .post__meta {
.post__preview:not(.featured) .post__meta {
margin: .5em 0;
}
}
@ -226,7 +213,7 @@
padding-top: 7em;
}
.post__preview:not(.wanted):not(.featured) {
.post__preview:not(.featured) {
height: 240px;
}