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

Hotfix community snippet

Browse source
This commit is contained in:
Astralof 2018-09-25 15:08:34 +02:00
parent d28ca8a073
commit 4f61b4be14
6 changed files with 111 additions and 51 deletions

70
_includes/community_snippet.html
View file

@ -1,33 +1,65 @@
<span class="community-snippet">
<aside>
<div class='ui vertical footer segment snippet'>
<div class="container">
<div class='ui basic middle aligned center aligned segment' style="margin-bottom: 1rem !important;">
<div class="ui center aligned middle aligned grid hidden-on-tablet-and-lower" style="margin: 0 30%;">
<div class="four wide column" style="padding: 1rem 0;">
<img class='ui centered image' src='{{ site.assets_url }}img/community_logo.svg' style='width: 6rem; padding-top: 0.1rem;'>
</div>
<div class="twelve wide column" style="padding: 1.2rem 0 1rem 0;">
<p >
{% if page.community_snippet_intro %}
<p>
<p >
{{ page.community_snippet_intro }}
</p>
{% else %}
<p style='word-spacing: 30px; margin: 0;'>
<p style='word-spacing: 20px;'>
Interested? Eager? Confused?
<p>
{% endif %}
</p>
<div class='ui clearing divider'>
</div>
<div class='ui divider'></div>
<div class="ui center aligned basic segment">
<a class="ui basic button" href='{{ site.community_hub_url }}'>
<!-- <button class="ui basic button"> -->
<h2>
Get involved!
</h2>
<p>
Be part of the team -
<span class="color-primary">
join our community
<i class='ui users icon'></i>
</span>
</p>
<!-- </button> -->
<h2>
Get involved!
</h2>
</div>
<div class="sixteen wide column" style="padding: 0 0 1rem 0;">
<a href="/community-hub">
<button class='ui safing-primary button'>
Join our community
</button>
</a>
</div>
</div>
<!-- Mobile -->
<div class="ui center aligned grid hidden-on-computer-and-wider " style="margin: 0;">
<div class="sixteen wide column" style="padding: 1rem 0 0 0;">
<p >
{% if page.community_snippet_intro %}
<p >
{{ page.community_snippet_intro }}
</p>
{% else %}
<p style='word-spacing: 20px;'>
Interested? Eager? Confused?
<p>
{% endif %}
</p>
<div class='ui clearing divider'>
</div>
<h2>
Get involved!
</h2>
</div>
<div class="sixteen wide column" style="padding: 0 0 1rem 0;">
<a href="/community-hub">
<button class='ui safing-primary button'>
Join our community
</button>
</a>
</div>
</div>

76
_sass/_community.scss
View file

@ -21,43 +21,71 @@
// }
// }
// }
.community-snippet a {
.community-snippet {
p{
margin: 0;
}
h2{
margin: 0;
}
a {
color: $white !important;
}
}
.community-snippet .ui.mobile.only{
p{
padding: 2px 0;
}
h2{
padding: 5px 0 25px 0;
}
}
.community-snippet .ui.divider {
border-top: $primary 3px solid !important;
margin: 0 25%;
color: $primary;
margin: 0 14%;
border-top: solid !important;
// border-top: $primary 3px solid !important;
// margin: 0 25%;
}
.community-snippet .ui.basic.segment {
margin: 0 !important;
padding: 0 !important;
}
.community-snippet .ui.basic.button {
color: $white !important;
box-shadow: 0 0 0 -1px;
margin: 5px;
&:hover {
background-color: $secondary !important;
// .community-snippet .ui.button {
// color: $white !important;
// background-color: $secondary !important;
// box-shadow: 0 0 0 -1px;
// margin: 5px;
// &:hover {
// background-color: $fill_dark !important;
//
// }
// }
}
}
.community-hub .ui.button{
width: 100%;
border-radius: 92px;
margin: 1rem 0;
.community-hub {
a {
color: $color_mine_shaft_approx;
&:hover {
text-decoration: none;
}
&:hover > div {
background-color: $color_gallery_approx !important;
border-radius: 35px !important;
}
}
padding-bottom: 20px;
font-size: 1rem;
// a {
// color: $color_mine_shaft_approx;
//
// &:hover {
// text-decoration: none;
// }
//
// &:hover > div {
// background-color: $color_gallery_approx !important;
// border-radius: 35px !important;
// }
// }
// padding-bottom: 20px;
// font-size: 1rem;
.twitch.icon {
color: #4b367c;
}

4
_sass/_footer.scss
View file

@ -1,11 +1,11 @@
.footer-section {
width: 100%;
background-color: $fill_light;
background-color: $background_bar;
margin: 0 !important;
padding: 1rem;
a {
color: $fill_medium;
color: $discreet;
&:hover {
text-decoration: underline;
}

4
_sass/_global.scss
View file

@ -3,7 +3,7 @@ body, .ui.header, h1, h2, h3, h4, h5, h6, p {
}
.pusher {
background-color: $fill_light !important;
background-color: $background_bar !important;
}
a {
@ -32,7 +32,7 @@ p a:hover {
align-items: center;
}
.ui.segment.snippet {
background-color: $fill_lighter;
background-color: $background_bar;
color: $white
}

6
community-hub/index.html
View file

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

2
our-values/index.md
View file

@ -2,7 +2,7 @@
layout: page_markdown
title: our-values
heading: Our Values
community_snippet_intro: 'Share our values? Wanna help us shape the future?'
community_snippet_intro: 'Share our values?'
---
## Privacy First