diff options
-rw-r--r-- | _sass/site.scss | 21 | ||||
-rw-r--r-- | index.html | 26 |
2 files changed, 37 insertions, 10 deletions
diff --git a/_sass/site.scss b/_sass/site.scss index 9ad7da2..88da182 100644 --- a/_sass/site.scss +++ b/_sass/site.scss @@ -187,6 +187,21 @@ pre { .section-header { padding-bottom: 25px; } + #sections { + min-height: 130px; + #link { + color: #212529; + } + #link:hover + #name { + display: block; + } + #name { + display: none; + text-align: center; + font-size: 1.2rem; + font-weight: bold; + } + } } // New User Guide @@ -234,7 +249,7 @@ pre { } .index-section { - padding: 100px 0 40px; + padding: 100px 0 80px; } .index-section-last { @@ -253,10 +268,6 @@ pre { font-size: 4em; } -.feature-section { - padding-bottom: 40px; -} - #accordion { .card { min-height: unset; @@ -26,7 +26,7 @@ permalink: / <div id="opening" class="container offsetanchor"> <div class="row"> <div id="opening-text" class="col-lg-7 col-md-6"> - <p>This is the <strong>{{ site.name }}</strong> communication service website. This site is here to provide basic + <p>This is the <strong>{{ site.name }}</strong> communication service. This site is here to provide basic information on using this service. A <a href="{{ site.url }}/help/definitions/#xmpp-server">XMPP</a> service provides messaging ability via a local client. XMPP sites like this service are <a href="{{ site.url }}/help/definitions/#federation">federated</a>, meaning they are able to connect @@ -104,10 +104,26 @@ permalink: / </center> </div> <div id="feature-heading-content"> - <p>XMPP (<i>previous known as jabber</i>) is an <b>instant messaging</b> system that is <b>free</b>, <b>standard</b>, - and <b>open</b>; allowing you to chat live with your family, friends and professional contacts, and be warned of - the <b>presence</b> of your contacts, while keeping your <b>independence</b> vis-à vis-à-vis your software and - service providers.</p> + <hr class="my-4"> + <blockquote class="blockquote"> + <p class="mb-0">XMPP (<i>previous known as jabber</i>) is an <b>instant messaging</b> system that is <b>free</b>, <b>standard</b>, + and <b>open</b>; allowing you to chat live with your family, friends and professional contacts, and be warned of + the <b>presence</b> of your contacts, while keeping your <b>independence</b> vis-à vis-à-vis your software and + service providers.</p> + </blockquote> + <hr class="my-4"> + <div id="sections" class="content"> + <div class="row"> + {% for section in site.data.sections %} + <div class="col"> + <a id="link" href="#{{ section.slug }}"> + <center><span class="{{ section.glyph }}" style="font-size:100px;" aria-hidden="true"></span></center> + </a> + <div id="name">{{ section.name }}</div> + </div> + {% endfor %} + </div> + </div> </div> </div> </div> |