base.html 6.17 KB
Newer Older
Tiago Peixoto's avatar
Tiago Peixoto committed
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
    <head>
        {% block head%}
        <meta charset="utf-8">
        <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
        <title>{% block title %}Netzschleuder: the network catalogue, repository and centrifuge {% endblock %}</title>
        <meta name="description" content="Netzschleuder: the network centrifuge">
        <meta name="keywords" content="graph, network, network analysis, network science, network daata, data, repository" />
        <meta name="author" content="Tiago de Paula Peixoto <tiago@skewed.de>">
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <link rel="shortcut icon" href="/static/img/graph-icon.png" type="image/png" />
        <link rel="icon" href="/static/img/graph-icon.png" type="image/png" />
        <link rel="apple-touch-icon-precomposed" href="/static/ink/img/touch-icon.57.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/static/ink/img/touch-icon.72.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/static/ink/img/touch-icon.114.png">
        <link rel="apple-touch-startup-image" href="/static/ink/img/splash.320x460.png"
        media="screen and (min-device-width: 200px) and (max-device-width: 320px) and (orientation:portrait)">
        <link rel="apple-touch-startup-image" href="/static/ink/img/splash.768x1004.png"
        media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
        <link rel="apple-touch-startup-image" href="/static/ink/img/splash.1024x748.png"
        media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
        <link rel="stylesheet" type="text/css" href="/static/ink/css/ink.css">
        <link rel="stylesheet" type="text/css" href="/static/ink/css/font-awesome.css">
        <link rel="stylesheet" type="text/css" href="/static/css/custom.css">
        <link href='//fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans+Mono|Droid+Serif:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

        <!--[if IE 7 ]>
            <link rel="stylesheet" href="/static/css/ink-ie7.css" type="text/css" media="screen" title="no title" charset="utf-8">
        <![endif]-->
        
        <script type="text/javascript" src="/static/ink/js/holder.js"></script>
        <script type="text/javascript" src="/static/ink/js/ink.min.js"></script>
        <script type="text/javascript" src="/static/ink/js/ink-ui.min.js"></script>
        <script type="text/javascript" src="/static/ink/js/autoload.js"></script>
        <script type="text/javascript" src="/static/ink/js/html5shiv.js"></script>

        <script type="text/javascript" src="/static/js/sorttable.js"></script>

        <style type="text/css">
           body {
            background: #ededed;
           }
           header {
            padding: 2em 0 0 0;
           }
           header h1 {
            font-size: 2em;
           }
           footer {
            background: #ccc;
            /* color: #0003; */
           }
           footer p {
            padding: 0.5em 1em 0.5em 0;
            margin: 0;        
           }

           .ink-navigation ul.menu.horizontal iframe {
            vertical-align: bottom;
           }
        </style>

        <script type="text/x-mathjax-config">
            MathJax.Hub.Config({
                extensions: ["tex2jax.js", "mml2jax.js"],
                jax: ["input/TeX", "input/MathML", "output/HTML-CSS"],
                tex2jax: {
                    inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                    displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
                },
                "HTML-CSS": { availableFonts: ["TeX"] }
            });
        </script>
        <script type="text/javascript" src="/static/MathJax/MathJax.js">
        </script>

        {% endblock %}    
    </head>

    <body>
        <div class="ink-grid">
            <header>
              {% block header %}
                <h1 class="logo xlarge-push-left large-push-left" style="font-weight: normal;">
                  <span style="white-space:nowrap;"><a style="margin-right:.5em" href="/">Netzschleuder</a>
                    <small style="color: #888888">network catalogue, repository and centrifuge </small></span>
                </h1>
                <nav class="ink-navigation xlarge-push-right large-push-right">
                    <ul class="menu horizontal black shadowed">
                        <li class="heading {% block net_active %}{% endblock %}"><a href="/">Networks</a></li>
94
                        <li class="{% block stats_active %}{% endblock %}"><a href="/stats">Stats</a></li>
Tiago Peixoto's avatar
Tiago Peixoto committed
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
                        <li class="{% block api_active %}{% endblock %}"><a href="/api">API</a></li>
                        <li class="{% block git_active %}{% endblock %}"><a href="/git">Git</a></li>
                        <li class="{% block issues_active %}{% endblock %}"><a href="/issues">Issues</a></li>
                        <li class="{% block about_active %}{% endblock %}"><a href="/about">About</a></li>
                    </ul>
                </nav>
              {% endblock %}
            </header>

            <div class="column-group vertical-space" style="margin-top:.6em; margin-bottom: .6em;}">
              <div class="all-100">
              </div>
            </div>

            {% block content %}
            {% endblock %}

        </div>
        <footer>
        {% block footer %}
        <div class="ink-grid" style="padding-left: 2px">
          <p class="push-left small-100">
            <span style="vertical-align: middle; white-space:nowrap;">Powered by <a href="https://graph-tool.skewed.de"><img src="/static/img/graph-tool-logo.svg" alt="logo" style="height:35px;vertical-align: middle; margin-right: 9px; margin-left: 3px"/>graph-tool:</a> Efficient network analysis </span>
          </p>
            <p class="push-right small-100">by <a href="//skewed.de/tiago">Tiago P. Peixoto</a></p>
        </div>
        {% endblock %}
        </footer>
    </body>
</html>