Add scaffolding for an about page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/Makefile.am b/Makefile.am
index 5a91dd295ce74207ed5837681e5bf51e5dcc1866..39a36b4f39b04c05714d02e72e715e4dd10a5c99 100644 (file)
--- a/Makefile.am
+++ b/Makefile.am
@@ -103,6 +103,7 @@ webdir = $(backenddir)/web
 # TODO install the base for now and add all other templates later
 
 templates_DATA = \
+       src/templates/about.html \
        src/templates/base.html \
        src/templates/error.html \
        src/templates/index.html

diff --git a/src/templates/about.html b/src/templates/about.html
new file mode 100644 (file)
index 0000000..3654829
--- /dev/null
+++ b/src/templates/about.html
@@ -0,0 +1,75 @@
+{% extends "base.html" %}
+
+{% block title %}{{ _("About IPFire") }}{% end block %}
+
+{% block container %}
+       <div class="header">
+               <div class="container">
+                       <h1>{{ _("About") }}</h1>
+
+                       <p class="text-muted">
+                               Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+                               tempor incididunt ut labore et dolore magna aliqua.
+                               Viverra accumsan in nisl nisi scelerisque eu ultrices.
+                               Semper auctor neque vitae tempus quam pellentesque nec.
+                               Platea dictumst quisque sagittis purus sit amet.
+                       </p>
+               </div>
+       </div>
+
+       <div class="container">
+               <section>
+                       <h3>{{ _("Features") }}</h3>
+
+                       <div class="row">
+                               <div class="col-12 col-lg-4">
+                                       <ul class="list-unstyled">
+                                               <li>
+                                                       <strong>Feature #1</strong> is particularly cool
+                                               </li>
+
+                                               <li>
+                                                       <strong>Feature #2</strong> isn't bad either
+                                               </li>
+
+                                               <li>
+                                                       <strong>Feature #3</strong> really rocks
+                                               </li>
+                                       </ul>
+                               </div>
+
+                               <div class="col-12 col-lg-4">
+                                       <ul class="list-unstyled">
+                                               <li>
+                                                       Another feature
+                                               </li>
+
+                                               <li>
+                                                       And another one
+                                               </li>
+
+                                               <li>
+                                                       One more
+                                               </li>
+                                       </ul>
+                               </div>
+
+                               <div class="col-12 col-lg-4">
+                                       <ul class="list-unstyled">
+                                               <li>
+                                                       We really think that people will like this
+                                               </li>
+
+                                               <li>
+                                                       Did you check out X?
+                                               </li>
+
+                                               <li>
+                                                       How about Y?
+                                               </li>
+                                       </ul>
+                               </div>
+                       </div>
+               </section>
+       </div>
+{% end block %}

diff --git a/src/templates/base.html b/src/templates/base.html
index e48839ba24bad663821bbe17e01674d88f0f09c3..0101b3656970410ec58cc076d9a429d9c6228d29 100644 (file)
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -53,7 +53,7 @@
                                                                </li>
 
                                                                <li class="nav-item">
-                                                                       <a class="nav-link {% if request.path == "/features" %}active{% end %}" href="/features">{{ _("Features") }}</a>
+                                                                       <a class="nav-link {% if request.path == "/about" %}active{% end %}" href="/about">{{ _("About") }}</a>
                                                                </li>
 
                                                                <li class="nav-item">
@@ -239,7 +239,7 @@
                                                        <div class="col-12 col-lg-2">
                                                                <ul>
                                                                        <li>
-                                                                               <a class="footer-link" href="/features">{{ _("Features") }}</a>
+                                                                               <a class="footer-link" href="/about">{{ _("About") }}</a>
                                                                        </li>
 
                                                                        <li>

diff --git a/src/web/__init__.py b/src/web/__init__.py
index 037496832e91ca536d1903e019fa97821317c41e..255d5e6828c21eda5b302c1b8ba557ce3c018402 100644 (file)
--- a/src/web/__init__.py
+++ b/src/web/__init__.py
@@ -118,6 +118,7 @@ class Application(tornado.web.Application):
                self.add_handlers(r"(dev|www)\.ipfire\.rocks", [
                        # Entry site that lead the user to index
                        (r"/", IndexHandler),
+                       (r"/about", AboutHandler),
 
                        # Blog
                        (r"/blog", blog.IndexHandler),

diff --git a/src/web/handlers.py b/src/web/handlers.py
index e79e647c25e8f7f703c870f659f10ac27b804eb8..03c4c3cc865d467fafb51b14db1fbc25ce58d5fd 100644 (file)
--- a/src/web/handlers.py
+++ b/src/web/handlers.py
@@ -26,6 +26,11 @@ class IndexHandler(base.BaseHandler):
                return self.render("index.html", latest_release=latest_release)
 
 
+class AboutHandler(base.BaseHandler):
+       def get(self):
+               self.render("about.html")
+
+
 class NewsHandler(base.BaseHandler):
        def get(self, post):
                self.redirect("https://www.ipfire.org/blog/%s" % post, permanent=True)