Skip to content

I
IA-Short
Verified Commit 332d82e9 authored by Kevin Alberts's avatar Kevin Alberts
Browse files
Options

Add Inter-Actief styling

parent 9800858f
Hide whitespace changes
Inline Side-by-side
Showing with 631 additions and 37 deletions
static/favicon.ico
View replaced file @ 9800858f View file @ 332d82e9
static/favicon.ico

14.7 KB | W: | H:

static/favicon.ico

264 KB | W: | H:

static/favicon.ico
static/favicon.ico
static/favicon.ico
static/favicon.ico
  • 2-up
  • Swipe
  • Onion skin
static/ia-logo.svg 0 → 100644
View file @ 332d82e9
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="Laag_1" x="0px" y="0px" width="1149.875" height="220.02299" viewBox="0 0 1149.875 220.023" enable-background="new 0 0 1451.34 725.67" xml:space="preserve" sodipodi:docname="logo.svg" inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata id="metadata45"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><defs id="defs43"/><sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1902" inkscape:window-height="1038" id="namedview41" showgrid="false" inkscape:pagecheckerboard="true" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:zoom="0.72886558" inkscape:cx="678.18753" inkscape:cy="87.470003" inkscape:window-x="8" inkscape:window-y="1112" inkscape:window-maximized="0" inkscape:current-layer="Laag_1"/><polygon points="497.807,294.963 515.289,294.963 515.289,419.83 497.807,419.83 " id="polygon2" style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd" transform="translate(-149.076,-253.823)"/><path d="m 793.651,40.204 h -15.92 l -54.315,125.803 h 15.919 l 16.859,-39.641 h 39.017 l 7.496,39.641 h 15.92 z m -31.528,73.669 20.602,-51.505 h 0.316 l 9.988,51.505 z" id="path4" inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd"/><path d="m 404.292,84.689 v 10.304 c 6.556,-7.183 15.609,-11.553 24.66,-11.553 9.679,0 18.418,4.37 22.789,12.486 4.059,5.62 4.681,12.175 4.681,23.728 v 47.448 h -15.921 v -47.139 c 0,-16.544 -4.994,-23.099 -17.167,-23.099 -7.493,0 -13.736,3.433 -19.042,11.237 v 59 H 387.119 V 84.688 h 17.173 z" id="path6" inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd"/><path d="m 498.822,84.22 h 26.22 v 14.67 h -26.22 v 35.591 4.369 c 0.312,10.299 4.37,14.36 12.173,14.36 5.306,0 11.552,-1.561 18.418,-6.243 v 15.295 c -5.932,3.435 -14.985,5.618 -20.915,5.618 -11.239,0 -20.917,-5.618 -24.038,-14.982 -1.559,-4.993 -1.559,-7.184 -1.559,-17.483 V 98.891 H 468.54 V 96.707 L 498.821,67.049 V 84.22 Z" id="path8" inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd"/><path d="m 608.966,124.804 c 0,-25.913 -14.361,-42.143 -36.211,-42.143 -23.102,0 -38.708,17.167 -38.708,42.143 0,12.486 4.369,23.102 12.174,31.216 8.115,8.739 16.543,11.861 28.407,11.861 12.801,0 21.541,-2.808 32.463,-9.675 v -15.921 c -9.053,6.864 -18.729,10.304 -29.65,10.304 -15.3,0 -25.287,-10.304 -26.849,-26.223 h 58.375 v -1.562 z m -58.375,-7.806 c 2.81,-13.422 9.987,-20.292 22.164,-20.292 11.24,0 18.416,6.869 19.666,20.292 z" id="path10" inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd"/><polygon points="1124.999,338.043 1139.981,338.043 1129.06,420.14 1113.139,420.14 " id="polygon12" style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd" transform="translate(-149.076,-253.823)"/><path d="m 987.162,66.425 c -4.997,0 -8.743,-3.432 -8.743,-8.429 0,-4.994 2.809,-8.743 8.743,-8.743 4.367,0 8.426,3.749 8.426,9.055 0,4.684 -4.059,8.117 -8.426,8.117 z" id="path14" inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd"/><path d="m 1068.366,126.677 c 0.938,-2.498 0.938,-7.965 0.938,-11.088 0,-19.979 -12.178,-34.027 -29.972,-34.027 -21.852,0 -38.707,21.23 -38.707,48.078 0,23.412 14.359,39.02 34.959,39.02 9.68,0 18.731,-3.433 27.477,-9.676 l 2.181,-15.297 c -10.926,8.117 -20.29,12.172 -28.093,12.172 -11.553,0 -20.604,-10.3 -20.604,-24.658 0,-1.561 0,-2.024 0,-4.523 h 51.821 z m -29.914,-32.594 c 0.29,-0.021 0.584,-0.032 0.881,-0.032 8.74,0 14.671,7.179 14.671,17.479 v 5.778 h -0.457 -33.567 -1.553 c 2.961,-10.226 9.398,-22.966 20.025,-23.225 z" id="path16" inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd"/><path d="m 1120.532,97.954 h -17.171 l -12.799,103.329 h -14.984 l 12.484,-103.329 h -12.484 l 1.561,-13.424 h 13.424 c 0.935,-14.361 3.747,-21.852 8.43,-29.657 7.178,-9.362 18.417,-14.981 30.903,-14.981 5.93,0 11.238,1.246 19.979,4.058 l -2.496,15.296 c -5.311,-2.81 -11.554,-4.683 -16.857,-4.683 -14.36,0 -23.412,10.926 -25.288,29.967 h 16.857 z" id="path18" inkscape:connector-curvature="0" style="clip-rule:evenodd;fill:#ffffff;fill-rule:evenodd"/><path d="m 921.474,147.906 c 0,-1.003 0.01,-1.88 0.091,-2.788 l 8.339,-47.347 h 20.417 l 2.874,-13.55 H 932.4 l 2.809,-17.171 -35.145,28.539 -0.038,-0.017 -0.419,2.2 h 14.376 l -8.761,49.627 h 10e-4 c -0.167,0.769 -0.294,1.544 -0.294,2.381 0,11.548 8.741,18.728 22.476,18.728 5.308,0 9.678,-0.935 16.235,-3.747 l 1.563,-14.98 c -4.997,3.12 -9.994,4.992 -15.299,4.992 -5.618,-0.002 -8.43,-2.184 -8.43,-6.867 z" id="path20" inkscape:connector-curvature="0" style="fill:#ffffff"/><path d="m 878.142,81.409 c -32.156,0 -54.63,19.979 -54.63,49.324 0,23.414 14.36,37.773 36.522,37.773 1.133,0 2.182,-0.048 3.176,-0.137 12.058,-0.347 19.46,-4.858 19.46,-4.858 l 1.99,-13.787 c -7.99,4.453 -20.989,5.039 -20.989,5.039 l -0.01,0.034 c -0.266,-0.016 -0.537,-0.026 -0.82,-0.026 -14.361,0 -23.103,-9.365 -23.103,-24.038 0,-20.29 16.233,-35.275 37.775,-35.275 2.494,0 5.307,0 10.3,0.938 l 1.25,0.311 1.872,-13.736 c -5.306,-1.562 -7.493,-1.562 -12.797,-1.562 z" id="path22" inkscape:connector-curvature="0" style="fill:#ffffff"/><path d="m 665.072,82.971 c -3.152,0 -6.253,0.783 -9.364,2.598 v -0.018 c 0,0 -10.35,5.626 -15.608,12.626 V 84.22 h -15.919 v 82.413 H 640.1 v -43.704 c 0,-13.422 9.366,-24.347 19.663,-24.347 4.373,0 10.616,2.495 15.923,7.802 l 8.118,-14.361 c -6.558,-5.93 -12.799,-9.052 -18.732,-9.052 z" id="path24" inkscape:connector-curvature="0" style="fill:#ffffff"/><path d="M 110.029,39.569 C 125.2,27.26 165.313,8.723 188.801,8.723 191.256,7.316 196.021,2.181 191.89,0 165.405,0 118.432,20.854 99.713,39.568 h 5.48 4.836 z" id="path26" inkscape:connector-curvature="0" style="fill:#ffffff"/><path d="m 64.293,211.581 c -12.789,0 -24.006,-3.199 -32.143,-9.605 -3.623,-3.055 -19.52,-18.902 -9.143,-54.695 1.108,-3.537 2.271,-7.17 3.308,-11.156 0.498,-1.961 -2.273,-4.633 -3.953,-2.504 -1.741,2.27 -3.19,4.998 -4.403,7.984 h -0.002 c 0,0 -9.538,20.727 -5.466,42.094 1.269,8.193 4.515,15.117 9.321,20.648 0.022,0.029 0.043,0.055 0.065,0.084 l 0.01,-0.002 c 8.87,10.146 22.975,15.594 39.633,15.594 42.248,0 89.945,-22.982 123.977,-50.238 h -9.994 c -30.258,22.441 -76.005,41.796 -111.21,41.796 z" id="path28" inkscape:connector-curvature="0" style="fill:#ffffff"/><path d="M 153.721,81.556 H 202.37 V 42.13 c -13.839,0 -24.177,0 -31.766,0 -0.067,0 -4.755,0 -18.619,0 -15.393,0 -42.096,0 -86.346,0 v 39.426 h 48.652 c 0,15.399 0,30.738 0,46.136 H 65.639 v 39.275 h 136.73 c 0,-39.236 0,-25.936 0,-39.275 H 153.72 V 81.556 Z" id="path30" inkscape:connector-curvature="0" style="fill:#ffffff"/><polygon points="259.805,338.944 211.151,338.944 211.151,295.953 149.076,358.448 211.151,420.791 211.151,377.951 259.805,377.951 " id="polygon32" style="fill:#ffffff" transform="translate(-149.076,-253.823)"/><polygon points="355.016,338.944 306.361,338.944 306.361,377.951 355.016,377.951 355.016,420.791 417.088,358.448 355.016,295.953 " id="polygon34" style="fill:#ffffff" transform="translate(-149.076,-253.823)"/><path d="m 249.058,50.923 c 0,8.361 -0.863,14.946 -3.497,22.896 -0.822,3.406 -0.093,5.271 3.316,3.18 4.5,-6.858 6.13,-19.216 6.13,-27.527 0,-26.124 -12.715,-44.476 -39.249,-49.337 -3.452,0.82 -5.947,5.727 -3.179,8.723 21.534,1.318 36.479,21.715 36.479,42.065 z" id="path36" inkscape:connector-curvature="0" style="fill:#ffffff"/><path d="m 723.416,131.253 h -39.209 v -12.904 h 39.209 z" id="path38" inkscape:connector-curvature="0" style="fill:#ffffff"/></svg>
\ No newline at end of file
static/ia.css 0 → 100644
View file @ 332d82e9
body{
margin: 0 0 2rem;
background-color: #f4f4f4;
font-family: Open Sans, Arial, sans-serif;
}
#top{
background-color: #1D428A;
width: 100%;
display: flex;
justify-content: center;
}
#header {
height: 6rem;
display: flex;
align-items: center;
}
#logo img {
height: 3rem;
}
#logo {
margin-right: 1rem;
align-items: center;
}
#title {
color: white;
text-decoration: none;
font-family: "Humanst521 BT", "Open Sans", sans-serif;
font-size: 2.75rem;
line-height: 2.75rem;
}
#middle {
width: 100%;
display: flex;
justify-content: center;
}
#content {
min-height: 100px;
min-width: 200px;
margin: 1rem;
width: 600px;
}
#box {
padding: 1rem;
}
#box .form {
margin-bottom: 1rem;
}
#box-title {
margin: 0 0 0.5rem 0;
font-family: "Humanst521 BT", "Open Sans", sans-serif;
font-size: 2.5rem;
font-weight: normal;
}
.drop-shadow {
filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
}
#long-url-box{
display: flex;
align-items: stretch;
}
#long-url-box .prepend {
background-color: #1D428A;
color: white;
font-family: "Humanst521 BT", "Open Sans", sans-serif;
font-size: 2rem;
font-weight: bold;
display: block;
padding: 0.5rem;
text-align: center;
z-index: 1;
margin-top: 1rem;
margin-bottom: 1rem;
}
#long-url {
width: 1%;
min-width: 40px;
flex: 1 1 auto;
font-size: 1.75rem;
color: black;
position: relative;
border: none;
padding: 0.5rem;
margin-top: 1rem;
margin-bottom: 1rem;
border-top: 1px solid rgba(0, 0, 0, 0.5);
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#submit {
background-color: #077821;
color: white;
border: none;
font-size: 2rem;
cursor: pointer;
font-weight: normal;
padding: 0.5rem;
font-family: "Humanst521 BT", "Open Sans", sans-serif;
margin-top: 1rem;
margin-bottom: 1rem;
}
#submit:hover {
background-color: #099A2B;
}
#custom-link-box .optional {
font-size: 1.25rem;
margin-top: 0.5em;
margin-bottom: 0.5rem;
}
#custom-label {
display: flex;
align-items: stretch;
}
#custom-label .url {
float: left;
background-color: #1D428A;
color: white;
font-family: "Humanst521 BT", "Open Sans", sans-serif;
font-size: 1.5rem;
font-weight: normal;
display: block;
padding: 0.5rem;
text-align: center;
z-index: 1;
}
#custom-link {
width: 1%;
min-width: 40px;
flex: 1 1 auto;
font-size: 1.5rem;
color: black;
position: relative;
border: none;
padding: 0.5rem;
border-top: 1px solid rgba(0, 0, 0, 0.5);
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.success {
color: #077821;
font-size: 1.25rem;
}
.error {
color: #B8231F;
font-size: 1.25rem;
}
.success span {
display: block;
}
.success a {
color: #153065;
text-decoration: none;
font-family: monospace;
font-size: 1.25rem;
display: block;
margin-top: 0.25rem;
padding: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.5);
background-color: white;
text-align: center;
}
.success a:hover {
color: #2450A8;
text-decoration: underline;
}
static/ictsv-logo-white.svg 0 → 100644
View file @ 332d82e9
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
x="0px"
y="0px"
width="566.92999"
height="269.44601"
viewBox="0 0 566.92999 269.44601"
enable-background="new 0 0 768 768"
xml:space="preserve"
id="svg50"
sodipodi:docname="ictsv-logo-white.svg"
inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
id="metadata56"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs54" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="822"
inkscape:window-height="1008"
id="namedview52"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="0.30729167"
inkscape:cx="-421.66542"
inkscape:cy="127.722"
inkscape:window-x="848"
inkscape:window-y="32"
inkscape:window-maximized="0"
inkscape:current-layer="svg50" />
<g
id="Layer_1"
transform="translate(-100.535,-242.276)"
style="fill:#ffffff;fill-opacity:1">
<g
id="g32"
style="fill:#ffffff;fill-opacity:1">
<defs
id="defs3">
<rect
id="SVGID_1_"
width="768"
height="768"
x="0"
y="0" />
</defs>
<clipPath
id="SVGID_2_">
<use
xlink:href="#SVGID_1_"
overflow="visible"
id="use5"
style="overflow:visible"
x="0"
y="0"
width="100%"
height="100%" />
</clipPath>
<path
display="none"
clip-path="url(#SVGID_2_)"
d="m 333.281,235.796 c 32.093,-26.038 116.944,-65.248 166.63,-65.248 5.19,-2.978 15.272,-13.839 6.532,-18.452 -56.022,0 -155.384,44.112 -194.98,83.7 h 11.592 z"
id="path8"
inkscape:connector-curvature="0"
style="display:none;fill:#ffffff;fill-opacity:1" />
<path
display="none"
clip-path="url(#SVGID_2_)"
d="m 236.533,599.653 c -27.05,0 -50.779,-6.768 -67.991,-20.319 -7.664,-6.46 -41.291,-39.982 -19.34,-115.698 2.343,-7.478 4.804,-15.165 6.996,-23.598 1.053,-4.144 -4.809,-9.799 -8.361,-5.295 -3.683,4.801 -6.75,10.573 -9.316,16.892 l -0.003,-0.002 c 0,0 -20.176,43.844 -11.562,89.039 2.684,17.335 9.551,31.981 19.717,43.68 0.047,0.06 0.09,0.119 0.137,0.179 l 0.02,-0.003 c 18.764,21.465 48.6,32.986 83.837,32.986 89.368,0 190.261,-48.618 262.249,-106.273 h -21.142 c -64.001,47.473 -160.769,88.412 -235.241,88.412"
id="path10"
inkscape:connector-curvature="0"
style="display:none;fill:#ffffff;fill-opacity:1" />
<path
display="none"
clip-path="url(#SVGID_2_)"
d="m 627.37,259.813 c 0,17.687 -1.824,31.617 -7.396,48.431 -1.738,7.205 -0.196,11.15 7.015,6.728 9.518,-14.509 12.967,-40.649 12.967,-58.23 0,-55.26 -26.896,-94.081 -83.023,-104.363 -7.303,1.733 -12.579,12.113 -6.725,18.452 45.549,2.789 77.162,45.935 77.162,88.982"
id="path12"
inkscape:connector-curvature="0"
style="display:none;fill:#ffffff;fill-opacity:1" />
<path
display="none"
clip-path="url(#SVGID_2_)"
d="M 516.538,425.117 H 253.132 c -8.848,0 -11.452,4.644 -11.452,11.453 v 57.262 c 0,6.808 2.604,11.452 11.452,11.452 h 263.406 c 8.848,0 11.452,-4.645 11.452,-11.452 V 436.57 c 0,-6.809 -2.604,-11.453 -11.452,-11.453 M 489.32,473.79 h -11.452 c -4.744,0 -8.59,-3.846 -8.59,-8.589 0,-4.744 3.846,-8.59 8.59,-8.59 h 11.452 c 4.744,0 8.589,3.846 8.589,8.59 0,4.743 -3.845,8.589 -8.589,8.589"
id="path14"
inkscape:connector-curvature="0"
style="display:none;fill:#ffffff;fill-opacity:1" />
<path
display="none"
clip-path="url(#SVGID_2_)"
d="M 516.538,333.165 H 253.132 c -8.848,0 -11.452,4.644 -11.452,11.453 v 57.262 c 0,6.809 2.604,11.452 11.452,11.452 h 263.406 c 8.848,0 11.452,-4.644 11.452,-11.452 v -57.262 c 0,-6.81 -2.604,-11.453 -11.452,-11.453 m -27.218,48.672 h -11.452 c -4.744,0 -8.59,-3.846 -8.59,-8.589 0,-4.744 3.846,-8.59 8.59,-8.59 h 11.452 c 4.744,0 8.589,3.846 8.589,8.59 0,4.743 -3.845,8.589 -8.589,8.589"
id="path16"
inkscape:connector-curvature="0"
style="display:none;fill:#ffffff;fill-opacity:1" />
<path
display="none"
clip-path="url(#SVGID_2_)"
d="M 516.538,241.878 H 253.132 c -8.848,0 -11.452,4.644 -11.452,11.453 v 57.262 c 0,6.808 2.604,11.452 11.452,11.452 h 263.406 c 8.848,0 11.452,-4.644 11.452,-11.452 v -57.262 c 0,-6.809 -2.604,-11.453 -11.452,-11.453 m -27.218,48.673 h -11.452 c -4.744,0 -8.59,-3.846 -8.59,-8.589 0,-4.744 3.846,-8.59 8.59,-8.59 h 11.452 c 4.744,0 8.589,3.846 8.589,8.59 0,4.743 -3.845,8.589 -8.589,8.589"
id="path18"
inkscape:connector-curvature="0"
style="display:none;fill:#ffffff;fill-opacity:1" />
<polygon
clip-path="url(#SVGID_2_)"
points="231.842,250.879 100.535,373.088 231.842,495.002 231.842,469.299 128.881,373.704 231.842,277.877 "
id="polygon20"
style="fill:#ffffff;fill-opacity:1" />
<polygon
clip-path="url(#SVGID_2_)"
points="536.158,251.495 667.465,373.704 536.158,495.617 536.158,469.915 639.119,374.32 536.158,278.493 "
id="polygon22"
style="fill:#ffffff;fill-opacity:1" />
<g
clip-path="url(#SVGID_2_)"
id="g30"
style="fill:#ffffff;fill-opacity:1">
<path
d="m 248.757,303.92 c 0,-8.412 2.635,-14.93 7.909,-19.551 5.271,-4.621 11.642,-6.932 19.106,-6.932 7.226,0 13.447,2.341 18.662,7.021 5.212,4.682 7.82,11.169 7.82,19.462 0,6.637 -2.844,12.739 -8.531,18.307 -5.688,5.571 -11.85,8.354 -18.484,8.354 -7.229,0 -13.45,-2.666 -18.662,-7.998 -5.215,-5.333 -7.82,-11.554 -7.82,-18.663 z m 27.015,170.803 c -7.348,0 -13.686,-2.371 -19.018,-7.109 -5.332,-4.738 -7.998,-11.375 -7.998,-19.906 0,-7.227 2.546,-13.447 7.643,-18.662 5.093,-5.213 11.375,-7.82 18.84,-7.82 7.465,0 13.833,2.577 19.106,7.731 5.271,5.154 7.909,11.405 7.909,18.751 0,8.414 -2.638,15.019 -7.909,19.817 -5.273,4.798 -11.463,7.198 -18.573,7.198 z"
id="path24"
inkscape:connector-curvature="0"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 413.313,278.357 -49.766,204.928 c -1.661,6.754 -3.11,12.086 -4.354,15.996 -1.244,3.91 -3.141,6.963 -5.688,9.153 -2.549,2.19 -6.251,3.288 -11.108,3.288 -12.086,0 -18.129,-5.213 -18.129,-15.641 0,-2.725 1.183,-9.537 3.555,-20.439 l 49.588,-204.928 c 2.605,-10.9 5.094,-18.365 7.465,-22.395 2.369,-4.027 6.99,-6.043 13.863,-6.043 5.924,0 10.455,1.422 13.597,4.266 3.138,2.844 4.71,6.754 4.71,11.73 0,3.676 -1.244,10.371 -3.733,20.085 z"
id="path26"
inkscape:connector-curvature="0"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 515.511,278.357 -49.766,204.928 c -1.66,6.754 -3.11,12.086 -4.354,15.996 -1.244,3.91 -3.142,6.963 -5.688,9.153 -2.55,2.19 -6.251,3.288 -11.108,3.288 -12.086,0 -18.129,-5.213 -18.129,-15.641 0,-2.725 1.184,-9.537 3.555,-20.439 l 49.588,-204.928 c 2.604,-10.9 5.093,-18.365 7.465,-22.395 2.369,-4.027 6.99,-6.043 13.863,-6.043 5.924,0 10.456,1.422 13.597,4.266 3.138,2.844 4.71,6.754 4.71,11.73 -10e-4,3.676 -1.245,10.371 -3.733,20.085 z"
id="path28"
inkscape:connector-curvature="0"
style="fill:#ffffff;fill-opacity:1" />
</g>
</g>
</g>
<g
id="Layer_2"
display="none"
style="display:none"
transform="translate(-100.535,-242.276)">
<g
display="inline"
id="g47"
style="display:inline">
<path
d="m 334.449,236.62 c 31.741,-25.753 115.664,-64.535 164.808,-64.535 5.135,-2.943 15.104,-13.686 6.462,-18.25 -55.411,0 -153.688,43.629 -192.851,82.785 h 11.466 z"
id="path35"
inkscape:connector-curvature="0"
style="fill:#1e428a" />
<path
d="m 238.758,596.505 c -26.756,0 -50.225,-6.693 -67.249,-20.096 -7.58,-6.394 -40.839,-39.548 -19.129,-114.436 2.318,-7.398 4.751,-15 6.92,-23.34 1.042,-4.104 -4.755,-9.694 -8.271,-5.239 -3.642,4.749 -6.675,10.457 -9.213,16.704 h -0.003 c 0,0 -19.956,43.365 -11.436,88.068 2.654,17.143 9.445,31.629 19.5,43.2 0.046,0.062 0.091,0.116 0.137,0.176 l 0.021,-0.003 c 18.557,21.228 48.069,32.625 82.92,32.625 88.391,0 188.185,-48.084 259.385,-105.107 h -20.91 c -63.305,46.952 -159.015,87.448 -232.672,87.448 z"
id="path37"
inkscape:connector-curvature="0"
style="fill:#1e428a" />
<path
d="m 425.86,324.466 h 101.784 v -82.487 c -28.955,0 -50.581,0 -66.459,0 -0.142,0 -9.951,0 -38.955,0 -32.205,0 -88.075,0 -180.654,0 v 82.487 h 101.791 c 0,32.218 0,64.311 0,96.526 h -101.79 v 82.172 h 286.068 c 0,-82.091 0,-54.263 0,-82.172 H 425.86 Z"
id="path39"
inkscape:connector-curvature="0"
style="fill:#1e428a" />
<polygon
points="335.913,331.925 234.119,331.925 234.119,241.978 104.245,372.729 234.119,503.164 234.119,413.534 335.913,413.534 "
id="polygon41"
style="fill:#1e428a" />
<polygon
points="535.111,331.925 433.315,331.925 433.315,413.534 535.111,413.534 535.111,503.164 664.981,372.729 535.111,241.979 "
id="polygon43"
style="fill:#1e428a" />
<path
d="m 625.325,260.375 c 0,17.493 -1.806,31.271 -7.317,47.901 -1.72,7.127 -0.193,11.029 6.938,6.653 9.415,-14.35 12.826,-40.205 12.826,-57.594 0,-54.654 -26.603,-93.052 -82.116,-103.222 -7.223,1.716 -12.44,11.981 -6.651,18.251 45.05,2.758 76.32,45.434 76.32,88.011 z"
id="path45"
inkscape:connector-curvature="0"
style="fill:#1e428a" />
</g>
</g>
</svg>
\ No newline at end of file
static/ictsv-logo.svg 0 → 100644
View file @ 332d82e9
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
x="0px"
y="0px"
width="566.92999"
height="269.44601"
viewBox="0 0 566.92999 269.44601"
enable-background="new 0 0 768 768"
xml:space="preserve"
id="svg50"
sodipodi:docname="ictsv-logo.svg"
inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
id="metadata56"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs54" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="942"
inkscape:window-height="1038"
id="namedview52"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="0.30729167"
inkscape:cx="-318.5689"
inkscape:cy="127.722"
inkscape:window-x="968"
inkscape:window-y="1082"
inkscape:window-maximized="0"
inkscape:current-layer="svg50" />
<g
id="Layer_1"
transform="translate(-100.535,-242.276)">
<g
id="g32">
<defs
id="defs3">
<rect
id="SVGID_1_"
width="768"
height="768"
x="0"
y="0" />
</defs>
<clipPath
id="SVGID_2_">
<use
xlink:href="#SVGID_1_"
overflow="visible"
id="use5"
style="overflow:visible"
x="0"
y="0"
width="100%"
height="100%" />
</clipPath>
<path
display="none"
clip-path="url(#SVGID_2_)"
d="m 333.281,235.796 c 32.093,-26.038 116.944,-65.248 166.63,-65.248 5.19,-2.978 15.272,-13.839 6.532,-18.452 -56.022,0 -155.384,44.112 -194.98,83.7 h 11.592 z"
id="path8"
inkscape:connector-curvature="0"
style="display:none;fill:#1e428a" />
<path
display="none"
clip-path="url(#SVGID_2_)"
d="m 236.533,599.653 c -27.05,0 -50.779,-6.768 -67.991,-20.319 -7.664,-6.46 -41.291,-39.982 -19.34,-115.698 2.343,-7.478 4.804,-15.165 6.996,-23.598 1.053,-4.144 -4.809,-9.799 -8.361,-5.295 -3.683,4.801 -6.75,10.573 -9.316,16.892 l -0.003,-0.002 c 0,0 -20.176,43.844 -11.562,89.039 2.684,17.335 9.551,31.981 19.717,43.68 0.047,0.06 0.09,0.119 0.137,0.179 l 0.02,-0.003 c 18.764,21.465 48.6,32.986 83.837,32.986 89.368,0 190.261,-48.618 262.249,-106.273 h -21.142 c -64.001,47.473 -160.769,88.412 -235.241,88.412"
id="path10"
inkscape:connector-curvature="0"
style="display:none;fill:#1e428a" />
<path
display="none"
clip-path="url(#SVGID_2_)"
d="m 627.37,259.813 c 0,17.687 -1.824,31.617 -7.396,48.431 -1.738,7.205 -0.196,11.15 7.015,6.728 9.518,-14.509 12.967,-40.649 12.967,-58.23 0,-55.26 -26.896,-94.081 -83.023,-104.363 -7.303,1.733 -12.579,12.113 -6.725,18.452 45.549,2.789 77.162,45.935 77.162,88.982"
id="path12"
inkscape:connector-curvature="0"
style="display:none;fill:#1e428a" />
<path
display="none"
clip-path="url(#SVGID_2_)"
d="M 516.538,425.117 H 253.132 c -8.848,0 -11.452,4.644 -11.452,11.453 v 57.262 c 0,6.808 2.604,11.452 11.452,11.452 h 263.406 c 8.848,0 11.452,-4.645 11.452,-11.452 V 436.57 c 0,-6.809 -2.604,-11.453 -11.452,-11.453 M 489.32,473.79 h -11.452 c -4.744,0 -8.59,-3.846 -8.59,-8.589 0,-4.744 3.846,-8.59 8.59,-8.59 h 11.452 c 4.744,0 8.589,3.846 8.589,8.59 0,4.743 -3.845,8.589 -8.589,8.589"
id="path14"
inkscape:connector-curvature="0"
style="display:none;fill:#1e428a" />
<path
display="none"
clip-path="url(#SVGID_2_)"
d="M 516.538,333.165 H 253.132 c -8.848,0 -11.452,4.644 -11.452,11.453 v 57.262 c 0,6.809 2.604,11.452 11.452,11.452 h 263.406 c 8.848,0 11.452,-4.644 11.452,-11.452 v -57.262 c 0,-6.81 -2.604,-11.453 -11.452,-11.453 m -27.218,48.672 h -11.452 c -4.744,0 -8.59,-3.846 -8.59,-8.589 0,-4.744 3.846,-8.59 8.59,-8.59 h 11.452 c 4.744,0 8.589,3.846 8.589,8.59 0,4.743 -3.845,8.589 -8.589,8.589"
id="path16"
inkscape:connector-curvature="0"
style="display:none;fill:#1e428a" />
<path
display="none"
clip-path="url(#SVGID_2_)"
d="M 516.538,241.878 H 253.132 c -8.848,0 -11.452,4.644 -11.452,11.453 v 57.262 c 0,6.808 2.604,11.452 11.452,11.452 h 263.406 c 8.848,0 11.452,-4.644 11.452,-11.452 v -57.262 c 0,-6.809 -2.604,-11.453 -11.452,-11.453 m -27.218,48.673 h -11.452 c -4.744,0 -8.59,-3.846 -8.59,-8.589 0,-4.744 3.846,-8.59 8.59,-8.59 h 11.452 c 4.744,0 8.589,3.846 8.589,8.59 0,4.743 -3.845,8.589 -8.589,8.589"
id="path18"
inkscape:connector-curvature="0"
style="display:none;fill:#1e428a" />
<polygon
clip-path="url(#SVGID_2_)"
points="231.842,250.879 100.535,373.088 231.842,495.002 231.842,469.299 128.881,373.704 231.842,277.877 "
id="polygon20"
style="fill:#1e428a" />
<polygon
clip-path="url(#SVGID_2_)"
points="536.158,251.495 667.465,373.704 536.158,495.617 536.158,469.915 639.119,374.32 536.158,278.493 "
id="polygon22"
style="fill:#1e428a" />
<g
clip-path="url(#SVGID_2_)"
id="g30">
<path
d="m 248.757,303.92 c 0,-8.412 2.635,-14.93 7.909,-19.551 5.271,-4.621 11.642,-6.932 19.106,-6.932 7.226,0 13.447,2.341 18.662,7.021 5.212,4.682 7.82,11.169 7.82,19.462 0,6.637 -2.844,12.739 -8.531,18.307 -5.688,5.571 -11.85,8.354 -18.484,8.354 -7.229,0 -13.45,-2.666 -18.662,-7.998 -5.215,-5.333 -7.82,-11.554 -7.82,-18.663 z m 27.015,170.803 c -7.348,0 -13.686,-2.371 -19.018,-7.109 -5.332,-4.738 -7.998,-11.375 -7.998,-19.906 0,-7.227 2.546,-13.447 7.643,-18.662 5.093,-5.213 11.375,-7.82 18.84,-7.82 7.465,0 13.833,2.577 19.106,7.731 5.271,5.154 7.909,11.405 7.909,18.751 0,8.414 -2.638,15.019 -7.909,19.817 -5.273,4.798 -11.463,7.198 -18.573,7.198 z"
id="path24"
inkscape:connector-curvature="0"
style="fill:#1e428a" />
<path
d="m 413.313,278.357 -49.766,204.928 c -1.661,6.754 -3.11,12.086 -4.354,15.996 -1.244,3.91 -3.141,6.963 -5.688,9.153 -2.549,2.19 -6.251,3.288 -11.108,3.288 -12.086,0 -18.129,-5.213 -18.129,-15.641 0,-2.725 1.183,-9.537 3.555,-20.439 l 49.588,-204.928 c 2.605,-10.9 5.094,-18.365 7.465,-22.395 2.369,-4.027 6.99,-6.043 13.863,-6.043 5.924,0 10.455,1.422 13.597,4.266 3.138,2.844 4.71,6.754 4.71,11.73 0,3.676 -1.244,10.371 -3.733,20.085 z"
id="path26"
inkscape:connector-curvature="0"
style="fill:#1e428a" />
<path
d="m 515.511,278.357 -49.766,204.928 c -1.66,6.754 -3.11,12.086 -4.354,15.996 -1.244,3.91 -3.142,6.963 -5.688,9.153 -2.55,2.19 -6.251,3.288 -11.108,3.288 -12.086,0 -18.129,-5.213 -18.129,-15.641 0,-2.725 1.184,-9.537 3.555,-20.439 l 49.588,-204.928 c 2.604,-10.9 5.093,-18.365 7.465,-22.395 2.369,-4.027 6.99,-6.043 13.863,-6.043 5.924,0 10.456,1.422 13.597,4.266 3.138,2.844 4.71,6.754 4.71,11.73 -10e-4,3.676 -1.245,10.371 -3.733,20.085 z"
id="path28"
inkscape:connector-curvature="0"
style="fill:#1e428a" />
</g>
</g>
</g>
<g
id="Layer_2"
display="none"
style="display:none"
transform="translate(-100.535,-242.276)">
<g
display="inline"
id="g47"
style="display:inline">
<path
d="m 334.449,236.62 c 31.741,-25.753 115.664,-64.535 164.808,-64.535 5.135,-2.943 15.104,-13.686 6.462,-18.25 -55.411,0 -153.688,43.629 -192.851,82.785 h 11.466 z"
id="path35"
inkscape:connector-curvature="0"
style="fill:#1e428a" />
<path
d="m 238.758,596.505 c -26.756,0 -50.225,-6.693 -67.249,-20.096 -7.58,-6.394 -40.839,-39.548 -19.129,-114.436 2.318,-7.398 4.751,-15 6.92,-23.34 1.042,-4.104 -4.755,-9.694 -8.271,-5.239 -3.642,4.749 -6.675,10.457 -9.213,16.704 h -0.003 c 0,0 -19.956,43.365 -11.436,88.068 2.654,17.143 9.445,31.629 19.5,43.2 0.046,0.062 0.091,0.116 0.137,0.176 l 0.021,-0.003 c 18.557,21.228 48.069,32.625 82.92,32.625 88.391,0 188.185,-48.084 259.385,-105.107 h -20.91 c -63.305,46.952 -159.015,87.448 -232.672,87.448 z"
id="path37"
inkscape:connector-curvature="0"
style="fill:#1e428a" />
<path
d="m 425.86,324.466 h 101.784 v -82.487 c -28.955,0 -50.581,0 -66.459,0 -0.142,0 -9.951,0 -38.955,0 -32.205,0 -88.075,0 -180.654,0 v 82.487 h 101.791 c 0,32.218 0,64.311 0,96.526 h -101.79 v 82.172 h 286.068 c 0,-82.091 0,-54.263 0,-82.172 H 425.86 Z"
id="path39"
inkscape:connector-curvature="0"
style="fill:#1e428a" />
<polygon
points="335.913,331.925 234.119,331.925 234.119,241.978 104.245,372.729 234.119,503.164 234.119,413.534 335.913,413.534 "
id="polygon41"
style="fill:#1e428a" />
<polygon
points="535.111,331.925 433.315,331.925 433.315,413.534 535.111,413.534 535.111,503.164 664.981,372.729 535.111,241.979 "
id="polygon43"
style="fill:#1e428a" />
<path
d="m 625.325,260.375 c 0,17.493 -1.806,31.271 -7.317,47.901 -1.72,7.127 -0.193,11.029 6.938,6.653 9.415,-14.35 12.826,-40.205 12.826,-57.594 0,-54.654 -26.603,-93.052 -82.116,-103.222 -7.223,1.716 -12.44,11.981 -6.651,18.251 45.05,2.758 76.32,45.434 76.32,88.011 z"
id="path45"
inkscape:connector-curvature="0"
style="fill:#1e428a" />
</g>
</g>
</svg>
\ No newline at end of file
templates/main.html
View file @ 332d82e9
......@@ -9,47 +9,61 @@ A copy of the MIT license can be obtained at https://mit-license.org/
<head>
<meta charset="UTF-8">
<title>{{ config.site_name }}</title>
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='ia.css') }}">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="form">
<h2>{{ config.site_name }}</h2>
<form class="pure-form">
<p>
<input name="long" type="url" placeholder="Long URL">
</p>
<p>
<input name="short" type="text" placeholder="Custom link (optional)">
</p>
<p>
<button type="submit" class="pure-button pure-button-primary" formmethod="post">Shorten</button>
</p>
</form>
<div id="top">
<div id="header">
<div id="logo" class="drop-shadow">
<img src="{{ url_for('static', filename='ictsv-logo-white.svg') }}" alt="logo">
</div>
<div id="title" class="drop-shadow">
I.C.T.S.V. URL Shortener
</div>
</div>
</div>
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
{% if category == 'success' %}
<div class="success">
✓ Shortlink successfully generated! Available at <a href="{{ message }}">{{ message }}</a>
</div>
{% elif category == 'error' %}
<div class="error">
✖ {{ message }}
<div id="middle">
<div id="content">
<div class="clearfix"></div>
<div id="box" class="align-self-center col-xl-4 col-lg-4 col-md-6 col-sm-10 col-xs-12">
<div class="form">
<h3 id="box-title">Shorten URL</h3>
<form>
<div id="long-url-box">
<span class="prepend">≫</span>
<input id="long-url" name="long" type="url" placeholder="Paste a long URL...">
<button id="submit" type="submit" class="btn btn-primary" formmethod="post">Shorten</button>
</div>
<div id="custom-link-box">
<div class="optional">Optional short link ending:</div>
<label id="custom-label" for="custom-link">
<span class="url">{% if config.site_domain %}{{ config.site_domain }}{% else %}{{ request.host }}{% endif %}/</span>
<input id="custom-link" name="short" type="text" placeholder="Custom">
</label>
</div>
</form>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endwith %}
{% if config.show_github_link %}
<div class="github">
<a href="https://github.com/132ikl/liteshort">
<img src="{{ url_for('static', filename='GitHub.svg') }}">
</a>
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
{% if category == 'success' %}
<div class="success">
<span>✓ Short link successfully generated!</span>
<a href="{{ message }}">{{ message }}</a>
</div>
{% elif category == 'error' %}
<div class="error">
✖ {{ message }}
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endwith %}
</div>
</div>
{% endif %}
</div>
</body>
</html>
\ No newline at end of file
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment