diff options
author | Matt Rude <[email protected]> | 2018-02-01 22:30:22 -0600 |
---|---|---|
committer | Matt Rude <[email protected]> | 2018-02-01 22:30:22 -0600 |
commit | 0c44bd0a825167a87aecac0f176a1f7d77bc19f5 (patch) | |
tree | 8dbb98495d98897791da6d6987fbc5ecfec6aa9e | |
parent | 9b21915c8d72f1306e229f78350f9839b01653aa (diff) | |
download | xmpp-site-lite-0c44bd0a825167a87aecac0f176a1f7d77bc19f5.tar.gz xmpp-site-lite-0c44bd0a825167a87aecac0f176a1f7d77bc19f5.tar.bz2 xmpp-site-lite-0c44bd0a825167a87aecac0f176a1f7d77bc19f5.zip |
More Updates
-rw-r--r-- | _includes/footer.html | 6 | ||||
-rw-r--r-- | _layouts/default.html | 3 | ||||
-rw-r--r-- | assets/css/main.css | 24 | ||||
-rw-r--r-- | index.html | 4 | ||||
-rw-r--r-- | register_web/register.html | 8 | ||||
-rw-r--r-- | register_web/success.html | 12 |
6 files changed, 39 insertions, 18 deletions
diff --git a/_includes/footer.html b/_includes/footer.html index a661bee..09258f6 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,6 +1,4 @@ -</div> -</div><!-- Closing wrapper class --> -<div class="footer"> +<footer class="footer"> <div class="container offsetanchor" style="padding:30px 0 20px 0;" id="features"> <div id="footer"><!-- Starting Footer Section --> <div class="pull-left"> @@ -11,7 +9,7 @@ </div> </div><!-- Closing Footer Section --> </div><!-- Closing Menu Section (from header) --> -</div> +</footer> </body> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> diff --git a/_layouts/default.html b/_layouts/default.html index 6dbb9ae..96391b9 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,6 +1,7 @@ <!DOCTYPE html> {% include header.html %} {% include menu.html %} -<div class="container offsetanchor" style="padding-top:80px;padding-bottom:75px;"> +<main role="main" class="container offsetanchor" style="padding-top:80px;padding-bottom:75px;"> {{ content }} +</main> {% include footer.html %} diff --git a/assets/css/main.css b/assets/css/main.css index 1f220b5..a176b97 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -2,18 +2,22 @@ html { position: relative; min-height: 100%; } + body { position: relative; } + .wrapper { margin-bottom: 120px; } + .footer { position: absolute; bottom: 0; width: 100%; background-color: #f5f5f5; } + .index-section { padding: 100px 0 40px; } @@ -38,6 +42,15 @@ body { padding-bottom: 40px; } +.card { + min-height: 600px; + margin-bottom: 25px; +} +.card-img-top { + width: 100px; + margin: 30px auto 0; +} + .contact-list { font-size:2em; text-align: center; @@ -71,7 +84,7 @@ td.FAILED { font-size: 1.7em; } .client-mobile h4 { - font-size: 1.3rem; + font-size: 1rem; } } @@ -82,4 +95,13 @@ td.FAILED { .site-title { display: none; } + .client-mobile h4 { + font-size: 1.3rem; + } +} + +@media (min-width: 992px) { + .container { + max-width: 960px; + } } @@ -20,7 +20,7 @@ permalink: / <div class="container offsetanchor" id="opening"> <div class="row"> - <div class="col-md-7"> + <div 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 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 @@ -37,7 +37,7 @@ permalink: / or <a href="https://chatsecure.org/">ChatSecure</a> for mobile.</p> </div> - <div class="col-md-5" style="margin:auto;"> + <div class="col-lg-5 col-md-6 col-sm-8 col-12 float-center" style="margin:0 auto 25px;"> <h1>Connecting...</h1> <ul> <li>Port: <b>5222</b></li> diff --git a/register_web/register.html b/register_web/register.html index db84238..a2267e6 100644 --- a/register_web/register.html +++ b/register_web/register.html @@ -22,22 +22,22 @@ permalink: /files/register_web/register.html Below is a small list of clients you may use, but really any XMPP client can work.</p> <p>Once you have logged into the server, you may then chat with users on nearly any XMPP server.</p> <div class="row"> - <div class="col-md-3"> + <div class="col-sm-3"> <center><a href="https://conversations.im/" title="Conversations User Guide" target=”_blank”> <img src="{{ site.url }}/assets/img/clients/conversations_logo.png" height="80px" width="80px"></a></center> <center><h4>Conversations</h4></center> </div> - <div class="col-md-3"> + <div class="col-sm-3"> <center><a href="https://swift.im/" title="Swift User Guide" target=”_blank”> <img src="{{ site.url }}/assets/img/clients/swift_logo.svg" height="80px" width="80px"></a></center> <center><h4>Swift</h4></center> </div> - <div class="col-md-3"> + <div class="col-sm-3"> <center><a href="https://chatsecure.org/" title="Chatsecure User Guide" target=”_blank”> <img src="{{ site.url }}/assets/img/clients/chatsecure_logo.png" height="80px" width="80px"></a></center> <center><h4>ChatSecure</h4></center> </div> - <div class="col-md-3"> + <div class="col-sm-3"> <center><a href="https://gajim.org/" title="Gajim User Guide" target=”_blank”> <img src="{{ site.url }}/assets/img/clients/gajim_logo.png" height="80px" width="80px"></a></center> <center><h4>Gajim</h4></center> diff --git a/register_web/success.html b/register_web/success.html index a236988..1f5d3c7 100644 --- a/register_web/success.html +++ b/register_web/success.html @@ -10,7 +10,7 @@ permalink: /files/register_web/success.html <div class="panel-body"> <center><div class="alert alert-success" role="alert"><h2>Your new JID is <code>{jid}</code>.</h2></div></center> <div class="row"> - <div id="register-text" class="col-md-7"> + <div id="register-text" class="col-lg-7 col-md-6"> <div class="row"> <p>You have successfully created a new XMPP/Jabber account in the domain {{ site.xmpp-url }}. Your new JID is <code>{jid}</code>.</p> @@ -19,22 +19,22 @@ permalink: /files/register_web/success.html <p>Now that you have created an account, you must use a software client to login into the server. Below is a small list of clients you may use, but really any XMPP client can work.</p> <div class="row"> - <div class="col-md-3"> + <div class="col-sm-3 col-6"> <center><a href="https://conversations.im/" title="Conversations User Guide" target=”_blank”> <img src="{{ site.url }}/assets/img/clients/conversations_logo.png" height="80px" width="80px"></a></center> <center><h4>Conversations</h4></center> </div> - <div class="col-md-3"> + <div class="col-sm-3 col-6"> <center><a href="https://swift.im/" title="Swift User Guide" target=”_blank”> <img src="{{ site.url }}/assets/img/clients/swift_logo.svg" height="80px" width="80px"></a></center> <center><h4>Swift</h4></center> </div> - <div class="col-md-3"> + <div class="col-sm-3 col-6"> <center><a href="https://chatsecure.org/" title="Chatsecure User Guide" target=”_blank”> <img src="{{ site.url }}/assets/img/clients/chatsecure_logo.png" height="80px" width="80px"></a></center> <center><h4>ChatSecure</h4></center> </div> - <div class="col-md-3"> + <div class="col-sm-3 col-6"> <center><a href="https://gajim.org/" title="Gajim User Guide" target=”_blank”> <img src="{{ site.url }}/assets/img/clients/gajim_logo.png" height="80px" width="80px"></a></center> <center><h4>Gajim</h4></center> @@ -44,7 +44,7 @@ permalink: /files/register_web/success.html </div> </div> </div> - <div class="col-md-5 col-sm-6"> + <div class="col-lg-5 col-md-6 col-9"> <h2>Connection Information</h2> <ul> <li><span title="Your Jabber ID, or simply put, your username">JID: <b>{jid}</b></span></li> |