Skip to content

Commit fffdef1

Browse files
committed
Use traditional IETF logo. Make navbar red in development mode.
- Legacy-Id: 8607
1 parent 460f131 commit fffdef1

3 files changed

Lines changed: 61 additions & 14 deletions

File tree

ietf/templates/doc/frontpage.html

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
11
{% extends "ietf.html" %}
22

3-
{% block title %}IETF Datatracker{% endblock %}
3+
{% block title %}IETF Datatracker{% ifnotequal server_mode "production" %} -- Development Mode{% endifnotequal %}{% endblock %}
44

55
{% block content %}
66
<div class="row">
77
<div class="text-center">
8-
<img class="ietflogo" src="/facelift/images/ietflogo{% ifnotequal server_mode "production" %}-dev{% endifnotequal %}.png" alt="IETF">
9-
<h1>Datatracker</h1>
10-
{% ifnotequal server_mode "production" %}
11-
<p>Development Mode<p>
12-
{% endifnotequal %}
8+
<img class="ietflogo" src="/images/ietflogo.png" alt="IETF">
9+
{% ifequal server_mode "production" %}
10+
<h1>IETF Datatracker</h1>
11+
{% else %}
12+
<h1><FONT COLOR="FF0000">IETF Datatracker -- Development Mode</FONT></h1>
13+
{% endifequal %}
1314
</div>
1415
</div>
1516

ietf/templates/ietf.html

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<head>
88
<meta charset="utf-8">
99
<meta http-equiv="X-UA-Compatible" content="IE=edge">
10-
<title>{% block title %}No title{% endblock %}{% if server_mode and server_mode != "production" %} &part;{% endif %}</title>
10+
<title>{% block title %}No title{% endblock %}{% if server_mode and server_mode != "production" %} &beta;{% endif %}</title>
1111
<meta name="viewport" content="width=device-width, initial-scale=1">
1212

1313
<link rel="stylesheet" href="/facelift/css/bootstrap.min.css">
@@ -20,8 +20,8 @@
2020

2121
{% block pagehead %}{% endblock %}
2222

23-
<link rel="shortcut icon" href="/facelift/images/ietficon{% if server_mode != "production" %}-dev{% endif %}.ico">
24-
<link rel="apple-touch-icon-precomposed" href="/facelift/images/ietficon{% if server_mode != "production" %}-dev{% endif %}.png">
23+
<link rel="shortcut icon" href="/images/ietflogo.png">
24+
<link rel="apple-touch-icon-precomposed" href="/images/ietflogo.png">
2525
</head>
2626

2727
{% filter amp|smartypants %}
@@ -50,7 +50,7 @@ <h4 class="modal-title" id="navmodallabel">Area &amp; WG navigation</h4>
5050
</div>
5151
</div>
5252

53-
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
53+
<nav class="navbar {% if server_mode and server_mode != "production" %}navbar-dev{% else %}navbar-default{% endif %} navbar-fixed-top" role="navigation">
5454
<div class="container-fluid">
5555
<div class="navbar-header">
5656
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
@@ -60,10 +60,7 @@ <h4 class="modal-title" id="navmodallabel">Area &amp; WG navigation</h4>
6060
<span class="icon-bar"></span>
6161
</button>
6262
<a class="navbar-brand" href="/">
63-
IETF Datatracker
64-
{% if server_mode %}
65-
{% if server_mode != "production" %}&part;{% endif %}
66-
{% endif %}
63+
IETF Datatracker{% if server_mode and server_mode != "production" %} &beta;{% endif %}
6764
</a>
6865
</div>
6966

static/facelift/css/ietf.css

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -157,3 +157,52 @@ pre { line-height: 1.214; }
157157
visibility: hidden !important;
158158
}
159159
.in-nojs { display: block !important; }
160+
161+
/* Development Mode tool bar */
162+
163+
.navbar-dev {
164+
background-color: #FF0000;
165+
border-color: #CC0000;
166+
}
167+
.navbar-dev .navbar-brand {
168+
color: #ecf0f1;
169+
}
170+
.navbar-dev .navbar-brand:hover, .navbar-default .navbar-brand:focus {
171+
color: #ecdbff;
172+
}
173+
.navbar-dev .navbar-text {
174+
color: #ecf0f1;
175+
}
176+
.navbar-dev .navbar-nav > li > a {
177+
color: #ecf0f1;
178+
}
179+
.navbar-dev .navbar-nav > li > a:hover, .navbar-dev .navbar-nav > li > a:focus {
180+
color: #ecdbff;
181+
}
182+
.navbar-dev .navbar-nav > .active > a, .navbar-dev .navbar-nav > .active > a:hover, .navbar-dev .navbar-nav > .active > a:focus {
183+
color: #ecdbff;
184+
background-color: #CC0000;
185+
}
186+
.navbar-dev .navbar-nav > .open > a, .navbar-dev .navbar-nav > .open > a:hover, .navbar-dev .navbar-nav > .open > a:focus {
187+
color: #ecdbff;
188+
background-color: #CC0000;
189+
}
190+
.navbar-dev .navbar-toggle {
191+
border-color: #CC0000;
192+
}
193+
.navbar-dev .navbar-toggle:hover, .navbar-dev .navbar-toggle:focus {
194+
background-color: #CC0000;
195+
}
196+
.navbar-dev .navbar-toggle .icon-bar {
197+
background-color: #ecf0f1;
198+
}
199+
.navbar-dev .navbar-collapse,
200+
.navbar-dev .navbar-form {
201+
border-color: #ecf0f1;
202+
}
203+
.navbar-dev .navbar-link {
204+
color: #ecf0f1;
205+
}
206+
.navbar-dev .navbar-link:hover {
207+
color: #ecdbff;
208+
}

0 commit comments

Comments
 (0)