mirror of
https://github.com/flancian/garden.git
synced 2026-08-07 23:16:21 +00:00
New layout up top.
This commit is contained in:
@@ -48,6 +48,30 @@ nav { font-family: sans-serif}
|
|||||||
}
|
}
|
||||||
|
|
||||||
.navigation {
|
.navigation {
|
||||||
|
vertical-align: middle;
|
||||||
|
overflow-y: auto;
|
||||||
|
/* border-color: gray;
|
||||||
|
border-style: dotted;
|
||||||
|
margin: 10px;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 10px;
|
||||||
|
*/
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navigation-links {
|
||||||
|
vertical-align: middle;
|
||||||
|
overflow-y: auto;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topline-node{
|
||||||
|
vertical-align: middle;
|
||||||
|
overflow-y: auto;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mini-search{
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
@@ -67,26 +91,13 @@ nav { font-family: sans-serif}
|
|||||||
}
|
}
|
||||||
|
|
||||||
.topline-container {
|
.topline-container {
|
||||||
display: flex;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.topline-home {
|
|
||||||
|
.cli-header {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topline-cli {
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topline-icons {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mini-search {
|
|
||||||
padding-top: 10px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
border-bottom: 1px solid grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
.node, .context, .stoa {
|
.node, .context, .stoa {
|
||||||
/*border-color: #7f5af0;*/
|
/*border-color: #7f5af0;*/
|
||||||
border-color: gray;
|
border-color: gray;
|
||||||
|
|||||||
+22
-16
@@ -29,7 +29,7 @@
|
|||||||
<link rel="search" type="application/opensearchdescription+xml"
|
<link rel="search" type="application/opensearchdescription+xml"
|
||||||
title="Agora" href={{url_for('agora.search_xml')}}>
|
title="Agora" href={{url_for('agora.search_xml')}}>
|
||||||
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
|
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
|
||||||
<link rel="stylesheet" media="screen" type="text/css" href="{{ url_for('static',filename='css/screen-dark.css')}}?uncached18" id="theme-link" />
|
<link rel="stylesheet" media="screen" type="text/css" href="{{ url_for('static',filename='css/screen-dark.css')}}?uncached19" id="theme-link" />
|
||||||
<script type=text/javascript src="{{url_for('static', filename='js/main.js')}}"></script>
|
<script type=text/javascript src="{{url_for('static', filename='js/main.js')}}"></script>
|
||||||
<!-- considering this way of integrating hypothesis, although I like "standard" (sidebar) mode.
|
<!-- considering this way of integrating hypothesis, although I like "standard" (sidebar) mode.
|
||||||
<script type="application/json" class="js-hypothesis-config">
|
<script type="application/json" class="js-hypothesis-config">
|
||||||
@@ -42,19 +42,13 @@
|
|||||||
<script src="https://hypothes.is/embed.js" async></script>
|
<script src="https://hypothes.is/embed.js" async></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav class="topline-container">
|
<nav>
|
||||||
|
|
||||||
<div class="topline-home">
|
|
||||||
<a href="/"><img src="/static/img/agora.png" class="logo" width="20px" height="20px"></a>
|
|
||||||
<a href="/"><strong>in the agora ↪</strong></a>
|
|
||||||
</div>
|
|
||||||
<div class="topline-cli">
|
|
||||||
<form action="/exec" method="get">
|
|
||||||
<input id="mini-cli" type="text" value="{{qstr}}" name="q" autofocus>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<div class="navigation">
|
<div class="navigation">
|
||||||
|
|
||||||
|
<div class="navigation-links">
|
||||||
|
<a href="/"><img src="/static/img/agora.png" class="logo" width="20px" height="20px"></a>
|
||||||
|
<a href="/">anagora.org</a>
|
||||||
|
|
|
||||||
<a href="/nodes">nodes</a>
|
<a href="/nodes">nodes</a>
|
||||||
|
|
|
|
||||||
<a href="/users">@</a>
|
<a href="/users">@</a>
|
||||||
@@ -63,13 +57,21 @@
|
|||||||
|
|
|
|
||||||
<a href="/today">今</a>
|
<a href="/today">今</a>
|
||||||
|
|
|
|
||||||
|
<a href="/node/agora-cli">cli</a>
|
||||||
|
|
|
||||||
<a href="#" style="text-decoration: none;" class="theme-toggle">🌙</a>
|
<a href="#" style="text-decoration: none;" class="theme-toggle">🌙</a>
|
||||||
|
|
|
|
||||||
<a href="/node/agora-help" style="text-decoration: none;" class="help-button">❓</a>
|
<a href="/node/agora-help" style="text-decoration: none;" class="help-button">❓</a>
|
||||||
|
|
|
||||||
<a href="/node/agora-cli">cli</a>
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
<hr />
|
||||||
|
|
||||||
|
<div class="topline-node"
|
||||||
|
<span class="cli-form">
|
||||||
|
<form action="/exec" method="get">
|
||||||
|
<strong>node →</strong> <input id="mini-cli" type="text" value="{{qstr}}" name="q" autofocus>
|
||||||
|
</form>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="mini-search">
|
<div class="mini-search">
|
||||||
<strong>in the internet ↪</strong>
|
<strong>in the internet ↪</strong>
|
||||||
@@ -81,6 +83,10 @@
|
|||||||
| <a href="http://encyclopedia.uia.org/en/problems?combine={{q}}">uia</a>
|
| <a href="http://encyclopedia.uia.org/en/problems?combine={{q}}">uia</a>
|
||||||
| <a href="https://www.pubpub.org/search?q={{q}}">pp</a>
|
| <a href="https://www.pubpub.org/search?q={{q}}">pp</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="mini-search">
|
||||||
|
<strong>in the agora ⬎</strong>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|||||||
Reference in New Issue
Block a user