aboutsummaryrefslogtreecommitdiffstats
path: root/resources/tools/dash/app/pal/templates
diff options
context:
space:
mode:
authorPeter Mikus <pmikus@cisco.com>2022-04-12 15:36:22 +0200
committerPeter Mikus <pmikus@cisco.com>2022-04-13 08:12:07 +0000
commit45615cddd926540756f19328cad7078cfc9a1219 (patch)
tree045f7f3f3bbcd2da7db4e9a2dccf4b155eb0867c /resources/tools/dash/app/pal/templates
parentc65595288367e8e6f53d225812d55ca4d90cdab2 (diff)
feat(uti): Refactor styling
Signed-off-by: Peter Mikus <pmikus@cisco.com> Change-Id: I7880e58b2b97b1c365da7755784d3f93e85568cc
Diffstat (limited to 'resources/tools/dash/app/pal/templates')
-rw-r--r--resources/tools/dash/app/pal/templates/base_layout.jinja2 (renamed from resources/tools/dash/app/pal/templates/layout.jinja2)23
-rw-r--r--resources/tools/dash/app/pal/templates/index.jinja215
-rw-r--r--resources/tools/dash/app/pal/templates/index_layout.jinja225
-rw-r--r--resources/tools/dash/app/pal/templates/trending_layout.jinja217
4 files changed, 48 insertions, 32 deletions
diff --git a/resources/tools/dash/app/pal/templates/layout.jinja2 b/resources/tools/dash/app/pal/templates/base_layout.jinja2
index 59abba36e3..09b035ee9e 100644
--- a/resources/tools/dash/app/pal/templates/layout.jinja2
+++ b/resources/tools/dash/app/pal/templates/base_layout.jinja2
@@ -1,6 +1,5 @@
<!DOCTYPE html>
-<html lang="en">
-
+<html lang="en" class="h-100">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -9,25 +8,15 @@
<meta property="og:type" content="website"/>
<meta property="og:title" content="{{ title }}"/>
<meta property="og:description" content="{{ description }}"/>
- <meta property="og:url" content="https://fd.io/"/>
+ <meta property="og:url" content="https://csit.fd.io/"/>
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
- <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
- <link rel="stylesheet" href="{{ url_for('static', filename='dist/css/styles.css') }}" />
- <link rel="stylesheet" href="https://use.typekit.net/uqq2lcv.css">
+ <!-- Bootstrap core CSS -->
+ <link rel="stylesheet" href="{{ url_for('static', filename='dist/css/bootstrap.min.css') }}" crossorigin="anonymous" />
+ <!-- Favicons -->
<link rel="shortcut icon" href="{{ url_for('static', filename='dist/img/favicon.svg') }}" type="image/x-icon" />
- <link
- rel="stylesheet"
- href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
- integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
- crossorigin="anonymous"
- />
</head>
-
<body class="{{template}}">
- <div class="container">
- {% block content %}{% endblock %}
- </div>
+ {% block content %}{% endblock %}
</body>
-
</html>
diff --git a/resources/tools/dash/app/pal/templates/index.jinja2 b/resources/tools/dash/app/pal/templates/index.jinja2
deleted file mode 100644
index 5d936631c4..0000000000
--- a/resources/tools/dash/app/pal/templates/index.jinja2
+++ /dev/null
@@ -1,15 +0,0 @@
-{% extends "layout.jinja2" %}
-
-{% block content %}
-<div class="card">
- <img src="{{ url_for('static', filename='img/logo.svg') }}" class="logo" />
- <h1 class="site-title">{{ title }}</h1>
- <p class="subtitle">{{ description }}</p>
- <div>
- <a href="/trending/" class="dash-link">
- <span>Trending</span>
- <i class="fas fa-arrow-right"></i>
- </a>
- </div>
-</div>
-{% endblock %}
diff --git a/resources/tools/dash/app/pal/templates/index_layout.jinja2 b/resources/tools/dash/app/pal/templates/index_layout.jinja2
new file mode 100644
index 0000000000..9526c4aa3a
--- /dev/null
+++ b/resources/tools/dash/app/pal/templates/index_layout.jinja2
@@ -0,0 +1,25 @@
+{% extends "base_layout.jinja2" %}
+
+{% block content %}
+<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
+
+ <header class="mb-auto">
+ <div>
+ <h3 class="float-md-start mb-0">Dashboard</h3>
+ </div>
+ </header>
+
+ <main class="px-3">
+ <img class="d-block mx-auto mb-4" src="{{ url_for('static', filename='img/logo.svg') }}" alt="" width="72" height="57">
+ <h1>{{ title }}</h1>
+ <p class="lead">{{ description }}</p>
+ <p class="lead">
+ <a href="/trending/" class="btn btn-lg btn-secondary fw-bold">Trending</a>
+ </p>
+ </main>
+
+ <footer class="mt-auto text-white-50">
+ <p>Copyright © 2016-2022 <a href="https://fd.io" class="text-white">The Fast Data Project</a>, a series of LF Projects, LLC.</p>
+ </footer>
+</div>
+{% endblock %}
diff --git a/resources/tools/dash/app/pal/templates/trending_layout.jinja2 b/resources/tools/dash/app/pal/templates/trending_layout.jinja2
new file mode 100644
index 0000000000..4881397cfd
--- /dev/null
+++ b/resources/tools/dash/app/pal/templates/trending_layout.jinja2
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <title>Continuous Performance Trending</title>
+ {%metas%}
+ {%favicon%}
+ {%css%}
+</head>
+<body>
+ {%app_entry%}
+ <footer>
+ {%config%}
+ {%scripts%}
+ {%renderer%}
+ </footer>
+</body>
+</html> \ No newline at end of file