Closing up

author: Matt Rude <[email protected]> 2018-02-03 23:59:09 -0600
committer: Matt Rude <[email protected]> 2018-02-03 23:59:09 -0600
commit: f14b721e8e12ceeda5e44bd7cce69e63d726aff9 (patch)
tree: b0b34fcfbb6cad998d77670e142ac04b17fa763f
parent: c5c60729062cc3d89be7447b5d330367417aa6f7 (diff)
download: xmpp-site-lite-f14b721e8e12ceeda5e44bd7cce69e63d726aff9.tar.gz
xmpp-site-lite-f14b721e8e12ceeda5e44bd7cce69e63d726aff9.tar.bz2
xmpp-site-lite-f14b721e8e12ceeda5e44bd7cce69e63d726aff9.zip
5 files changed, 115 insertions, 175 deletions
diff --git a/_config.yml b/_config.yml
index 2f912e9..ade5905 100644
--- a/_config.yml
+++ b/_config.yml
@@ -7,7 +7,7 @@ name: "soderparr.com"
 baseurl: "soderparr.com"
 destination: "/var/www/im.soderparr.com"
 prosody-version: "0.10"
-register-web: 0
+register-web: 1
 color: "#9FCF6C"
 #color: "#c3950d"
 
diff --git a/_includes/menu.html b/_includes/menu.html
index 9b3c537..09eed70 100644
--- a/_includes/menu.html
+++ b/_includes/menu.html
@@ -4,11 +4,16 @@
 <span class="navbar-toggler-icon"></span>
 </button>
 <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">{% if page.url == "/" %}{% if site.site.register-web == 2 %}
+ <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">{% if page.url == "/" %}
+ <li class="nav-item"><a class="nav-link" href="#home">Home</a></li>{% if site.site.register-web == 2 %}
 <li class="nav-item"><a class="nav-link" href="#register">Register</a></li>{% endif %}
- <li class="nav-item"><a class="nav-link" href="#history">History</a></li>
- <li class="nav-item"><a class="nav-link" href="#file">File Sharing</a></li>
- <li class="nav-item"><a class="nav-link" href="#mobile">Mobile</a></li>
+ <li class="nav-item"><a class="nav-link" href="#server-features">Server Features</a></li>
+ <nav class="nav nav-pills flex-column" style="display:none;">
+ <a id="server-features-index-a"class="nav-link ml-3 my-1" href="#features"><b>Server Features</b></a>
+ {% for section in site.data.sections %}
+ <a class="nav-link ml-3 my-1" href="#{{ section.slug }}">{{ section.name }}</a>
+ {% endfor %}
+ </nav>
 <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
 <li class="nav-item"><a class="nav-link" href="#security">Privacy</a></li>
 </ul>{% endif %}
diff --git a/_sass/site.scss b/_sass/site.scss
index bf776da..ec734a8 100644
--- a/_sass/site.scss
+++ b/_sass/site.scss
@@ -135,6 +135,41 @@ a:hover {
 }
 }
 
+// New Index Page
+
+#index-jobotron {
+ padding-top: 80px;
+ border-radius: 0;
+}
+
+#server-features-index {
+ background-color: rgba(0, 0, 0, 0.2);
+ z-index: 1;
+ padding: 0;
+ #navbar-main {
+ padding: 80px 0 0 0;
+ margin-top: -80px;
+ background: transparent!important;
+ }
+ #nav-body {
+ color: black;
+ background: transparent!important;
+ width: 100%
+ }
+ .nav-pills .nav-link {
+ border-radius: 0;
+ }
+ .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
+ color: #fff;
+ background-color: rgba(0, 0, 0, 0.2);
+ }
+ a {
+ color:black;
+ margin: unset!important;
+ }
+}
+
+
 // New User Guide
 
 .section-header-nug {
diff --git a/index.html b/index.html
index d7114b6..4ebae9e 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,11 @@ title: Home
 permalink: /
 ---
 
+<div id="home">
+
 <!-- Opening Site Jumbo Tron -->
 
-<div class="jumbotron">
+<div id="index-jobotron" class="jumbotron">
 <div class="container text-center">
 <div class="row">
 <div class="col-md-4">
@@ -58,6 +60,7 @@ permalink: /
 </div>
 </div>
 
+</div>
 <!-- Register Form -->
 
 {% if site.register-web == 2 %}
@@ -70,34 +73,75 @@ permalink: /
 </div>
 {% endif %}
 
-<!-- Site Features -->
 
-{% for section in site.data.sections %}
-<div id="{{ section.slug }}" class="index-section feature-section" style="background-color:#{{ section.color }};">
- <div class="container offsetanchor">
- <div class="section-headder" id="feature-{{ section.slug }}">
- <center>
- <span class="{{ section.glyph }}" style="font-size:100px;" aria-hidden="true"></span>
- <h2>{{ section.name }}</h2>
- </center>
- </div>
- <div class="row">
- <div class="feature-{{ section.slug }}">
- <div class="row">
- {% for feature in site.data.features %}
- {% if feature.section == section.slug %}
- <div class="col-md-4 col-sm-6" style="min-height:280px;">
- <h3>{{ feature.name }}</h3>
- <p>{{ feature.text }}</p>
- </div>
- {% endif %}
+<div id="server-features" class="container-fluid">
+ <div class="row justify-content">
+ <!-- Starting the page index nav menu -->
+ <div id="server-features-index" class="col-2">
+ <nav id="navbar-main" class="sticky-top navbar navbar-light" style="padding-top:80px;margin-top:-80px;">
+ <nav id="nav-body" class="nav nav-pills flex-column bg-light">
+ <nav class="nav nav-pills flex-column">
+ <a id="features-index" class="nav-link ml-3 my-1" href="#features"><b>Server Features</b></a>
+ </nav>
+ {% for section in site.data.sections %}
+ <nav class="nav nav-pills flex-column">
+ <a class="nav-link ml-3 my-1" href="#{{ section.slug }}">{{ section.name }}</a>
+ </nav>
 {% endfor %}
- </div>
+ </nav>
+ </nav>
+ </div>
+ <!-- Ending the page index nav menu -->
+
+ <!-- Starting the content section of the page -->
+ <div id="server-features-content" class="col-10" style="padding-right:unset;">
+ <div id="features" class="index-section feature-section" style="min-height:400px;margin-left:-23%;padding-left:23%;background-color: rgba(0, 0, 0, 0.1);">
+ <div class="container offsetanchor">
+ <div class="section-headder" id="features-section">
+ <center>
+ <span class="{{ section.glyph }}" style="font-size:100px;" aria-hidden="true"></span>
+ <h2>Server Features</h2>
+ </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>
+ </div>
+ </div>
+ </div>
+
+ <!-- Site Features -->
+ {% for section in site.data.sections %}
+ <div id="{{ section.slug }}" class="index-section feature-section" style="background-color:#{{ section.color }};margin-left:-23%;padding-left:23%;">
+ <div class="container offsetanchor">
+ <div class="section-headder" id="feature-{{ section.slug }}">
+ <center>
+ <span class="{{ section.glyph }}" style="font-size:100px;" aria-hidden="true"></span>
+ <h2>{{ section.name }}</h2>
+ </center>
+ </div>
+ <div class="feature-{{ section.slug }}">
+ <div class="row">
+ {% for feature in site.data.features %}
+ {% if feature.section == section.slug %}
+ <div class="col-md-4 col-sm-6" style="min-height:280px;">
+ <h3>{{ feature.name }}</h3>
+ <p>{{ feature.text }}</p>
+ </div>
+ {% endif %}
+ {% endfor %}
+ </div>
+ </div>
+ </div>
 </div>
+ {% endfor %}
 </div>
- </div>
-</div>
-{% endfor %}
+ <!-- Ending the content section of the page -->
+
+ </div> <!-- Closing the row justify-content clases -->
+</div> <!-- Closing the ID creating-account and the main container class -->
 
 <!-- About Section -->
 
@@ -110,3 +154,4 @@ permalink: /
 <div id="security" class="index-section-last">
 {% include security.html %}
 </div>
+
diff --git a/test-index.html b/test-index.html
deleted file mode 100644
index 4e702be..0000000
--- a/test-index.html
+++ /dev/null
@@ -1,145 +0,0 @@
----
-layout: welcome
-title: Home
-permalink: /test-index/
----
-
-
-<!-- Opening Site Jumbo Tron -->
-
-<div class="jumbotron">
- <div class="container text-center">
- <div class="row">
- <div class="col-md-4">
- <img src="{{ site.url }}/assets/img/xmpp_logo.png" width="233px;" height="240px;">
- </div>
- <div class="col-md-8 float-md-right site-title">
- <h1>XMPP Communication Service</h1>
- </div>
- </div>
- </div>
-</div>
-
-<!-- Opening Section -->
-
-<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
- 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
- to diffrent XMPP servers on diffrent domains, similer to how email allows you to send messages to users on other
- domains/servers. This service is in complete compliance with
- <a href="https://xmpp.org/extensions/xep-0375.html">XEP-0375</a>. The XEP-0375 document specifies the 2016
- compliance levels for XMPP clients and servers.</p>
-
- <p>XMPP is an open standard for communication, mainly used for instant messaging. It is a secure battle-tested
- protocol developed by an independent standards organization.</p>
-
- <p>This service requires the use of a client to connect to the server with. Please see the
- <a href="{{ site.url }}/help/clients/">client list</a> for a small list of available clients that
- may be used. My personal preferred clients are <a href="https://gajim.org/">Gajim</a> or
- <a href="https://swift.im/">Swift</a> for desktop/laptops and <a href="https://conversations.im/">Conversations</a>
- or <a href="https://chatsecure.org/">ChatSecure</a> for mobile.</p>
- </div>
-
- <div id="opening-side" class="col-lg-5 col-md-6 col-sm-8 col-12 float-center">
- <h1>Connecting...</h1>
- <ul>
- <li>Port: <b>5222</b></li>
- <li>Domain: <b>{{ site.xmpp-url }}</b></li>
- <li>Server Name: <b>{{ site.xmpp-host }}</b></li>{% if site.xmpp-conference-url and site.xep-0045 == 1 %}
- <li>Rooms: <b>{{ site.xmpp-conference-url }}</b></li>{% endif %}{% if site.xmpp-proxy-url and site.xep-0065 == 1 %}
- <li>Socks 5 Proxy: <b>{{ site.xmpp-proxy-url }}</b></li>{% endif %}{% if site.xmpp-upload-url and site.xep-0363 == 1 %}
- <li>File Uploads: <b>{{ site.xmpp-upload-url }}</b></li>{% endif %}
- </ul>
- <div style="padding-left:40px;"><a href="https://check.messaging.one/result.php?domain={{ site.xmpp-url }}&amp;type=server" target="_blank"><img src="https://check.messaging.one/badge.php?domain={{ site.xmpp-url }}" alt="check.messaging.one server score"/></a></div>
- </div>
- </div>
-</div>
-
-<!-- Register Form -->
-
-{% if site.register-web == 2 %}
-<div id="register" class="index-section">
- <div id="feature-register">
- <div id="feature-register" class="container offsetanchor">
- {% include registration.html %}
- </div>
- </div>
-</div>
-{% endif %}
-
-
-<div id="server-features" class="container-fluid">
- <div class="row justify-content">
-
- <!-- Starting the page index nav menu -->
- <div class="col-2">
- <nav id="navbar-main" class="sticky-top navbar navbar-light" style="padding-top:80px;margin-top:-80px;">
- <a class="navbar-brand" href="#"><b>Server Features</b></a>
- <nav id="nav-body" class="nav nav-pills flex-column bg-light">
- <a class="nav-link" href="#history">Archiving/Storage</a>
- <a class="nav-link" href="#file">File Sharing</a>
-<!--
- <nav class="nav nav-pills flex-column">
- <a class="nav-link ml-3 my-1" href="#mobile">Mobile</a>
- <a class="nav-link ml-3 my-1" href="#desktop">Desktop</a>
- </nav>
--->
- <a class="nav-link" href="#mobile">Mobile</a>
- </nav>
- </nav>
- </div>
- <!-- Ending the page index nav menu -->
-
- <!-- Starting the content section of the page -->
- <div class="col-10" style="padding-right:unset;">
-
-<!-- Site Features -->
-
-{% for section in site.data.sections %}
-<div id="{{ section.slug }}" class="index-section feature-section" style="background-color:#{{ section.color }};margin-left:-23%;padding-left:23%;">
- <div class="container offsetanchor">
- <div class="section-headder" id="feature-{{ section.slug }}">
- <center>
- <span class="{{ section.glyph }}" style="font-size:100px;" aria-hidden="true"></span>
- <h2>{{ section.name }}</h2>
- </center>
- </div>
- <div class="row">
- <div class="feature-{{ section.slug }}">
- <div class="row">
- {% for feature in site.data.features %}
- {% if feature.section == section.slug %}
- <div class="col-md-4 col-sm-6" style="min-height:280px;">
- <h3>{{ feature.name }}</h3>
- <p>{{ feature.text }}</p>
- </div>
- {% endif %}
- {% endfor %}
- </div>
- </div>
- </div>
- </div>
-</div>
-{% endfor %}
-
- </div>
- <!-- Ending the content section of the page -->
- </div> <!-- Closing the row justify-content clases -->
-</div> <!-- Closing the ID creating-account and the main container class -->
-
-<!-- About Section -->
-
-<div id="about" class="index-section" style="background-color:#eee;">
- {% include about.html %}
-</div>
-
-<!-- Security Section -->
-
-<div id="security" class="index-section-last">
- {% include security.html %}
-</div>
-
author	Matt Rude <[email protected]>	2018-02-03 23:59:09 -0600
committer	Matt Rude <[email protected]>	2018-02-03 23:59:09 -0600
commit	f14b721e8e12ceeda5e44bd7cce69e63d726aff9 (patch)
tree	b0b34fcfbb6cad998d77670e142ac04b17fa763f
parent	c5c60729062cc3d89be7447b5d330367417aa6f7 (diff)
download	xmpp-site-lite-f14b721e8e12ceeda5e44bd7cce69e63d726aff9.tar.gz xmpp-site-lite-f14b721e8e12ceeda5e44bd7cce69e63d726aff9.tar.bz2 xmpp-site-lite-f14b721e8e12ceeda5e44bd7cce69e63d726aff9.zip