vitrinekast
/
python-infraordinary
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

move assets

Browse Source
main
vitrinekast 5 months ago
parent 93751abb10
commit cdb6202486
4 changed files with 143 additions and 45 deletions
Show Stats Download Patch File Download Diff File

2
script.py
Unescape Escape View File

@ -141,7 +141,7 @@ def load_media(region=None, override=None):
print("region is not defined, just do something!") print("region is not defined, just do something!")
region=0 region=0
foldercount = len(os.listdir(MEDIA_FOLDER)) foldercount = len(os.listdir(MEDIA_FOLDER)) - 1
print(foldercount) print(foldercount)
if(foldercount < region): if(foldercount < region):

0
templates/Montserrat-VariableFont_wght.ttf → static/Montserrat-VariableFont_wght.ttf
Unescape Escape View File

95
static/iologo.svg
Unescape Escape View File

@ -0,0 +1,95 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="100mm"
height="50mm"
viewBox="0 0 100 50"
version="1.1"
id="svg1"
inkscape:version="1.3 (0e150ed, 2023-07-21)"
sodipodi:docname="iologo.svg"
inkscape:export-filename="logoMIO.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
inkscape:zoom="1.4229469"
inkscape:cx="136.33679"
inkscape:cy="13.352572"
inkscape:window-width="1512"
inkscape:window-height="945"
inkscape:window-x="1680"
inkscape:window-y="37"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Lag 1"
inkscape:groupmode="layer"
id="layer1">
<g
id="g5"
transform="matrix(0.18669767,0.00363853,-0.00363853,0.18669767,31.393575,-0.24507643)"
style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-opacity:1">
<path
style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.920123;stroke-linecap:round;stroke-opacity:1"
d="m 68.850356,119.72542 -0.198088,69.27815 c 0,0 -8.17184,8.70796 -14.69009,8.95229 -6.518252,0.24433 -16.010659,-4.07696 -16.010659,-4.07696 l -0.04707,16.46214 c 0,0 13.334339,5.80293 20.857037,5.70958 7.035058,-0.0874 20.317147,-8.78101 20.317147,-8.78101 l 0.211817,-74.07962 z"
id="path1"
sodipodi:nodetypes="ccsccsccc" />
<path
style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
d="m 34.84397,95.421855 c 0,0 18.041436,1.76389 29.564826,-10.866955 9.917753,-10.870902 1.910034,-27.792614 1.910034,-27.792614 0,0 9.578849,13.18055 12.156525,20.566895 2.693667,7.71873 0.532027,20.300744 -8.177632,25.336989 -13.46664,7.78691 -35.453753,-7.244315 -35.453753,-7.244315 z"
id="path2"
sodipodi:nodetypes="cscssc" />
<path
style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.707739;stroke-linecap:round;stroke-opacity:1"
d="m 132.01451,177.29375 c -30.13577,1.74727 -32.346577,-27.57864 -31.41814,-48.30932 1.65695,-36.997436 37.7043,-54.378558 37.7043,-54.378558 0,0 -22.61007,16.609868 -20.91751,31.041898 0,0 11.02111,-7.865897 20.23039,-2.24203 5.32837,3.25391 5.65345,13.51926 5.65345,13.51926 0,0 -24.29164,-14.37715 -27.4779,11.38278 -5.35141,43.26444 16.22541,48.98597 16.22541,48.98597 z"
id="path3"
sodipodi:nodetypes="sscsscss" />
<path
style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:1.3523;stroke-linecap:round;stroke-opacity:1"
d="m 121.77821,197.68687 c 0,0 45.03862,13.80153 45.7832,-49.28403 0.70981,-60.139551 -16.61455,-65.311049 -16.61455,-65.311049 0,0 27.08065,13.214952 30.6717,22.492599 11.27024,29.11714 10.90181,87.70352 -3.74875,99.51265 -17.37605,14.00601 -41.19267,12.37347 -56.0916,-7.41017 z"
id="path4"
sodipodi:nodetypes="cscssc" />
</g>
<path
style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.18163;stroke-linecap:round;stroke-opacity:1"
d="m 51.218765,39.968237 c 0,0 -3.488302,-2.199454 -5.963087,-1.170754 L 41.17016,37.646911 c 0.115515,-1.269233 3.556278,-1.651639 5.614825,-1.196689 3.182869,0.703437 4.43378,3.518015 4.43378,3.518015 z"
id="path2-3"
sodipodi:nodetypes="cccsc" />
<path
style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.150942;stroke-linecap:round;stroke-opacity:1"
d="m 37.809802,19.024269 c 3.371377,0.977159 7.639539,4.031779 5.698836,3.820933 -5.221987,-0.567333 -13.276907,-0.204574 -16.355327,1.17384 -5.850432,2.619629 -9.07911,7.497203 -14.712132,10.445944 -1.094389,0.572882 1.385053,1.569542 3.347276,-0.609877 2.219299,-2.464953 1.514788,1.490565 -3.093868,3.416825 -6.205147,2.593552 -14.8812893,-1.968707 -10.96234,-2.177594 7.4764198,-0.39851 19.634326,-9.781041 17.472597,-9.741286 -0.486842,0.009 -8.476103,6.850918 -11.0330039,2.834503 -1.4580537,-2.29033 8.7200149,-9.712227 7.2043409,-7.571341 -6.1738332,8.720536 -1.918923,0.20518 17.192377,-0.0061 1.495954,-0.01654 1.500086,-1.595705 -5.400247,-1.228706 -1.090547,0.05799 5.484251,-1.851954 10.641491,-0.357178 z"
id="path5"
sodipodi:nodetypes="sssssssssssss" />
<path
style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.150942;stroke-linecap:round;stroke-opacity:1"
d="m 91.391603,24.827298 c -5.623084,4.009027 -13.002437,4.583329 -19.083796,6.438875 -1.181491,0.360502 -0.115823,-2.090076 2.81161,-1.915999 3.31097,0.196889 0.032,-2.124931 -4.602042,-0.260587 -6.239344,2.510163 -9.213758,11.850532 -6.276644,9.247623 5.603313,-4.965735 21.86912,-8.060388 20.301968,-6.57086 -0.352952,0.335439 -11.689747,1.318942 -10.690286,5.974085 0.569943,2.654565 12.851415,1.786014 10.268995,1.325831 -10.519046,-1.874481 2.953459,-4.055166 8.853841,-7.571432 0.849678,-0.506357 -0.210149,-7.646783 -1.583646,-6.667536 z"
id="path5-6"
sodipodi:nodetypes="ssssssssss" />
<path
style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.117781;stroke-linecap:round;stroke-opacity:1"
d="m 91.5191,17.336084 c 1.876789,-0.0071 -4.746274,-0.740603 -6.668507,-0.269448 -1.779809,0.436244 3.119471,-3.499792 12.025689,-1.397659 2.045601,0.482822 0.735517,5.590019 -1.886287,5.133396 -8.094244,-1.409735 -14.804392,1.332824 -11.97666,0.965916 1.84454,-0.239338 1.170974,1.037976 0.55932,1.58038 -4.018014,3.563127 -6.023779,0.222341 -10.14638,2.125784 -2.237956,1.033289 8.483571,-8.101897 18.092825,-8.138369 z"
id="path5-6-5"
sodipodi:nodetypes="ssssssss" />
<path
style="fill:#8f1a00;fill-opacity:1;stroke:#8f1a00;stroke-width:0.150942;stroke-linecap:round;stroke-opacity:1"
d="m 26.955079,30.612849 c 1.092792,-0.575922 -2.229517,-0.40894 -3.997429,1.930856 -1.999539,2.646342 -1.564418,-1.221048 2.789182,-3.669766 6.586006,-3.704366 13.876178,1.123133 9.996248,1.71299 -9.506342,1.445228 -16.511832,9.962084 -14.36149,9.73693 0.484276,-0.05073 1.740155,-0.559349 1.689183,1.113281 -0.07333,2.406321 -1.691733,5.290296 -4.888037,3.925571 -1.291441,-0.551404 -0.56307,-9.829917 8.772343,-14.749862 z"
id="path5-6-5-7"
sodipodi:nodetypes="ssssssss" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

75
templates/index.html
Unescape Escape View File

@ -8,9 +8,10 @@
<style> <style>
@font-face { @font-face {
font-family: Montserrat; font-family: Montserrat;
src: url(templates/Montserrat-VariableFont_wght.ttf); src: url({{ url_for('static', filename='Montserrat-VariableFont_wght.ttf') }});
} }
html, html,
body { body {
margin: 0 0; margin: 0 0;
@ -35,12 +36,12 @@
} }
h1{ h1 {
font-weight: 200; font-weight: 200;
font-size: 1.8em; font-size: 1.8em;
} }
h2{ h2 {
font-weight: 600; font-weight: 600;
font-size: 1em; font-size: 1em;
} }
@ -116,7 +117,7 @@
animation: .5s linear infinite spinning; animation: .5s linear infinite spinning;
} }
.border{ .border {
background-color: red; background-color: red;
width: fit-content; width: fit-content;
padding: 5px; padding: 5px;
@ -127,7 +128,7 @@
overflow: clip; overflow: clip;
} }
.container{ .container {
margin-left: 50px; margin-left: 50px;
} }
@ -135,7 +136,7 @@
color: red; color: red;
} }
.title{ .title {
display: flex; display: flex;
margin: auto; margin: auto;
position: relative; position: relative;
@ -144,7 +145,7 @@
} }
.logo{ .logo {
position: absolute; position: absolute;
top: -105%; top: -105%;
@ -152,18 +153,19 @@
opacity: 0.5; opacity: 0.5;
max-width: 200px; max-width: 200px;
} }
@media only screen and (min-width: 801px){
.container{
margin-left: auto;
}
.logo{ @media only screen and (min-width: 801px) {
.container {
margin-left: auto;
}
.logo {
right: 0; right: 0;
opacity: 1; opacity: 1;
top: -60%; top: -60%;
} }
.title{ .title {
margin-bottom: 10%; margin-bottom: 10%;
} }
} }
@ -172,34 +174,35 @@
<body> <body>
<div class="border"> <div class="border">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
<img src="iologo.svg" alt="" width="100px"> <img src="{{ url_for('static', filename='iologo.svg') }}" alt="" width="100px">
</div> </div>
<main class="container"> <main class="container">
<div class="title"> <div class="title">
<h1>Ministry of the <br>Infraordinary</h1> <h1>Ministry of the <br>Infraordinary</h1>
<img src="iologo.svg" class="logo"> <img class="logo" src="{{ url_for('static', filename='iologo.svg') }}">
</div> </div>
<h2>Upload your Infraordinary Observations:</h2> <h2>Upload your Infraordinary Observations:</h2>
<p>Inform our mapping by sharing your experiences with the infraordinary. It can be an image, video or audio file, upload your media here!</p> <p>Inform our mapping by sharing your experiences with the infraordinary. It can be an image, video or audio
file, upload your media here!</p>
{% if error %} {% if error %}
<h1 class="error">Oops.. Something went wrong: {{ error }}!</h1> <h1 class="error">Oops.. Something went wrong: {{ error }}!</h1>
@ -207,7 +210,7 @@
{% if submitted %} {% if submitted %}
<p>Thank you for your contribution!<br> <p>Thank you for your contribution!<br>
<b>Consider becoming an M.I.O Agent (see paper form)</b> <b>Consider becoming an M.I.O Agent (see paper form)</b>
<p style="display: none;">{{saved_path}}</p> <p style="display: none;">{{saved_path}}</p>
</p> </p>
<a href="/">back</a> <a href="/">back</a>

Write Preview
Loading…
Cancel
Save