css design etc
This commit is contained in:
parent
7d60b67e72
commit
eaa4d58253
Binary file not shown.
@ -149,7 +149,7 @@ def description():
|
|||||||
textfile = f.read()
|
textfile = f.read()
|
||||||
textfile = Markup(textfile)
|
textfile = Markup(textfile)
|
||||||
textfiles.append(textfile)
|
textfiles.append(textfile)
|
||||||
return render_template('description.html', datafromjson=datafromjson, itemid=itemid, textfiles=textfiles, idno=idno)
|
return render_template('description.html', datafromjson=datafromjson, itemid=itemid, textfiles=textfiles, idno=idno, index_dict=index_dict)
|
||||||
|
|
||||||
@app.route('/diverge', methods=['GET'])
|
@app.route('/diverge', methods=['GET'])
|
||||||
def diverge():
|
def diverge():
|
||||||
@ -275,21 +275,12 @@ def get_file():
|
|||||||
#joining the strings with linebreaks
|
#joining the strings with linebreaks
|
||||||
tadam = '\n'.join(out)
|
tadam = '\n'.join(out)
|
||||||
|
|
||||||
|
|
||||||
######################################################################################
|
|
||||||
#INDEX PAGE
|
|
||||||
######################################################################################
|
|
||||||
@app.route("/index")
|
|
||||||
def index():
|
|
||||||
return render_template('theindex.html', wordlist_dict=wordlist_dict, index_dict=index_dict)
|
|
||||||
|
|
||||||
# have a message in file if no nav has been recorded so it's less dull than error page
|
# have a message in file if no nav has been recorded so it's less dull than error page
|
||||||
if tadam is None:
|
if tadam is None:
|
||||||
tadam = "This score is Null"
|
tadam = "This score is Null"
|
||||||
|
|
||||||
# print("verylastnow : "+str(clickongetfilefime)+"\n")
|
# print("verylastnow : "+str(clickongetfilefime)+"\n")
|
||||||
|
|
||||||
|
|
||||||
print(tadam)
|
print(tadam)
|
||||||
|
|
||||||
return Response(tadam,
|
return Response(tadam,
|
||||||
@ -298,5 +289,18 @@ def index():
|
|||||||
"attachment;filename=yourveryspecialscore.txt"})
|
"attachment;filename=yourveryspecialscore.txt"})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
######################################################################################
|
||||||
|
#INDEX PAGE
|
||||||
|
######################################################################################
|
||||||
|
@app.route("/index")
|
||||||
|
def index():
|
||||||
|
return render_template('theindex.html', wordlist_dict=wordlist_dict, index_dict=index_dict)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
if __name__ == '__main__':
|
if __name__ == '__main__':
|
||||||
app.run(debug=True)
|
app.run(debug=True)
|
||||||
|
@ -1,25 +1,95 @@
|
|||||||
@font-face {
|
/* @font-face {
|
||||||
font-family: 'whoismono';
|
font-family: 'whoismono';
|
||||||
src: url('whois-mono-webfont.woff2') format('woff2'),
|
src: url('whois-mono-webfont.woff2') format('woff2'),
|
||||||
url('whois-mono-webfont.woff') format('woff');
|
url('whois-mono-webfont.woff') format('woff');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
|
||||||
}
|
} */
|
||||||
|
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
body{
|
body{
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
color:blue;
|
color:black;
|
||||||
font-family: 'whoismono';
|
font-family: 'Montserrat', sans-serif;
|
||||||
width: 100%;
|
|
||||||
top:0;
|
top:0;
|
||||||
left: 0;
|
left: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
.text a:visited{
|
||||||
|
color: purple;
|
||||||
|
}
|
||||||
|
.text a:hover{
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/********************************************************/
|
||||||
|
/* FIRST PAGE */
|
||||||
|
/********************************************************/
|
||||||
|
|
||||||
|
|
||||||
|
div.home{
|
||||||
|
padding: 1em 5em 1em 7.5em;
|
||||||
|
text-align: justify;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
div.home a:hover{
|
||||||
|
font-style: italic;
|
||||||
|
font-size: 0.95em;
|
||||||
|
/* font-weight: bold; */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/********************************************************/
|
||||||
|
/* NAVIGATION */
|
||||||
|
/********************************************************/
|
||||||
|
header{
|
||||||
|
padding-top: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logobox{
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
height: 1.5em;
|
||||||
|
margin: auto;
|
||||||
|
background: none;
|
||||||
|
left: 0;
|
||||||
|
-webkit-transform-origin: 0 50%;
|
||||||
|
-moz-transform-origin: 0 50%;
|
||||||
|
-ms-transform-origin: 0 50%;
|
||||||
|
-o-transform-origin: 0 50%;
|
||||||
|
transform-origin: 0 50%;
|
||||||
|
-webkit-transform: rotate(-90deg) translate(-50%, 50%);
|
||||||
|
-moz-transform: rotate(-90deg) translate(-50%, 50%);
|
||||||
|
-ms-transform: rotate(-90deg) translate(-50%, 50%);
|
||||||
|
-o-transform: rotate(-90deg) translate(-50%, 50%);
|
||||||
|
transform: rotate(-90deg) translate(-50%, 50%);
|
||||||
|
}
|
||||||
|
#logobox a, #logobox a:visited{
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
margin-top: 50px;
|
font-size: 2em;
|
||||||
|
line-height: 1.5;
|
||||||
|
display:inline;
|
||||||
|
background-color: none;
|
||||||
|
/* width: 100%; */
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.menu {
|
||||||
|
margin-left: 0.4em;
|
||||||
|
position: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
/********************************************************/
|
/********************************************************/
|
||||||
@ -34,10 +104,7 @@ a:visited {
|
|||||||
color:purple;
|
color:purple;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover{
|
|
||||||
background: pink;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
ul{
|
ul{
|
||||||
@ -53,12 +120,12 @@ li a:hover{
|
|||||||
}
|
}
|
||||||
|
|
||||||
img{
|
img{
|
||||||
max-width: 500px;
|
max-width: 90%;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
/* float: left; */
|
/* float: left; */
|
||||||
}
|
}
|
||||||
video{
|
video{
|
||||||
max-width: 400px;
|
max-width: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
div{
|
div{
|
||||||
@ -72,8 +139,9 @@ div{
|
|||||||
|
|
||||||
#thewordpath{
|
#thewordpath{
|
||||||
display: block;
|
display: block;
|
||||||
/* background-color: yellow; */
|
background-color: white;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
/* border-bottom: black 1.5px solid; */
|
||||||
width: 100%;
|
width: 100%;
|
||||||
top:0;
|
top:0;
|
||||||
right: 0;
|
right: 0;
|
||||||
@ -83,7 +151,7 @@ div{
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
width: auto;
|
width: auto;
|
||||||
background-color: white;
|
/* background-color: white; */
|
||||||
/* border:1px blue solid; */
|
/* border:1px blue solid; */
|
||||||
/* -webkit-transform-origin: right top;
|
/* -webkit-transform-origin: right top;
|
||||||
-webkit-transform: rotate(90deg);
|
-webkit-transform: rotate(90deg);
|
||||||
@ -93,7 +161,7 @@ div{
|
|||||||
transform: rotate(90deg); */
|
transform: rotate(90deg); */
|
||||||
}
|
}
|
||||||
.word{
|
.word{
|
||||||
color:silver;
|
color:black;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -103,43 +171,28 @@ transform: rotate(90deg); */
|
|||||||
|
|
||||||
.description{
|
.description{
|
||||||
width: 80%;
|
width: 80%;
|
||||||
/* border: 1px solid red; */
|
|
||||||
}
|
}
|
||||||
.text{
|
.text{
|
||||||
float: right;
|
float: right;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
/* border:1px solid #444; */
|
|
||||||
/* position: relative; */
|
/* position: relative; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.item{
|
.item{
|
||||||
/* position: relative; */
|
/* position: relative; */
|
||||||
float: left;
|
float: left;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
/* vertical-align: top; */
|
/* vertical-align: top; */
|
||||||
/* border:1px solid #444; */
|
padding-top: 7.8%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .text{
|
.column h2{
|
||||||
float: right;
|
/* color: pink;
|
||||||
}
|
border:1px solid pink; */
|
||||||
.item{
|
|
||||||
float: left;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.column{
|
|
||||||
padding: 10px;
|
|
||||||
float: left;
|
|
||||||
width: 40%;
|
|
||||||
}
|
|
||||||
.allcontent:after {
|
|
||||||
content: "";
|
|
||||||
display: table;
|
|
||||||
clear: both;
|
|
||||||
} */
|
|
||||||
|
|
||||||
/********************************************************/
|
/********************************************************/
|
||||||
/* NAVIGATION AT THE BOTTOM OF DESCRIPTION*/
|
/* NAVIGATION BAR AT THE BOTTOM OF DESCRIPTION*/
|
||||||
/********************************************************/
|
/********************************************************/
|
||||||
.index {
|
.index {
|
||||||
display: block;
|
display: block;
|
||||||
@ -159,6 +212,9 @@ nav.nav_bottom {
|
|||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
position: fixed;
|
||||||
|
background: white;
|
||||||
|
border-top:1.5px solid black;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav.nav_bottom div li {
|
nav.nav_bottom div li {
|
||||||
@ -169,23 +225,57 @@ nav.nav_bottom div li:first-child {
|
|||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#bottom_descrip_left, div#bottom_descrip_right {
|
li.index, li.about {
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
li.index {
|
|
||||||
float: left;
|
float: left;
|
||||||
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
li.prev_item, li.next_item, li.no_here {
|
li.prev_item, li.next_item, li.no_here {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/********************************************************/
|
/********************************************************/
|
||||||
/* DIVERGE */
|
/* DIVERGE */
|
||||||
/********************************************************/
|
/********************************************************/
|
||||||
|
|
||||||
.diverge{
|
div.diverge_all{
|
||||||
margin-left: 1em;
|
padding: 1em 6.3em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.diverge_all p{
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.3em;
|
||||||
|
/* text-transform: uppercase; */
|
||||||
|
}
|
||||||
|
|
||||||
|
div.diverge_list {
|
||||||
|
padding-left: 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.about{
|
||||||
|
padding: 1em 5em 1em 7.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/********************************************************/
|
||||||
|
/* INDEX OF FOLDERS */
|
||||||
|
/********************************************************/
|
||||||
|
|
||||||
|
.foldersindex{
|
||||||
|
/* border: black 1px solid; */
|
||||||
|
width: 35%;
|
||||||
|
padding-top: 50px;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
}
|
||||||
|
.foldersindex a:hover{
|
||||||
|
background-color: yellow;
|
||||||
|
width: 100%;
|
||||||
|
/* height: 98%; */
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
h1.logo a {
|
||||||
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
@ -2,8 +2,6 @@
|
|||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="description">
|
<div class="description">
|
||||||
|
|
||||||
<h2 style = "text-align: center;">{{ itemid }}</h2>
|
|
||||||
|
|
||||||
<!--passing files
|
<!--passing files
|
||||||
<p>{{ datafromjson }}</p>-->
|
<p>{{ datafromjson }}</p>-->
|
||||||
|
|
||||||
@ -25,6 +23,7 @@
|
|||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
<div class="text column">
|
<div class="text column">
|
||||||
|
<h2>{{ itemid }}. {{index_dict[itemid]}}</h2>
|
||||||
{% set count=[0] %}
|
{% set count=[0] %}
|
||||||
{% for item in datafromjson %}
|
{% for item in datafromjson %}
|
||||||
{% if item.lower().endswith(('.html')) %}
|
{% if item.lower().endswith(('.html')) %}
|
||||||
@ -72,7 +71,8 @@
|
|||||||
|
|
||||||
<nav class="nav_bottom">
|
<nav class="nav_bottom">
|
||||||
<div id="bottom_descrip_left">
|
<div id="bottom_descrip_left">
|
||||||
<li class="index"><a href="/">index</a></li>
|
<li class="index"><a href="/index">index</a></li>
|
||||||
|
<li class="about"><a href="/about">about</a></li>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="bottom_descrip_right">
|
<div id="bottom_descrip_right">
|
||||||
|
@ -1,19 +1,21 @@
|
|||||||
{% extends "layout.html" %}
|
{% extends "layout.html" %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
|
<div class="diverge_all">
|
||||||
<p>{{ searchterm }} : </p>
|
<p>{{ searchterm }} : </p>
|
||||||
{% for word in wordlist_dict %}
|
{% for word in wordlist_dict %}
|
||||||
{% if searchterm == word %}
|
{% if searchterm == word %}
|
||||||
{% set length_d = wordlist_dict[word]|length %}
|
{% set length_d = wordlist_dict[word]|length %}
|
||||||
|
<div class="diverge_list">
|
||||||
{% for item in wordlist_dict[word] %}
|
{% for item in wordlist_dict[word] %}
|
||||||
{% set address = "/description?id=" + item['id'] %}
|
{% set address = "/description?id=" + item['id'] %}
|
||||||
<a href={{address}} class="diverge">
|
<a href={{address}} class="diverge">
|
||||||
{{ item['sentence'] }}
|
{{ item['sentence'] }}
|
||||||
</a><br/><br/><br/>
|
</a><br/><br/><br/>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
{% for word in wordlist_dict %}
|
{% for word in wordlist_dict %}
|
||||||
{% set address = "/diverge?search=" + word %}
|
{% set address = "/diverge?search=" + word %}
|
||||||
<a href={{address}}>
|
<a href={{address}}>
|
||||||
{{ word }}
|
{{ word }} <a style="color:red;">•</a>
|
||||||
</a>
|
</a>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
@ -3,24 +3,23 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>P.u.s.h.i.n.g.S.c.o.r.e.s</title>
|
<title>Pushing Scores</title>
|
||||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
|
|
||||||
<div class="index">
|
|
||||||
{% block index %}
|
|
||||||
{% endblock index %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1 class="logo"><a href="{{ url_for('home') }}">P.u.s.h.i.n.g.S.c.o.r.e.s</a></h1>
|
<div id="logobox">
|
||||||
|
<h1 class="logo"><a href="{{ url_for('home') }}">Pushing Scores</a></h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
<strong><nav>
|
<strong><nav>
|
||||||
<ul class="menu">
|
<ul class="menu">
|
||||||
<li><a href="{{ url_for('index') }}">Index</a></li>
|
|
||||||
<li><a href="{{ url_for('about') }}">About</a></li>
|
<li><a href="{{ url_for('about') }}">About</a></li>
|
||||||
<li><a href="{{ url_for('get_file') }}">Generate the score</a></li>
|
<li><a href="{{ url_for('index') }}">Index</a></li>
|
||||||
|
<li><a href="{{ url_for('get_file') }}">Score</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav></strong>
|
</nav></strong>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,15 +1,15 @@
|
|||||||
{% extends "layout.html" %}
|
{% extends "layout.html" %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
|
|
||||||
<div class="foldersindex">
|
<div class="foldersindex">
|
||||||
|
|
||||||
<h1>COUCOU BLABLA</h1>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% endblock %}
|
|
||||||
{% block index %}
|
{% block index %}
|
||||||
{% for each in index_dict %}
|
{% for each in index_dict %}
|
||||||
{% set address = "/description?id=" + each %}
|
{% set address = "/description?id=" + each %}
|
||||||
<a href={{address}}>{{index_dict[each]}}</a> |
|
<a href={{address}}>{{index_dict[each]}}</a> <br />
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endblock index %}
|
{% endblock index %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
|
Loading…
Reference in New Issue
Block a user