FSFE/fsfe-website
25
30
Fork 87
Code Issues 62 Pull Requests 9 Wiki Activity

Updates the right column of the news and front page #651

Merged
max.mehl merged 5 commits from feature/627/new-right-column into test 2018-11-28 10:51:14 +00:00
Conversation 0 Commits 5 Files Changed 13 +53 -4
2 changed files with 53 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3906ec1e6d - Show all commits

33
look/fsfe.less
View File

@ -751,20 +751,26 @@ form.thankyou {
margin-bottom: 10px;
}
.share-top-buttons-label {
margin-right: 1rem;
}
/* SOCIAL NETWORK SHARE BUTTONS (below articles and pages) */
.share-buttons.bottom {
margin: 4em 0 -2em 0;
}
.share-buttons.bottom,
.share-buttons-sidebar {
font-size: .7em;
.share-buttons-top {
align-items: center;
display: flex;
flex-wrap: wrap;
}
.share-buttons-sidebar {
padding-left: 2rem;
}
.share-button-top,
.share-button-sidebar,
.share-buttons.bottom button.button,
.share-buttons.bottom label.button {
@ -789,6 +795,13 @@ form.thankyou {
vertical-align: top;
}
.share-button-top,
.share-buttons.bottom,
.share-buttons-sidebar {
font-size: .7em;
}
.share-buttons-top,
.share-buttons-sidebar,
.share-buttons.bottom {
@ -978,5 +991,17 @@ video#freeyourandroid {
}
.news-sidebar {
padding-top: 2rem;
// there is no sidebar on mobile
display: none;
}
@media (min-width: @screen-md-min) {
.news-sidebar {
display: block;
padding-top: 5.1rem;
}
.news-follow-us {
display: none;
}
}

24
news/news.en.xhtml
View File

@ -6,6 +6,30 @@
</head>
<body class="article" microformats="h-entry">
<div class="news-follow-us">
<div class="share-top-buttons-label">Follow us:</div>
<div class="share-buttons-top">
<a target="_blank" href="https://fsfe.org/news/newsletter">
<button class="share-button-top share-mail">Newsletter</button>
</a>
<a target="_blank" href="https://fsfe.org/news/news.en.rss">
<button class="share-button-top share-rss">RSS Feed</button>
</a>
<a target="_blank" href="https://mastodon.social/@fsfe">
<button class="share-button-top share-mastodon">Mastodon</button>
</a>
<a target="_blank" href="https://diasp.eu/u/fsfe">
<button class="share-button-top share-diaspora">Diaspora</button>
</a>
<a target="_blank" href="https://twitter.com/fsfe">
<button class="share-button-top share-twitter">Twitter</button>
</a>
<a target="_blank" href="https://facebook.com/thefsfe">
<button class="share-button-top share-facebook">Facebook</button>
</a>
</div>
</div>
<h1 class="p-name">News</h1>
<include-news/>
</body>