codespeed/codespeed/templates/codespeed/base.html at main · python/codespeed · GitHub

Repository navigation

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

{% load static %}

<!DOCTYPE html>

<html>

<head>

<title>{% block title %}MyProject's Speed Center{% endblock %}</title>

<meta name="description" content="{% block description %}A performance analysis tool for software projects. It shows performance regresions and allows comparing different applications or implementations{% endblock %}">

<meta name="keywords" content="performance, test, plots, charts">

<meta charset="UTF-8">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

{# Fira Sans, regular and bold, subset to printable ASCII #}

<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap&text=%20%21%22%23%24%25%26%27%28%29%2A%2B%2C-.%2F0123456789%3A%3B%3C%3D%3E%3F%40ABCDEFGHIJKLMNOPQRSTUVWXYZ%5B%5C%5D%5E_%60abcdefghijklmnopqrstuvwxyz%7B%7C%7D~" rel="stylesheet">

{% comment %}Pick the colour theme before first paint so the page never flashes

the other one. The toggle button and the stored choice are handled in

codespeed.js, which uses the same storage key.{% endcomment %}

<script>

(function () {

var theme = null;

try { theme = localStorage.getItem('codespeed-theme'); } catch (e) {}

if (theme !== 'light' && theme !== 'dark') {

theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';

}

document.documentElement.setAttribute('data-theme', theme);

}());

</script>

<link href="{% static 'css/main.css' %}" rel="stylesheet" type="text/css">

{% block favicon %}{% endblock %}

{% block extra_head %}{% endblock %}

</head>

<body>

<div id="container">

{# TODO: Rename id=title to id=header and/or switch to <header> #}

<div id="title" class="clearfix">

{% block page_header %}

<a href="{% url 'home' %}">

{% block logo %}

<img src="{% static 'images/logo.svg' %}" height="48" alt="logo"/>

{% endblock logo %}

</a>

<h2>{% block page_title %}Speed Center{% endblock page_title %}</h2>

{% block top_nav %}

<ul id="links" class="inline">

<li><a href="{% url 'home' %}">Home</a></li><li><a href="{% url 'about' %}">About</a></li>

</ul>

{% endblock top_nav %}

{% endblock page_header %}

{# Bootstrap Icons "moon" and "sun" (MIT, twbs/icons); the stylesheet shows one per theme #}

<button id="theme-toggle" type="button" aria-label="Switch to dark theme" title="Switch to dark theme">

<svg class="icon-moon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path d="M6 .278a.77.77 0 0 1 .08.858 7.2 7.2 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277q.792-.001 1.533-.16a.79.79 0 0 1 .81.316.73.73 0 0 1-.031.893A8.35 8.35 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.75.75 0 0 1 6 .278M4.858 1.311A7.27 7.27 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.32 7.32 0 0 0 5.205-2.162q-.506.063-1.029.063c-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286"/></svg>

<svg class="icon-sun" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0m9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708"/></svg>

</button>

</div>

<div id="wrapper">

<div id="nav">

{% block navigation %}

<ul class="inline">

<li {% block nav-changes %}><a href=" {% url "changes" %}">Changes</a>{% endblock %}</li>

<li {% block nav-timeline %}><a href=" {% url "timeline" %}">Timeline</a>{% endblock %}</li>

<li {% block nav-comparison %}><a href=" {% url "comparison" %}">Comparison</a>{% endblock %}</li>

</ul>

{% endblock %}

</div>

<div id="workarea" class="clearfix">

{% block body %}

<div id="configbar">Base template</div>

{% endblock %}

</div>

</div>

{% block footer %}

<div class="footer">Powered by <a href="https://github.com/python/codespeed/">Codespeed</a>, <a href="https://www.djangoproject.com/">Django</a> and <a href="https://www.python.org/">Python</a></div>

{% endblock %}

</div>

<script type="text/javascript" src="{% static 'js/jquery-1.12.3.min.js' %}"></script>

<script type="text/javascript" src="{% static 'js/codespeed.js' %}"></script>

{% block extra_script %}{% endblock %}

</body>

</html>