diff options
| -rw-r--r-- | fossee_manim/static/img/info.svg | 337 | ||||
| -rw-r--r-- | fossee_manim/templates/fossee_manim/index.html | 155 |
2 files changed, 423 insertions, 69 deletions
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> |
