Commit 183d8471 authored by Allan Blanchard's avatar Allan Blanchard
Browse files

Merge branch 'fix/contact/community-display' into 'master'

Fix community display on contact page

See merge request pub.frama-c.com!100
parents e0208662 517af850
......@@ -470,102 +470,56 @@
}
}
.usefulLinks ul {
.sidebar {
display: flex;
flex-wrap: wrap;
text-align: center;
}
@media (min-width: 1280px) {
.usefulLinks ul {
text-align: left;
}
}
.usefulLinks li {
padding: 0 10px 20px;
box-sizing: border-box;
.side-item {
width: 100%;
display: inline-flex;
height: 15vh;
}
@media only screen and (min-width: 375px) {
.usefulLinks li {
@media (min-width: 768px){
.side-item{
width: 50%;
text-align: left;
}
}
@media (min-width: 1024px) {
.usefulLinks li {
width: 25%;
text-align: left;
@media (min-width: 1024px){
.side-item{
width: 33%;
}
}
.icon-com {
width: 26%;
height: 25%;
}
@media (max-width: 1280px) {
.icon-com {
width: 25%;
height: 10vh;
}
.icon-com img {
height: inherit;
@media (min-width: 1280px){
.side-item {
width: 100%;
}
}
@media (max-width: 1024px) {
.icon-com {
width: 50%;
height: 10vh;
}
.side-item .icon-com {
height: inherit;
width: auto;
display: flex;
}
@media (min-width: 1280px) {
.usefulLinks li {
position: relative;
width: 50%;
min-height: 69px;
padding-bottom: 0;
margin-bottom: 50px;
}
.icon-com img {
max-height: 100%;
max-width: 100%;
margin: auto 0;
}
.usefulLinks li a {
display: block;
.side-item a {
width: 75%;
margin: auto 20px;
vertical-align: center ;
color: #484848;
transition: 0.1s;
}
.usefulLinks li i {
display: inline-block;
width: 60px;
height: 60px;
background-size: contain;
background-repeat: no-repeat;
background-origin: center;
}
@media (min-width: 1280px) {
.usefulLinks li i {
position: absolute;
top: 50%;
left: 0;
margin: 0;
transform: translateY(-50%) scale(1);
}
.side-item a:hover {
color: #f7931c;
}
.usefulLinks li .slideCaption {
.sidebar .side-item .caption {
font-size: 15px;
font-weight: 700;
margin: 0 0 5px;
}
.usefulLinks li .description {
.sidebar .side-item .description {
font-size: 12px;
}
......
......@@ -371,20 +371,6 @@
}
}
.pageKernel .swiper-slide .slideCaption {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
@media only screen and (min-width: 541px) {
.pageKernel .swiper-slide .slideCaption {
line-height: 60px;
background-color: #f4f4f4;
}
}
.search-section {
position: relative;
z-index: 2;
......
......@@ -109,87 +109,74 @@ function(err, data) {
<div class="usefulLinks" id="side-content">
<h3 class="subTitle">Community</h3>
<div id="sidebar-content">
<ul class="side-feed">
<div class="icon-com"><img src="/assets/img/community/gitlab.png"></div>
<li class="icon_1">
<a href="https://git.frama-c.com/pub/frama-c/issues" target="_blank">
<div class="slideCaption">
Gitlab Issues
<div class="sidebar">
<div class="side-item">
<div class="icon-com"><img src="/assets/img/community/gitlab.png"></div>
<a href="https://git.frama-c.com/pub/frama-c/issues" target="_blank">
<div class="caption">
Gitlab Issues
</div>
<div class="description">
The official Frama-C issues on its Gitlab (for bug reporting and feature requests).
</div>
</a>
</div>
<div class="description">
The official Frama-C issues on its Gitlab (for bug reporting and feature requests).
<div class="side-item">
<div class="icon-com"><img src="/assets/img/community/stack_overflow.png"></div>
<a href="https://stackoverflow.com/tags/frama-c/" target="_blank">
<div class="caption">
Stack Overflow
</div>
<div class="description">
The Frama-C community uses Stack Overflow for general-purpose questions.
</div>
</a>
</div>
<div class="side-item">
<div class="icon-com"><img src="/assets/img/community/mails.png"></div>
<a href="https://groupes.renater.fr/sympa/subscribe/frama-c-discuss" target="_blank">
<div class="caption">
Frama-C-discuss
</div>
<div class="description">
The official Frama-C mailing list (announcements and general questions).
</div>
</a>
</div>
<div class="side-item">
<div class="icon-com"><img src="/assets/img/community/gitlab.png"></div>
<a href="https://git.frama-c.com/pub" target="_blank">
<div class="caption">
Frama-C on Gitlab
</div>
<div class="description">
Frama-C development repositories (including daily snapshots and related
code bases, such as open source case studies).
</div>
</a>
</div>
<div class="side-item">
<div class="icon-com"><img src="/assets/img/community/gitlab.png"></div>
<a href="/assets/img/community/github.png" target="_blank">
<div class="caption">
ACSL on Github
</div>
<div class="description">
Official Github repositories for the ANSI/ISO C Specification Language (ACSL).
</div>
</a>
</div>
<div class="side-item">
<div class="icon-com"><img src="/assets/img/community/twitter.png"></div>
<a href="https://twitter.com/frama_c" target="_blank">
<div class="caption">
Twitter
</div>
<div class="description">
@frama-c
</div>
</a>
</div>
</a>
</li>
<div class="icon-com"><img src="/assets/img/community/stack_overflow.png"></div>
<li class="icon_2">
<a href="https://stackoverflow.com/tags/frama-c/" target="_blank">
<div class="slideCaption">
Stack Overflow
</div>
<div class="description">
The Frama-C community uses Stack Overflow for general-purpose questions.
</div>
</a>
</li>
<div class="icon-com"><img src="/assets/img/community/mails.png"></div>
<li class="icon_3">
<a href="https://groupes.renater.fr/sympa/subscribe/frama-c-discuss" target="_blank">
<div class="slideCaption">
Frama-C-discuss
</div>
<div class="description">
The official Frama-C mailing list (announcements and general questions).
</div>
</a>
</li>
<div class="icon-com"><img src="/assets/img/community/gitlab.png"></div>
<li class="icon_4">
<a href="https://git.frama-c.com/pub" target="_blank">
<div class="slideCaption">
Frama-C on Gitlab
</div>
<div class="description">
Frama-C development repositories (including daily snapshots and related code bases, such as open source case studies).
</div>
</a>
</li>
<div class="icon-com"><img src="/assets/img/community/github.png"></div>
<li class="icon_5">
<a href="https://github.com/acsl-language" target="_blank">
<div class="slideCaption">
ACSL on Github
</div>
<div class="description">
Official Github repositories for the ANSI/ISO C Specification Language (ACSL).
</div>
</a>
</li>
<div class="icon-com"><img src="/assets/img/community/twitter.png"></div>
<li class="icon_6">
<a href="https://twitter.com/frama_c" target="_blank">
<div class="slideCaption">
Twitter
</div>
<div class="description">
@frama_c
</div>
</a>
</li>
</ul>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment