From 73ff62358f40789a9dfc1fb52117167b436b9e9d Mon Sep 17 00:00:00 2001
From: Sharanya A
Date: Wed, 10 Jul 2019 15:31:27 +0530
Subject: Added header footer changes again
---
fossee_manim/static/img/info.svg | 337 +++++++++++++++++++++++++
fossee_manim/templates/fossee_manim/index.html | 155 +++++++-----
2 files changed, 423 insertions(+), 69 deletions(-)
create mode 100644 fossee_manim/static/img/info.svg
(limited to 'fossee_manim')
diff --git a/fossee_manim/static/img/info.svg b/fossee_manim/static/img/info.svg
new file mode 100644
index 0000000..af388d4
--- /dev/null
+++ b/fossee_manim/static/img/info.svg
@@ -0,0 +1,337 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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"
+ width="420.94101mm"
+ height="182.83914mm"
+ viewBox="0 0 420.94101 182.83914"
+ version="1.1"
+ id="svg6419"
+ inkscape:version="0.92.4 (unknown)"
+ sodipodi:docname="info.svg">
+ <defs
+ id="defs6413" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="0.35"
+ inkscape:cx="361.19335"
+ inkscape:cy="242.66568"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ inkscape:window-width="1920"
+ inkscape:window-height="1042"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1" />
+ <metadata
+ id="metadata6416">
+ <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>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(108.41693,-30.19948)">
+ <flowRoot
+ xml:space="preserve"
+ id="flowRoot4107"
+ style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#e45700;fill-opacity:1;stroke:none"
+ transform="matrix(0.26458333,0,0,0.26458333,-32.728761,-163.14351)"><flowRegion
+ id="flowRegion4109"
+ style="fill:#e45700;fill-opacity:1"><rect
+ id="rect4111"
+ width="520"
+ height="80.000008"
+ x="320"
+ y="740"
+ style="fill:#e45700;fill-opacity:1" /></flowRegion><flowPara
+ id="flowPara4113"
+ style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:42.66666794px;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, Semi-Bold';fill:#e45700;fill-opacity:1">HOW THIS WORKS</flowPara></flowRoot> <text
+ xml:space="preserve"
+ style="font-style:normal;font-weight:normal;font-size:10.58333302px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+ x="-88.870346"
+ y="184.46973"
+ id="text4254"><tspan
+ sodipodi:role="line"
+ id="tspan4252"
+ x="-88.870346"
+ y="184.46973"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';fill:#666666;fill-opacity:1;stroke-width:0.26458332">Create Account</tspan></text>
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-weight:normal;font-size:7.05555534px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+ x="2.9622157"
+ y="75.045181"
+ id="text4254-8"><tspan
+ sodipodi:role="line"
+ id="tspan4252-2"
+ x="2.9622166"
+ y="75.045181"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332">Submit Proposal</tspan><tspan
+ sodipodi:role="line"
+ x="2.9622161"
+ y="82.65451"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332"
+ id="tspan4292">Stage 1 <tspan
+ style="font-size:7.76111126px;fill:#ff0000;fill-opacity:1;stroke-width:0.26458332"
+ id="tspan1549">*</tspan></tspan></text>
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-weight:normal;font-size:7.05555534px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+ x="69.092598"
+ y="184.58263"
+ id="text4254-8-7"><tspan
+ sodipodi:role="line"
+ id="tspan4252-2-8"
+ x="69.092598"
+ y="184.58263"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332">Submit Proposal</tspan><tspan
+ sodipodi:role="line"
+ x="69.092598"
+ y="192.19196"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332"
+ id="tspan4292-8">Stage 2 <tspan
+ style="font-size:7.76111126px;fill:#ff0000;fill-opacity:1;stroke-width:0.26458332"
+ id="tspan1551">*</tspan></tspan></text>
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-weight:normal;font-size:7.05551338px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458174"
+ x="133.99611"
+ y="76.022163"
+ id="text4254-8-7-3"
+ transform="scale(0.9999941,1.0000059)"><tspan
+ sodipodi:role="line"
+ x="134.91251"
+ y="76.022163"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05551338px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458174"
+ id="tspan4292-8-3">Create </tspan><tspan
+ sodipodi:role="line"
+ x="133.99611"
+ y="83.077675"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05551338px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458174"
+ id="tspan4667">Animation</tspan></text>
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-weight:normal;font-size:7.05555534px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+ x="178.55901"
+ y="184.58263"
+ id="text4254-8-7-3-5"><tspan
+ sodipodi:role="line"
+ x="178.55901"
+ y="184.58263"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';fill:#666666;fill-opacity:1;stroke-width:0.26458332"
+ id="tspan4292-8-3-6">Upload Video</tspan></text>
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-weight:normal;font-size:7.05555534px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+ x="267.45627"
+ y="76.114334"
+ id="text4254-8-7-3-5-9"><tspan
+ sodipodi:role="line"
+ x="268.37265"
+ y="76.114334"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332"
+ id="tspan4292-8-3-6-1">Get Certificate </tspan><tspan
+ sodipodi:role="line"
+ x="267.45627"
+ y="83.169891"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332"
+ id="tspan4620">& Honorarium</tspan></text>
+ <path
+ d="m -25.279841,130.12754 c 0,13.50323 -7.20507,25.9736 -18.89438,32.72507 -11.68933,6.75162 -26.099473,6.75162 -37.788799,0 -11.689336,-6.75147 -18.89439,-19.22184 -18.89439,-32.72507 h 9.447197 c 0,10.1275 5.403794,19.48013 14.170789,24.5438 8.766983,5.06368 19.574593,5.06368 28.341573,0 8.76704,-5.06367 14.17082,-14.4163 14.17082,-24.5438 z"
+ pointer-events="none"
+ id="path3271"
+ inkscape:connector-curvature="0"
+ style="display:inline;fill:#a0e6ee;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+ <path
+ d="m -34.727031,130.12754 c 0,-20.87198 16.91678,-37.788748 37.78879,-37.788748 20.872,0 37.78878,16.916768 37.78878,37.788748 h -9.44719 c 0,-15.65083 -12.69073,-28.34153 -28.34159,-28.34153 -15.65086,0 -28.3416,12.6907 -28.3416,28.34153 z"
+ pointer-events="none"
+ id="path3273"
+ inkscape:connector-curvature="0"
+ style="display:inline;fill:#1facb3;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+ <path
+ d="m 106.98093,130.12754 c 0,13.50323 -7.205061,25.9736 -18.894401,32.72507 -11.68934,6.75162 -26.09946,6.75162 -37.78878,0 -11.68935,-6.75147 -18.8944,-19.22184 -18.8944,-32.72507 h 9.44719 c 0,10.1275 5.4038,19.48013 14.17079,24.5438 8.76701,5.06368 19.5746,5.06368 28.34159,0 8.76701,-5.06367 14.1708,-14.4163 14.1708,-24.5438 z"
+ pointer-events="none"
+ id="path3275"
+ inkscape:connector-curvature="0"
+ style="display:inline;fill:#157b80;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+ <path
+ d="m 97.533719,130.12754 c 0,-20.87198 16.916791,-37.788748 37.788811,-37.788748 20.872,0 37.78877,16.916768 37.78877,37.788748 h -9.44719 c 0,-15.65083 -12.69073,-28.34153 -28.34158,-28.34153 -15.65088,0 -28.3416,12.6907 -28.3416,28.34153 z"
+ pointer-events="none"
+ id="path3277"
+ inkscape:connector-curvature="0"
+ style="display:inline;fill:#f86500;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+ <path
+ d="m 239.24168,130.12754 c 0,13.50323 -7.20508,25.9736 -18.89439,32.72507 -11.68932,6.75162 -26.09946,6.75162 -37.78877,0 -11.68935,-6.75147 -18.89441,-19.22184 -18.89441,-32.72507 h 9.44719 c 0,10.1275 5.4038,19.48013 14.17082,24.5438 8.767,5.06368 19.57456,5.06368 28.34156,0 8.76699,-5.06367 14.17082,-14.4163 14.17082,-24.5438 z"
+ pointer-events="none"
+ id="path3279"
+ inkscape:connector-curvature="0"
+ style="display:inline;fill:#e45700;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+ <circle
+ cx="-63.068657"
+ cy="130.12785"
+ pointer-events="none"
+ id="ellipse3281"
+ r="15.74533"
+ style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#a0e6ee;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ <circle
+ cx="3.0617487"
+ cy="130.12785"
+ pointer-events="none"
+ id="ellipse3283"
+ r="15.74533"
+ style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#1facb3;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ <circle
+ cx="69.192101"
+ cy="130.12785"
+ pointer-events="none"
+ id="ellipse3285"
+ r="15.74533"
+ style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#157b80;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ <circle
+ cx="135.32259"
+ cy="130.12785"
+ pointer-events="none"
+ id="ellipse3287"
+ r="15.74533"
+ style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#f86500;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ <circle
+ cx="201.45299"
+ cy="130.12785"
+ pointer-events="none"
+ id="ellipse3289"
+ r="15.74533"
+ style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#e45700;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ <path
+ d="m 229.7945,130.12754 c 0,-20.87198 16.91677,-37.788748 37.7888,-37.788748 20.872,0 37.78877,16.916768 37.78877,37.788748 h -9.44722 c 0,-15.65083 -12.69068,-28.34153 -28.34155,-28.34153 -15.6509,0 -28.34162,12.6907 -28.34162,28.34153 z"
+ pointer-events="none"
+ id="path3453"
+ inkscape:connector-curvature="0"
+ style="display:inline;fill:#dd1100;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+ <circle
+ cx="267.58334"
+ cy="130.12785"
+ pointer-events="none"
+ id="ellipse3455"
+ r="15.74533"
+ style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#dd1100;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ <path
+ id="path8657-6"
+ d="m 208.5311,128.24043 c -0.65484,-3.32252 -3.57277,-5.8167 -7.07813,-5.8167 -2.7831,0 -5.20026,1.57932 -6.40403,3.8906 -2.89867,0.30811 -5.1521,2.76387 -5.1521,5.73961 0,3.18749 2.59048,5.77803 5.77805,5.77803 h 12.51916 c 2.65792,0 4.81507,-2.15711 4.81507,-4.81504 0,-2.54243 -1.97419,-4.60318 -4.47802,-4.7765 z m -5.1521,2.8504 v 3.85207 h -3.85207 v -3.85207 h -2.88904 l 4.81508,-4.81504 4.81504,4.81504 z"
+ inkscape:connector-curvature="0"
+ style="display:inline;fill:#e45700;fill-opacity:1;stroke-width:0.96301138" />
+ <g
+ style="display:inline"
+ id="g9073"
+ transform="matrix(1.1227788,0,0,1.1227788,-10.411601,116.65449)">
+ <path
+ id="path9059"
+ d="M 0,0 H 24 V 24 H 0 Z"
+ inkscape:connector-curvature="0"
+ style="fill:none" />
+ <path
+ id="path9061"
+ d="M 19,3 H 14.82 C 14.4,1.84 13.3,1 12,1 10.7,1 9.6,1.84 9.18,3 H 5 C 3.9,3 3,3.9 3,5 v 14 c 0,1.1 0.9,2 2,2 h 14 c 1.1,0 2,-0.9 2,-2 V 5 C 21,3.9 20.1,3 19,3 Z m -7,0 c 0.55,0 1,0.45 1,1 0,0.55 -0.45,1 -1,1 -0.55,0 -1,-0.45 -1,-1 0,-0.55 0.45,-1 1,-1 z m 2,14 H 7 v -2 h 7 z m 3,-4 H 7 V 11 H 17 Z M 17,9 H 7 V 7 h 10 z"
+ inkscape:connector-curvature="0"
+ style="fill:#1facb3;fill-opacity:1" />
+ </g>
+ <g
+ style="display:inline"
+ id="g9188"
+ transform="matrix(1.2740203,0,0,1.2740203,-78.356902,114.83963)">
+ <path
+ id="path9174"
+ d="M 12,2 C 6.48,2 2,6.48 2,12 2,17.52 6.48,22 12,22 17.52,22 22,17.52 22,12 22,6.48 17.52,2 12,2 Z m 0,3 c 1.66,0 3,1.34 3,3 0,1.66 -1.34,3 -3,3 C 10.34,11 9,9.66 9,8 9,6.34 10.34,5 12,5 Z m 0,14.2 c -2.5,0 -4.71,-1.28 -6,-3.22 0.03,-1.99 4,-3.08 6,-3.08 1.99,0 5.97,1.09 6,3.08 -1.29,1.94 -3.5,3.22 -6,3.22 z"
+ inkscape:connector-curvature="0"
+ style="fill:#a0e6ee;fill-opacity:1" />
+ <path
+ id="path9176"
+ d="M 0,0 H 24 V 24 H 0 Z"
+ inkscape:connector-curvature="0"
+ style="fill:none" />
+ </g>
+ <g
+ id="g9254"
+ transform="matrix(1.1515924,0,0,1.1462593,121.50352,116.37274)"
+ style="display:inline;stroke-width:2.01574802;stroke-miterlimit:4;stroke-dasharray:none">
+ <path
+ id="path9240"
+ d="M 18,3 V 5 H 16 V 3 H 8 V 5 H 6 V 3 H 4 v 18 h 2 v -2 h 2 v 2 h 8 v -2 h 2 v 2 h 2 V 3 Z M 8,17 H 6 V 15 H 8 Z M 8,13 H 6 V 11 H 8 Z M 8,9 H 6 V 7 h 2 z m 10,8 h -2 v -2 h 2 z m 0,-4 h -2 v -2 h 2 z M 18,9 H 16 V 7 h 2 z"
+ inkscape:connector-curvature="0"
+ style="fill:#f86500;fill-opacity:1;stroke-width:2.01574802;stroke-miterlimit:4;stroke-dasharray:none" />
+ <path
+ id="path9242"
+ d="M 0,0 H 24 V 24 H 0 Z"
+ inkscape:connector-curvature="0"
+ style="fill:none;stroke-width:2.01574802;stroke-miterlimit:4;stroke-dasharray:none" />
+ </g>
+ <g
+ style="display:inline"
+ id="g10313"
+ transform="matrix(1.2158869,0,0,0.93828703,252.99272,118.86839)">
+ <path
+ id="path10299"
+ d="M 0,0 H 24 V 24 H 0 Z"
+ inkscape:connector-curvature="0"
+ style="fill:none" />
+ <path
+ id="path10301"
+ d="M 18,2 H 6 C 4.9,2 4,2.9 4,4 v 16 c 0,1.1 0.9,2 2,2 h 12 c 1.1,0 2,-0.9 2,-2 V 4 C 20,2.9 19.1,2 18,2 Z M 6,4 h 5 v 8 L 8.5,10.5 6,12 Z"
+ inkscape:connector-curvature="0"
+ style="fill:#dd1100;fill-opacity:1" />
+ </g>
+ <g
+ style="display:inline"
+ id="g10556"
+ transform="matrix(1.0745233,0,0,1.0745233,56.297839,117.23358)">
+ <path
+ id="path10542"
+ d="M 20,4 H 4 C 2.9,4 2.01,4.9 2.01,6 L 2,18 c 0,1.1 0.9,2 2,2 h 16 c 1.1,0 2,-0.9 2,-2 V 6 C 22,4.9 21.1,4 20,4 Z M 20,8 12,13 4,8 V 6 l 8,5 8,-5 z"
+ inkscape:connector-curvature="0"
+ style="fill:#157b80;fill-opacity:1" />
+ <path
+ id="path10544"
+ d="M 0,0 H 24 V 24 H 0 Z"
+ inkscape:connector-curvature="0"
+ style="fill:none" />
+ </g>
+ <text
+ id="text1574"
+ y="202.61253"
+ x="169.00014"
+ style="font-style:normal;font-weight:normal;font-size:10.58333302px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#444444;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+ xml:space="preserve"><tspan
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1;font-family:Lato;-inkscape-font-specification:Lato;fill:#444444;fill-opacity:1;stroke-width:0.26458332"
+ y="202.61253"
+ x="169.00014"
+ id="tspan1571"
+ sodipodi:role="line"><tspan
+ style="font-size:7.05555534px;fill:#444444;fill-opacity:1;stroke-width:0.26458332"
+ id="tspan1638">*</tspan> marked steps include <tspan
+ style="font-style:italic;font-weight:bold;fill:#444444;fill-opacity:1;stroke-width:0.26458332"
+ id="tspan1646">in</tspan><tspan
+ style="font-style:italic;font-weight:bold;fill:#444444;fill-opacity:1;stroke-width:0.26458332"
+ id="tspan1644">teraction with moderators</tspan></tspan></text>
+ </g>
+</svg>
diff --git a/fossee_manim/templates/fossee_manim/index.html b/fossee_manim/templates/fossee_manim/index.html
index dd85d66..5e4062a 100644
--- a/fossee_manim/templates/fossee_manim/index.html
+++ b/fossee_manim/templates/fossee_manim/index.html
@@ -3,7 +3,7 @@
<head>
<title>FOSSEE Animations</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
- <link href="https://fonts.googleapis.com/css?family=Raleway|Lato&display=swap" rel="stylesheet">
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
@@ -21,49 +21,56 @@
.bck_clr{
background-color: #222222;
}
+ .fa{
+ padding: 10px;
+ }
</style>
- </head>
- <body>
- <!--<div class="container-fluid">-->
+ </head>
+
+ <body>
+ <!--<div class="container-fluid">-->
<div class="col-md-12">
<nav class="navbar navbar-expand-lg navbar-light row bck_clr fixed-top" style="padding-top: 20px; padding-bottom: 20px;">
<a class="navbar-brand" href="#">
- <img src="{{ URL_ROOT }}/static/img/logo_main.png" width="150" height="33.75" alt="" style="margin-right: 50px; margin-left: 20px">
- </a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
+ <img src="{{ URL_ROOT }}/static/img/logo_main.png" width="150" height="33.75" alt="Main_Logo" style="margin-right: 50px; margin-left: 20px">
+ </a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
</button>
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
- <form class="form-inline" style="margin-left: 10px; margin-top: 10px">
- <input class="form-control mr-sm-2" type="text" placeholder="Search for animations">
- <button class="btn btn-primary my-2 my-sm-0" type="submit">
- Search
- </button>
- </form>
-
- <ul class="navbar-nav ml-md-auto">
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" style="color:white">Login / Register</a>
- <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
- <a class="dropdown-item" href="{% url 'login' %}">Login</a>
- <div class="dropdown-divider">
- </div> <a class="dropdown-item" href="register">Register</a>
- </div>
- </li>
- </ul>
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ <form class="form-inline" id="search_bar" method="POST" action="/search/" style="margin-left: 10px; margin-top: 10px ">
+ {% csrf_token %}
+ <input class="form-control mr-sm-2" type="search" id="search_tab" placeholder="Search">
+ <button class="btn btn-primary my-2 my-sm-0" type="submit">
+ Search
+ </button>
+ </form>
+
+ <ul class="navbar-nav ml-md-auto">
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" style="color:white">Login / Register</a>
+ <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
+ <a class="dropdown-item" href="{% url 'login' %}">Login</a>
+ <div class="dropdown-divider">
+ </div>
+ <a class="dropdown-item" href="{% url 'register' %}">Register</a>
+ </div>
+ </li>
+ </ul>
+
</div>
</nav>
<!-- Remove sticky-top if the buttons are not supposed to scroll down-->
- <div class="jumbotron row sticky-top" style="padding-top: 100px; padding-bottom: 0.2%; margin-bottom: 0px; color:#dddddd">
- <div class="btn-group btn-group-lg" role="group">
- <button class="btn btn-link perma_link" type="button"><a href="#" style="color:#157b80">About</a></button>
- <button class="btn btn-link perma_link" type="button"><a href="{% url 'guidelines' %}" style="color:#222222">Guidelines</a></button>
- <button class="btn btn-link perma_link" type="button"><a href="{% url 'faqs' %}" style="color:#222222">FAQ</a></button>
- <button class="btn btn-link perma_link" type="button"><a href="{% url 'honorarium' %}" style="color:#222222">Honorarium</a></button>
- <button class="btn btn-link perma_link" type="button"><a href="{% url 'send_proposal' %}" style="color:#dd1100">Submit Proposal</a></button>
- </div>
+ <div class="jumbotron row sticky-top" style="padding-top: 90px; padding-bottom: 0.2%; margin-bottom: 0px; color:#dddddd">
+ <div class="btn-group btn-group-lg" role="group">
+ <button class="btn btn-link perma_link" type="button"><a href="#" style="color:#157b80">About</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'guidelines' %}" style="color:#222222">Guidelines</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'faqs' %}" style="color:#222222">FAQ</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'honorarium' %}" style="color:#222222">Honorarium</a></button>
+ <button class="btn btn-link perma_link" type="button"><a href="{% url 'send_proposal' %}" style="color:#dd1100">Submit Proposal</a></button>
+ </div>
</div>
<div id="carouselExampleIndicators" class="carousel slide row" data-ride="carousel" style="margin-top: 0px">
@@ -74,18 +81,17 @@
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
- <img class="d-block w-100" src="https://i.imgur.com/ruP33nb.png" alt="First slide" height=800>
- <!-- img res here-->
+ <img class="d-block w-100" src="https://i.imgur.com/ruP33nb.png" alt="First slide" height=650>
<div class="carousel-caption d-none d-md-block">
<h5>FOSSEE Animations</h5>
<p>some stuff</p>
</div>
</div>
<div class="carousel-item">
- <img class="d-block w-100" src="https://i.imgur.com/FgdE4et.png" alt="Second slide" height=800>
+ <img class="d-block w-100" src="https://i.imgur.com/FgdE4et.png" alt="Second slide" height=650>
</div>
<div class="carousel-item">
- <img class="d-block w-100" src="https://i.imgur.com/b7lbXaX.png" alt="Third slide" height=800>
+ <img class="d-block w-100" src="https://i.imgur.com/b7lbXaX.png" alt="Third slide" height=650>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
@@ -102,46 +108,57 @@
<!--Infographics-->
<div class="jumbotron row text-center" style="background-color: white"> <!-- style="background-image: url(''); background-size: cover;">-->
-
-
- <div class="container text-center">
+ <div class="container text-center">
<h1 style="color: #e45700"><b>HOW IT WORKS</b></h1>
- <img class="img-fluid d-block text-center" width="100%" src="{{ URL_ROOT }}/static/img/info.svg" alt="...">
- </div>
-
+ <img class="img-fluid d-block text-center" width="100%" src="{{ URL_ROOT }}/static/img/info.svg" alt="Infographic">
+ </div>
</div>
<!--Footer-->
- <div class="row" style="background-color: #222222;">
- <div class="col-md-4">
- <center>
- <img src="https://animations.fossee.in/static/img/fossee_logo_iitb.png" width = 200; style="margin:50px; float:left">
- </center>
- </div>
- <div class="col-md-3" style="color: white; margin:50px; float:right">
- FOSSEE, IIT-Bombay <br>
- Mumbai, India <br>
- Phone: (+91) 22-2576-4133 <br>
- Email: animations[at]fossee[dot]in
- </div>
-
- <div class="col-md-3" style="margin:50px">
- <a style="color:white;" href="https://python.fossee.in/about/" target="_blank">About Us </a>
- </div>
- <!-- </div> -->
- <div class="row" style="background-color: #444444;">
- <hr style="color:white;">
- <div class="col-md-10 mx-auto" style="background-color: #444444; color:white; text-align: center; margin: 0.5%; ">
- The FOSSEE project is funded by the National Mission on Education through ICT, MHRD, Government of India.
- This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
-
- </div>
+
+ <div class="jumbotron row" style="background-color: #222222; margin-bottom: 0px; border-radius: 0 !important;">
+
+
+
+
+ <div class="container">
+ <div class="row">
+ <div class="col-md text-center">
+ <img src="https://animations.fossee.in/static/img/fossee_logo_iitb.png" style="">
+ </div>
+
+ <div class="col-md text-center" style="color:#e9ecef; margin-top: 15px">
+ <b>FOSSEE | IIT-Bombay </b><br>
+ <b>Mumbai, India </b> - 400-076 <br>
+ <b>Phone:</b> (+91) 22-2576-4133<br>
+ <b>Email:</b> animations@fossee.in
+ </div>
+ <div class="col-md text-center" style="color:#e9ecef; margin-top: 15px">
+ <b>Follow us on:</b><br/>
+ <a href="#" class="fa fa-twitter"></a>
+ <a href="#" class="fa fa-instagram"></a>
+ <a href="#" class="fa fa-facebook"></a>
+ <a href="#" class="fa fa-github"></a>
</div>
+ </div>
+ <hr/>
+ <div class="text-center row" style="color: #e9ecef; color:white; padding:10px; margin-left: 10px; text-align:center">
+ The FOSSEE project is funded by the National Mission on Education through ICT, MHRD, Government of India.
+ This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
+ </div>
+
+ </div>
+
+ </div>
+
+ <div class="row col-md-12 text-center" style="background-color: #444444; width: 100%;">
+
+ </div>
</div>
-
+
</body>
</html>
--
cgit