jutty/en
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Move all template inline styles to style.css

Browse source
This commit is contained in:
Juno Takano 2025-12-28 06:07:37 -03:00
commit b431a86b96
6 changed files with 64 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

47
static/style.css
View file

@ -37,7 +37,7 @@ a {
}
a:visited {
text-decoration-color: #aaa;
text-decoration-color: #aaa;
}
div.header-row {
@ -74,6 +74,24 @@ h1.node-title {
margin: 10px 0;
}
ul.tree-node-text {
display: inline;
padding-left: 0;
}
li.tree-node-text {
display: inline;
}
details.tree-node-text {
display: inline;
cursor: pointer;
}
summary.tree-node-text {
display: inline;
}
footer div {
margin: 20px 0;
text-align: center;
@ -84,8 +102,33 @@ footer p {
margin: 0;
}
nav li {
span.detached-connection {
filter: opacity(60%);
}
nav#main-menu {
text-align: center;
}
nav#main-menu ul {
display: inline;
padding-left: 0;
}
nav#main-menu li {
margin-right: 10px;
display: inline;
}
div#error-poem {
text-align: right;
margin-top: 8em;
margin-right: 2em;
font-size: 0.8em;
}
em#index-node-count {
font-size: 0.8em;
}
@media (prefers-color-scheme: dark) {

14
templates/base.html
View file

@ -18,21 +18,21 @@
{% endblock head %}
</head>
<body>
<nav style="text-align: center;">
<ul style="display: inline; padding-left: 0;">
<li style="display: inline;"><a href="/">Index</a></li>
<nav id="main-menu">
<ul>
<li><a href="/">Index</a></li>
{% if config.about %}
<li style="display: inline;"><a href="/about">About</a></li>
<li><a href="/about">About</a></li>
{% endif %}
{% if config.tree %}
<li style="display: inline;"><a href="/tree">Tree</a></li>
<li><a href="/tree">Tree</a></li>
{% endif %}
{% if config.raw %}
{% if config.raw_toml %}
<li style="display: inline;"><a href="/graph/toml">TOML Graph</a></li>
<li><a href="/graph/toml">TOML Graph</a></li>
{% endif %}
{% if config.raw_json %}
<li style="display: inline;"><a href="/graph/json">JSON Graph</a></li>
<li><a href="/graph/json">JSON Graph</a></li>
{% endif %}
{% endif %}
</ul>

4
templates/error.html
View file

@ -6,8 +6,8 @@
</h1>
{{ message | default(value="This error has not been described in detail.") | linebreaksbr | safe }}
<hr>
<div align=right style="margin-top: 8em; margin-right: 2em">
<em style="font-size: 0.8em;">
<div id="error-poem">
<em>
fallen<br/>
out of the circle<br/>
you are welcome to climb<br/>

2
templates/index.html
View file

@ -42,7 +42,7 @@
</ul>
{% if config.index_node_count < nodes | length %}
<br/>
<em style="font-size:0.9em"">
<em id="index-node-count">
Listing {{ config.index_node_count }} of {{ nodes | length }} nodes.
{% if config.tree %}
<br/>

2
templates/node.html
View file

@ -30,7 +30,7 @@
<li>
<strong>{{node.id}}</strong>
&raquo;
<span style="filter: opacity(70%);">{{connection.to}}</span>
<span class="detached-connection">{{connection.to}}</span>
</li>
{% endfor %}
</ul>

16
templates/tree.html
View file

@ -19,10 +19,10 @@
<ul>
{% if config.tree_node_text %}
<li><strong>Text:</strong>
<ul style="display: inline; padding-left: 0;">
<li style="display: inline;">
<details style="display: inline; cursor: pointer;">
<summary style="display: inline;">
<ul class="tree-node-text">
<li class="tree-node-text">
<details class="tree-node-text">
<summary class="tree-node-text">
{{root_node.text | truncate(length=120)}}
</summary>
{{root_node.text}}
@ -55,10 +55,10 @@
<ul>
{% if config.tree_node_text %}
<li><strong>Text:</strong>
<ul style="display: inline; padding-left: 0;">
<li style="display: inline;">
<details style="display: inline; cursor: pointer;">
<summary style="display: inline;">
<ul class="tree-node-text">
<li class="tree-node-text">
<details class="tree-node-text">
<summary class="tree-node-text">
{{node.text | truncate(length=30)}}
</summary>
{{node.text}}