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

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
Show stats Download patch file Download diff file Expand all files Collapse all files

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! Bothered by visiting safing.io every day? Subscribe to our newsletter to stay informed!
# #
image: image:
icon: far fa-envelope-open fa-7x icon: huge envelope open outline icon
alt: newsletter alt: newsletter
class: color-primary class: color-primary
url: 'https://safing.us13.list-manage.com/subscribe?u=d8e68cb729409a59d97df4790&id=d57e88b8a3' 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! One of our lead developers gives you a look inside his coding shell. Watch the development of Stamp in real time!
# #
image: image:
icon: fab fa-twitch fa-7x icon: huge twitch icon
alt: twitch alt: twitch
class: twitch class: twitch
url: https://twitch.tv/davegson 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... ]_ 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: image:
icon: fab fa-discourse fa-7x icon: huge discourse icon
alt: discourse alt: discourse
url: '#' url: '#'
pending: true pending: true
@ -44,7 +44,7 @@ communities:
Want to be part of our Twitter Force? Follow us @SafingIO PM’s are closed 😉 Want to be part of our Twitter Force? Follow us @SafingIO PM’s are closed 😉
# #
image: image:
icon: fab fa-twitter fa-7x icon: huge twitter icon
alt: twitter alt: twitter
class: twitter class: twitter
url: https://twitter.com/SafingIO 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. Don’t like our personalities? Check out our code. Where we try to be our best selves.
# #
image: image:
icon: fab fa-github fa-7x icon: huge github icon
alt: github alt: github
url: https://github.com/Safing 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 %} {% if modulo == 0 %}
{% include pitch/image.html %} {% include pitch/image.html %}
{% include pitch/text.html %} {% include pitch/text.html %}
@ -7,3 +7,9 @@
{% include pitch/image.html %} {% include pitch/image.html %}
{% endif %} {% endif %}
</div> </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 }}"> <div class="four wide column">
{% if pitch.image.path %} <div class="ui center aligned basic segment {{ pitch.image.class }}">
<img class="max-width-100" src="{{ site.assets_url }}{{ pitch.image.path }}" alt="{{ pitch.image.alt }}"> {% if pitch.image.path %}
{% elsif pitch.image.icon %} <img class="ui tiny image" src="{{ site.assets_url }}{{ pitch.image.path }}" alt="{{ pitch.image.alt }}">
<i class="{{ pitch.image.icon }}"></i> {% elsif pitch.image.icon %}
{% endif %} <i class="{{ pitch.image.icon }}"></i>
{% endif %}
</div>
</div> </div>

6
_includes/pitch/text.html
View file

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

4
_layouts/page.html
View file

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

1
_sass/_community.scss
View file

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

BIN
assets/img/logo_with_name.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 46 KiB

2
community-hub/index.html
View file

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