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

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

58
_includes/community_snippet.html
View file

@ -1,33 +1,65 @@
<span class="community-snippet"> <span class="community-snippet">
<aside> <aside>
<div class='ui vertical footer segment snippet'> <div class='ui vertical footer segment snippet'>
<div class="container"> <div class="ui center aligned middle aligned grid hidden-on-tablet-and-lower" style="margin: 0 30%;">
<div class='ui basic middle aligned center aligned segment' style="margin-bottom: 1rem !important;"> <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 %} {% if page.community_snippet_intro %}
<p > <p >
{{ page.community_snippet_intro }} {{ page.community_snippet_intro }}
</p> </p>
{% else %} {% else %}
<p style='word-spacing: 30px; margin: 0;'> <p style='word-spacing: 20px;'>
Interested? Eager? Confused? Interested? Eager? Confused?
<p> <p>
{% endif %} {% endif %}
</p>
<div class='ui clearing divider'>
</div> </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> <h2>
Get involved! Get involved!
</h2> </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 > <p >
Be part of the team - {% if page.community_snippet_intro %}
<span class="color-primary"> <p >
join our community {{ page.community_snippet_intro }}
<i class='ui users icon'></i>
</span>
</p> </p>
<!-- </button> --> {% 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> </a>
</div> </div>
</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; color: $white !important;
} }
}
.community-snippet .ui.mobile.only{
p{
padding: 2px 0;
}
h2{
padding: 5px 0 25px 0;
}
}
.community-snippet .ui.divider { .community-snippet .ui.divider {
border-top: $primary 3px solid !important; color: $primary;
margin: 0 25%; margin: 0 14%;
border-top: solid !important;
// border-top: $primary 3px solid !important;
// margin: 0 25%;
} }
.community-snippet .ui.basic.segment { .community-snippet .ui.basic.segment {
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
.community-snippet .ui.basic.button { // .community-snippet .ui.button {
color: $white !important; // color: $white !important;
box-shadow: 0 0 0 -1px; // background-color: $secondary !important;
margin: 5px; // box-shadow: 0 0 0 -1px;
&:hover { // margin: 5px;
background-color: $secondary !important; // &: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; // a {
} // color: $color_mine_shaft_approx;
} //
padding-bottom: 20px; // &:hover {
font-size: 1rem; // text-decoration: none;
// }
//
// &:hover > div {
// background-color: $color_gallery_approx !important;
// border-radius: 35px !important;
// }
// }
// padding-bottom: 20px;
// font-size: 1rem;
.twitch.icon { .twitch.icon {
color: #4b367c; color: #4b367c;
} }

4
_sass/_footer.scss
View file

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

4
_sass/_global.scss
View file

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

6
community-hub/index.html
View file

@ -6,12 +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 %}
<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 %} {% 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 %}
</div>
<a> <a>
{% endfor %} {% endfor %}
</div> </div>

2
our-values/index.md
View file

@ -2,7 +2,7 @@
layout: page_markdown layout: page_markdown
title: our-values title: our-values
heading: 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 ## Privacy First