vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-17 01:19:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix community hub for mobile

Browse source
This commit is contained in:
Astralof 2018-09-19 09:35:41 +02:00
parent 9efb2730d6
commit 7e77d25daf
8 changed files with 28 additions and 17 deletions

10
_data/community_hub.yml
View file

@ -5,7 +5,7 @@ communities:
Bothered by visiting safing.io every day? Subscribe to our newsletter to stay informed!
#
image:
icon: far fa-envelope-open fa-7x
icon: huge envelope open outline icon
alt: newsletter
class: color-primary
url: 'https://safing.us13.list-manage.com/subscribe?u=d8e68cb729409a59d97df4790&id=d57e88b8a3'
@ -15,7 +15,7 @@ communities:
One of our lead developers gives you a look inside his coding shell. Watch the development of Stamp in real time!
#
image:
icon: fab fa-twitch fa-7x
icon: huge twitch icon
alt: twitch
class: twitch
url: https://twitch.tv/davegson
@ -25,7 +25,7 @@ communities:
Join our active community, discussing Safing and other privacy related topics in our Online Forum. Because we believe to regain your privacy you need more than just some tools.   _[Coming soon... ]_
#
image:
icon: fab fa-discourse fa-7x
icon: huge discourse icon
alt: discourse
url: '#'
pending: true
@ -44,7 +44,7 @@ communities:
Want to be part of our Twitter Force? Follow us @SafingIO PM’s are closed 😉
#
image:
icon: fab fa-twitter fa-7x
icon: huge twitter icon
alt: twitter
class: twitter
url: https://twitter.com/SafingIO
@ -54,6 +54,6 @@ communities:
Don’t like our personalities? Check out our code. Where we try to be our best selves.
#
image:
icon: fab fa-github fa-7x
icon: huge github icon
alt: github
url: https://github.com/Safing

8
_includes/pitch.html
View file

@ -1,4 +1,4 @@
<div class="row vertical-align padding-top-40 padding-bottom-40">
<div class="ui stackable mobile-hidden grid">
{% if modulo == 0 %}
{% include pitch/image.html %}
{% include pitch/text.html %}
@ -7,3 +7,9 @@
{% include pitch/image.html %}
{% endif %}
</div>
<div class="ui stackable mobile only grid">
{% include pitch/image.html %}
{% include pitch/text.html %}
</div>

14
_includes/pitch/image.html
View file

@ -1,7 +1,9 @@
<div class="col-lg-4 col-xs-4 text-center {{ pitch.image.class }}">
{% if pitch.image.path %}
<img class="max-width-100" src="{{ site.assets_url }}{{ pitch.image.path }}" alt="{{ pitch.image.alt }}">
{% elsif pitch.image.icon %}
<i class="{{ pitch.image.icon }}"></i>
{% endif %}
<div class="four wide column">
<div class="ui center aligned basic segment {{ pitch.image.class }}">
{% if pitch.image.path %}
<img class="ui tiny image" src="{{ site.assets_url }}{{ pitch.image.path }}" alt="{{ pitch.image.alt }}">
{% elsif pitch.image.icon %}
<i class="{{ pitch.image.icon }}"></i>
{% endif %}
</div>
</div>

6
_includes/pitch/text.html
View file

@ -1,3 +1,3 @@
<div class="col-lg-8 col-xs-8">
{{ pitch.text | markdownify | replace: '<p>','<p class="lead">' }}
</div>
<div class=" twelve wide column">
{{ pitch.text | markdownify | replace: '<p>','<p class="lead">' }}
</div>

4
_layouts/page.html
View file

@ -6,8 +6,8 @@
<body>
{% include header.html %}
{% include floating_button.html download=true %}
<div class="content" style="padding: 5rem 0 0 0;">
<div class="ui basic center aligned segment" style="margin: 0;" >
<div class="content" style="padding: 1rem 0 0 0;">
<div class="ui basic center aligned very padded segment" style="margin: 0;" >
<h1 class="">
{% if page.heading %}

1
_sass/_community.scss
View file

@ -53,6 +53,7 @@
}
}
padding-bottom: 20px;
font-size: 1rem;
}
.twitch {

BIN
assets/img/logo_with_name.png
View file

Binary file not shown.
Side by side Swipe

Before

(image error) Size: 42 KiB

After

(image error) Size: 46 KiB

2
community-hub/index.html
View file

@ -6,10 +6,12 @@ exclude_community_snippet: true
---
<div class="community-hub">
{% for pitch in site.data.community_hub.communities %}
<div class="ui basic segment">
<a href="{{ pitch.url }}"{% if pitch.pending %}{% else %} target="_blank"{% endif %}>
{% comment %}0 = even (right text), 1 = odd (left text){% endcomment %}
{% assign modulo = forloop.index | modulo: 2 %}
{% include pitch.html %}
<a>
</div>
{% endfor %}
</div>