update style w/ logo and font

main
victor 6 months ago
parent a64753bf74
commit 167f60980f

@ -4,13 +4,17 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>Infraordinary</title>
<style>
@font-face {
font-family: Montserrat;
src: url(Montserrat-VariableFont_wght.ttf);
}
html,
body {
margin: 0 0;
font-family: sans-serif;
font-family: Montserrat;
padding: 0 0;
width: 100%;
height: 100%;
@ -28,8 +32,15 @@
h2,
h3 {
margin: 0 0;
text-align: center;
}
h2{
font-weight: 400;
}
main {
max-width: min(900px, calc(100vw - 4rem));
margin: 2rem auto;
@ -102,23 +113,56 @@
.error {
color: red;
}
.title{
display: flex;
margin: auto;
position: relative;
margin-bottom: 20%;
font-size: .9rem;
}
.logo{
position: absolute;
right: -10%;
top: -20%;
z-index: -10;
opacity: 0.5;
max-width: 300px;
}
@media only screen and (min-width: 801px){
.logo{
right: 0;
opacity: 1;
top: -60%;
}
.title{
margin-bottom: 10%;
}
}
</style>
</head>
<body>
<main class="container">
<h1>Official ministry of infra-ordinary</h1>
<h2>Ordinary sightings form</h2>
<p>Have you seen anything infra-ordinary? Upload your media here!</p>
<div class="title">
<h1>Ministry of the <br>Infra-Ordinary</h1>
<img src="iologo.svg" class="logo">
</div>
<h2>Upload your Infraordinary Observations:</h2>
<p>Help us broaden our perspectives on the infra-ordinary, and upload your media here!</p>
{% if error %}
<h1 class="error">Oops.. Something went wrong: {{ error }}!</h1>
{% endif %}
{% if submitted %}
<p>Thank you for your contribution!</p>
<p>Thank you for your contribution!<br>
<b>Consider becoming an M.I.O Agent (see paper form)</b>
</p>
<a href="/">back</a>
{% else %}

@ -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>

After

Width:  |  Height:  |  Size: 6.7 KiB

Loading…
Cancel
Save