--box-color: #4c5456;
--box-hover-color: #292f2f;
--box-round: 10px;
- --max-width: 800px;
+ --max-width: 600px;
}
/* reset css for browser compat */
/* main */
.container {
- padding: 50px 0 0;
width: 100%;
min-height: 98vh;
+ padding-top: 50px;
padding-bottom: 11.5rem;
}
.main {
margin: 0 auto;
margin-top: .75em;
+ padding: 0 .75em;
max-width: var(--max-width);
+ line-height: 140%;
}
.main h1,
.main li,
.main p + p,
.main ul + p {
- margin-top: .5em;
+ margin-top: .7em;
}
.main ul {
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
+ max-width: 600px;
+ margin: 0 auto;
margin-top: .5em;
}
-@media all and (min-width: 800px) {
- div.artlist {
- max-width: 50%;
- margin-right: auto;
- margin-left: auto;
- }
-}
-
div.art:not(:first-child) {
border-top: 1px solid var(--border-color);
}
border-radius: calc(var(--box-round) / 2);
margin: 5px 0;
}
-
- .main {
- margin: .75em .75em;
- }
-
}
.footer h2,.footer h3 {
{% set title = config.name %}
{% block content %}
<div class="jumbotron">
- <h2 class="child">Welcome to freenode—supporting free and open source communities since 1998</h2>
+ <h2 class="child">Welcome to freenode — supporting free and open source communities since 1998</h2>
<div class="box-container">
<a class="box" href="about">
<i class="fa fa-comment fa-4x"></i>