Skip to content

P
Pariksha
Commit 9b94e89a authored by Sanchit's avatar Sanchit
Browse files
Options

UI of login,signup and student dashboard

parent 019cb406
Show whitespace changes
Inline Side-by-side
Showing with 691 additions and 15 deletions
QuizSystem/urls.py
View file @ 9b94e89a
......@@ -35,6 +35,7 @@ urlpatterns = [
path('result/',a.result,name="result"),
url('instructor/',a.instructor),
url('quizTable/',a.quizTable),
path('ongoing_quiz/',a.ongoing_quiz),
path('uploaded/',a.upload_file,name="uploaded"), path('sign_up/',a.sign_up,name="sign-up"), path('accounts/',include('django.contrib.auth.urls')),
path('create_quiz/',a.create_quiz),
path('add_quiz/',a.add_quiz),
......
quiz/static/img/ongoing_quiz.svg 0 → 100644
View file @ 9b94e89a
<svg id="e18ebc6e-17e0-463f-bef8-5e03a9b69a2f" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="941.40412" height="435.42027" viewBox="0 0 941.40412 435.42027"><title>online_test</title><path d="M213.79147,646.81347l-1.26717-.475c-.27846-.10493-27.99252-10.72312-40.975-34.79939-12.983-24.07742-6.62584-53.06672-6.56012-53.35613l.29921-1.32021,1.26659.475c.27846.10493,27.99194,10.72312,40.975,34.79939,12.983,24.07742,6.62585,53.06672,6.56012,53.35613Zm-40.16325-36.39516c10.97621,20.35661,32.87672,30.79147,38.42564,33.17362,1.055-5.94729,4.36362-29.99705-6.60278-50.33406-10.96525-20.33472-32.87441-30.78572-38.42564-33.17363C165.96985,566.035,162.6624,590.08244,173.62822,610.41831Z" transform="translate(-129.29794 -232.28986)" fill="#3f3d56"/><path d="M181.47093,603.09347c23.33121,14.03683,32.3168,41.91784,32.3168,41.91784s-28.84178,5.12282-52.173-8.914-32.3168-41.91784-32.3168-41.91784S158.13972,589.05664,181.47093,603.09347Z" transform="translate(-129.29794 -232.28986)" fill="#d0cde1"/><path d="M928.14845,237.65218H667.97885v-5.36232h-117.971v5.36232H288.76576a17.59851,17.59851,0,0,0-17.59851,17.59852V611.50288a17.59856,17.59856,0,0,0,17.59851,17.59858H928.14845A17.59856,17.59856,0,0,0,945.747,611.50288V255.2507A17.5985,17.5985,0,0,0,928.14845,237.65218Z" transform="translate(-129.29794 -232.28986)" fill="#3f3d56"/><rect x="165.46352" y="36.46377" width="627.3913" height="353.91304" fill="#6c63ff"/><circle cx="478.62294" cy="20.37681" r="6.43478" fill="#6c63ff"/><path d="M886.1358,313.7967h-29.74V284.05675h29.74Zm-28.44691-1.293h27.15387V285.34979H857.68889Z" transform="translate(-129.29794 -232.28986)" fill="#3f3d56"/><path d="M963.36275,616.23188H902.13344v-4.41154a.87468.87468,0,0,0-.87471-.8747H880.26582a.87468.87468,0,0,0-.8747.8747v4.41154H866.27055v-4.41154a.87468.87468,0,0,0-.8747-.8747H844.40294a.87468.87468,0,0,0-.87471.8747v4.41154H830.40767v-4.41154a.87468.87468,0,0,0-.87471-.8747H808.54a.87468.87468,0,0,0-.8747.8747v4.41154H794.54478v-4.41154a.87468.87468,0,0,0-.8747-.8747H772.67717a.87468.87468,0,0,0-.8747.8747v4.41154H758.6819v-4.41154a.87468.87468,0,0,0-.87471-.8747h-20.9929a.87468.87468,0,0,0-.87471.8747v4.41154H722.819v-4.41154a.87467.87467,0,0,0-.8747-.8747H700.9514a.87468.87468,0,0,0-.8747.8747v4.41154H686.95613v-4.41154a.87468.87468,0,0,0-.8747-.8747H521.637a.87468.87468,0,0,0-.8747.8747v4.41154H507.64171v-4.41154a.87468.87468,0,0,0-.8747-.8747H485.7741a.87468.87468,0,0,0-.87471.8747v4.41154H471.77883v-4.41154a.87468.87468,0,0,0-.87471-.8747H449.91121a.87468.87468,0,0,0-.8747.8747v4.41154H435.91594v-4.41154a.87468.87468,0,0,0-.8747-.8747H414.04833a.87468.87468,0,0,0-.87471.8747v4.41154H400.05306v-4.41154a.87468.87468,0,0,0-.87471-.8747H378.18544a.87468.87468,0,0,0-.8747.8747v4.41154H364.19017v-4.41154a.87468.87468,0,0,0-.8747-.8747H342.32256a.87468.87468,0,0,0-.8747.8747v4.41154H328.32729v-4.41154a.87468.87468,0,0,0-.87471-.8747h-20.9929a.87468.87468,0,0,0-.87471.8747v4.41154h-40.2364a20.99291,20.99291,0,0,0-20.99291,20.9929v9.4925a20.99291,20.99291,0,0,0,20.99291,20.99286H963.36275a20.99292,20.99292,0,0,0,20.99291-20.99286v-9.4925A20.99292,20.99292,0,0,0,963.36275,616.23188Z" transform="translate(-129.29794 -232.28986)" fill="#3f3d56"/><rect x="28.71132" y="413.88349" width="912.69281" height="2.78529" fill="#3f3d56"/><path d="M883.36954,465.96058h-202v-115h202Zm-200-2h198v-111h-198Z" transform="translate(-129.29794 -232.28986)" fill="#3f3d56"/><path d="M513.36954,488.96058h-180v-112h180Zm-178-2h176v-108h-176Z" transform="translate(-129.29794 -232.28986)" fill="#3f3d56"/><path d="M417.46378,445.96058l-.17236-2.23633c-.51563-4.64356,1.03223-9.71777,5.332-14.87695,3.87012-4.5586,6.02-7.91211,6.02-11.78223,0-4.38574-2.75195-7.30957-8.16992-7.39551a15.28045,15.28045,0,0,0-8.686,2.666l-2.064-5.418c2.83838-2.06445,7.74023-3.44043,12.29785-3.44043,9.89014,0,14.36182,6.10644,14.36182,12.6416,0,5.84863-3.26807,10.0625-7.396,14.96387-3.78369,4.47168-5.15967,8.25586-4.90186,12.6416l.08594,2.23633Zm-1.89209,12.04a5.08415,5.08415,0,0,1,5.15967-5.418c3.01025,0,5.07422,2.23535,5.07422,5.418a5.12129,5.12129,0,1,1-10.23389,0Z" transform="translate(-129.29794 -232.28986)" fill="#d0cde1"/><path d="M776.46378,420.96058l-.17236-2.23633c-.51563-4.64356,1.03223-9.71777,5.332-14.87695,3.87012-4.5586,6.02-7.91211,6.02-11.78223,0-4.38574-2.75195-7.30957-8.16992-7.39551a15.28045,15.28045,0,0,0-8.686,2.666l-2.064-5.418c2.83838-2.06445,7.74023-3.44043,12.29785-3.44043,9.89014,0,14.36182,6.10644,14.36182,12.6416,0,5.84863-3.26807,10.0625-7.396,14.96387-3.78369,4.47168-5.15967,8.25586-4.90186,12.6416l.08594,2.23633Zm-1.89209,12.04a5.08415,5.08415,0,0,1,5.15967-5.418c3.01025,0,5.07422,2.23535,5.07422,5.418a5.12129,5.12129,0,1,1-10.23389,0Z" transform="translate(-129.29794 -232.28986)" fill="#d0cde1"/><circle cx="482.69312" cy="260.84872" r="86.29225" fill="#2f2e41"/><polygon points="449.365 379.018 423.568 374.348 431.935 320.484 457.731 325.154 449.365 379.018" fill="#2f2e41"/><rect x="608.43233" y="564.07272" width="26.21537" height="46.9692" transform="translate(-14.69358 -333.60977) rotate(10.26106)" fill="#2f2e41"/><ellipse cx="626.08228" cy="611.19594" rx="8.1923" ry="21.84614" transform="translate(-226.21522 871.66478) rotate(-78.58697)" fill="#2f2e41"/><ellipse cx="572.1108" cy="611.25703" rx="8.1923" ry="21.84614" transform="translate(-238.2839 865.84819) rotate(-82.4537)" fill="#2f2e41"/><circle cx="488.73433" cy="239.74114" r="29.49229" fill="#fff"/><circle cx="500.85556" cy="229.16973" r="9.83076" fill="#3f3d56"/><path d="M543.91852,399.26184c-1.29768-31.94667,26.23575-59.00572,61.49764-60.43807s64.89929,23.30439,66.197,55.25107-23.21382,39.20523-58.47571,40.63758S545.21621,431.20852,543.91852,399.26184Z" transform="translate(-129.29794 -232.28986)" fill="#fff"/><ellipse cx="691.67001" cy="477.41757" rx="43.14613" ry="13.5449" transform="translate(-218.47935 -65.68735) rotate(-12.9101)" fill="#2f2e41"/><ellipse cx="522.28158" cy="505.58661" rx="43.14613" ry="13.5449" transform="translate(-229.05476 -102.82038) rotate(-12.9101)" fill="#2f2e41"/><path d="M588.29085,527.14527A19.66153,19.66153,0,0,0,626.985,534.15c1.9343-10.68509-6.32706-14.46612-17.01215-16.40043S590.22516,516.46018,588.29085,527.14527Z" transform="translate(-129.29794 -232.28986)" fill="#fff"/><rect x="154.5348" y="13.12227" width="141.88698" height="134.9673" fill="#d0cde1"/><rect x="170.65832" y="29.24579" width="109.63994" height="83.84231" fill="#fff"/><rect x="170.54973" y="122.97937" width="59.63671" height="3.13877" fill="#f2f2f2"/><rect x="170.54973" y="132.3957" width="59.63671" height="3.13877" fill="#f2f2f2"/><circle cx="190.16707" cy="71.18959" r="12.5551" fill="#3f3d56"/><circle cx="225.47829" cy="71.18959" r="12.5551" fill="#6c63ff"/><circle cx="260.7895" cy="71.18959" r="12.5551" fill="#e6e6e6"/><circle cx="225.47829" cy="20.9692" r="6.27755" fill="#3f3d56"/><rect x="222.02216" y="274.45884" width="141.88698" height="134.9673" fill="#d0cde1"/><rect x="238.14568" y="290.58236" width="109.63994" height="83.84231" fill="#fff"/><rect x="262.27176" y="304.36086" width="38.437" height="38.437" fill="#6c63ff"/><path d="M406.28392,546.26247V592.936h46.67356V546.26247Zm44.64908,44.649H408.30839V548.287H450.933Z" transform="translate(-129.29794 -232.28986)" fill="#3f3d56"/><rect x="238.0371" y="382.74656" width="59.63671" height="3.13877" fill="#f2f2f2"/><circle cx="292.96565" cy="282.30578" r="6.27755" fill="#3f3d56"/><rect x="591.4365" y="234.05278" width="141.88698" height="134.9673" fill="#d0cde1"/><rect x="607.56002" y="250.1763" width="109.63994" height="83.84231" fill="#fff"/><rect x="650.5867" y="315.8124" width="23.58659" height="6.98967" fill="#3f3d56"/><rect x="622.07157" y="261.39284" width="80.61684" height="2.99557" fill="#3f3d56"/><rect x="622.07157" y="270.87882" width="80.61684" height="2.99557" fill="#3f3d56"/><rect x="622.07157" y="280.36479" width="80.61684" height="2.99557" fill="#3f3d56"/><rect x="622.07157" y="289.85077" width="80.61684" height="2.99557" fill="#3f3d56"/><rect x="622.07157" y="299.33675" width="80.61684" height="2.99557" fill="#3f3d56"/><rect x="607.45144" y="342.3405" width="59.63671" height="3.13877" fill="#f2f2f2"/><rect x="607.45144" y="350.18743" width="83.17752" height="3.13877" fill="#f2f2f2"/><circle cx="662.37999" cy="241.89971" r="6.27755" fill="#3f3d56"/></svg>
\ No newline at end of file
quiz/static/img/previous_quiz.svg 0 → 100644
View file @ 9b94e89a
<svg id="a103f326-996f-4fea-8e69-572a052820ff" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="825.7666" height="640.565" viewBox="0 0 825.7666 640.565"><title>performance_overview</title><polygon points="479.735 627.22 288.489 627.22 294.972 542.943 473.252 542.943 479.735 627.22" fill="#e6e6e6"/><rect x="278.76465" y="617.49611" width="213.93566" height="19.4487" fill="#e6e6e6"/><path d="M937.51223,129.7175H206.5654a19.4487,19.4487,0,0,0-19.4487,19.4487V594.86549H956.96093V149.1662A19.4487,19.4487,0,0,0,937.51223,129.7175Z" transform="translate(-187.1167 -129.7175)" fill="#3f3d56"/><path d="M187.1167,594.86549V667.7981a19.44869,19.44869,0,0,0,19.4487,19.44869H937.51223a19.44869,19.44869,0,0,0,19.4487-19.44869V594.86549Z" transform="translate(-187.1167 -129.7175)" fill="#e6e6e6"/><rect x="38.89739" y="40.51812" width="693.67017" height="388.97393" fill="#e6e6e6"/><circle cx="385.73248" cy="510.52828" r="19.4487" fill="#3f3d56"/><circle cx="60.52625" cy="53.25663" r="3.69086" fill="#fff"/><circle cx="74.53585" cy="53.25663" r="3.69086" fill="#fff"/><circle cx="88.54544" cy="53.25663" r="3.69086" fill="#fff"/><path d="M983.46079,392.77548s5.94476,77.28191-2.3779,79.65981-38.04648,20.21219-85.60458,15.45638c0,0-46.36915,24.968-39.23543,1.189s39.23543-17.83429,39.23543-17.83429,57.06972-11.88953,59.44762-20.21219-7.13371-42.80229-3.56685-43.99124S983.46079,392.77548,983.46079,392.77548Z" transform="translate(-187.1167 -129.7175)" fill="#ffb8b8"/><path d="M979.46079,393.77548s5.94476,77.28191-2.3779,79.65981-38.04648,20.21219-85.60458,15.45638c0,0-46.36915,24.968-39.23543,1.189s39.23543-17.83429,39.23543-17.83429,57.06972-11.88953,59.44762-20.21219-7.13371-42.80229-3.56685-43.99124S979.46079,393.77548,979.46079,393.77548Z" transform="translate(-187.1167 -129.7175)" fill="#231f20" opacity="0.2"/><path d="M912.70176,518.097s4.17769,130.06933,11.31141,146.71466c5.94213,13.865,9.40947,59.07736,10.402,73.79462.199,2.95127.29855,4.67624.29855,4.67624s19.02324,0,20.21219-4.75581,4.75581-57.06971,0-73.71505S961.70176,525.097,961.70176,525.097Z" transform="translate(-187.1167 -129.7175)" fill="#2f2e41"/><path d="M939.46955,737.33774s-11.88952,3.56686-14.26743,8.32267-41.61334,13.07848-29.72381,19.02324,47.5581-4.75581,47.5581-4.75581,19.02324-1.18895,17.83429-8.32267-5.5188-15.92356-5.5188-15.92356Z" transform="translate(-187.1167 -129.7175)" fill="#2f2e41"/><path d="M972.76022,741.13856s-11.88952,3.56685-14.26743,8.32266S916.87945,762.5397,928.769,768.48446s47.5581-4.75581,47.5581-4.75581,19.02324-1.18895,17.83428-8.32266-5.51879-15.92356-5.51879-15.92356Z" transform="translate(-187.1167 -129.7175)" fill="#2f2e41"/><path d="M922.82422,524.7492l16.64533,28.53486,27.77989,99.21045s-2.81189,91.022.755,91.022,22.5901,5.94476,23.779,0c1.00432-5.02161,14.32089-53.12538,7.6832-85.14314a409.42026,409.42026,0,0,1-8.30805-61.42572l-2.942-55.55306s11.88953-21.40115-1.18895-24.968S922.82422,524.7492,922.82422,524.7492Z" transform="translate(-187.1167 -129.7175)" fill="#2f2e41"/><circle cx="751.1639" cy="183.39816" r="28.53486" fill="#ffb8b8"/><path d="M934.71374,332.1389s4.75581,38.04648,3.56686,40.42438,28.53486-26.15695,28.53486-26.15695-10.70057-16.64534-8.32267-24.968Z" transform="translate(-187.1167 -129.7175)" fill="#ffb8b8"/><path d="M1001.29508,370.18538s-33.29067-23.779-34.47962-28.53486l-24.968,21.40114-4.24262-5.05012s-19.53643,19.31755-19.53643,27.64022-1.189,33.29067,2.3779,40.42439-10.70057,97.4941-10.70057,97.4941,11.88952,10.70057,13.07848,11.88952,48.74705-7.13371,48.74705-7.13371,23.779-2.37791,23.779-5.94476-7.13372-57.06972-4.75581-71.33715S1001.29508,370.18538,1001.29508,370.18538Z" transform="translate(-187.1167 -129.7175)" fill="#575a89"/><path d="M926.0919,298.8612c3.9005-1.38824,8.20351-2.10118,12.18054-.95035,5.6287,1.62879,9.52706,6.5627,13.7317,10.64389s10.101,7.69757,15.6374,5.77843a9.168,9.168,0,0,1,1.75135-6.77095,6.22705,6.22705,0,0,0,1.55507-2.58815c.23654-1.52831-1.04861-2.84646-1.434-4.34418-.67535-2.62464,1.176-6.21763-1.10019-7.68865-.60082-.3883-1.36154-.47683-1.94789-.88664-2.30122-1.60839.25422-5.6087-1.26727-7.96828a4.86629,4.86629,0,0,0-1.72891-1.44229c-11.0327-6.43748-24.52485-6.45515-37.29729-6.293-1.77808.02258-4.2535.90568-3.752,2.61171-2.41382-1.73266-5.57461.70029-7.52025,2.946l-3.98228,4.59642a35.41012,35.41012,0,0,0-4.86669,6.58314c-1.21651,2.32636-1.48546,5.90289.9356,6.9171-1.8-.754-3.98348,9.90762,4.31446,8.15345C916.12254,307.13963,920.84835,300.72747,926.0919,298.8612Z" transform="translate(-187.1167 -129.7175)" fill="#2f2e41"/><rect x="56.83538" y="65.79811" width="655.73993" height="326.67429" fill="#fff"/><rect x="96.4243" y="113.80551" width="143.32069" height="125.17652" fill="#e6e6e6"/><rect x="313.69839" y="114.18199" width="142.88963" height="124.80003" fill="#e6e6e6"/><rect x="528.69509" y="112.95777" width="144.29131" height="126.02426" fill="#e6e6e6"/><rect x="96.4243" y="293.62072" width="140.1765" height="12.94905" fill="#e6e6e6"/><rect x="96.4243" y="316.41837" width="70.23225" height="12.94905" fill="#6c63ff"/><rect x="316.03407" y="293.62072" width="140.1765" height="12.94905" fill="#e6e6e6"/><rect x="316.03407" y="316.41837" width="70.23225" height="12.94905" fill="#6c63ff"/><rect x="530.15359" y="293.62072" width="140.1765" height="12.94905" fill="#e6e6e6"/><rect x="530.15359" y="316.41837" width="70.23225" height="12.94905" fill="#6c63ff"/><circle cx="359.58712" cy="266.25839" r="6.61746" fill="#6c63ff"/><circle cx="384.70535" cy="266.25839" r="6.61746" fill="#e6e6e6"/><circle cx="409.82358" cy="266.25839" r="6.61746" fill="#e6e6e6"/><circle cx="142.96641" cy="266.25839" r="6.61746" fill="#6c63ff"/><circle cx="168.08465" cy="266.25839" r="6.61746" fill="#6c63ff"/><circle cx="193.20288" cy="266.25839" r="6.61746" fill="#e6e6e6"/><circle cx="581.54985" cy="266.25839" r="6.61746" fill="#6c63ff"/><circle cx="606.66808" cy="266.25839" r="6.61746" fill="#6c63ff"/><circle cx="631.78631" cy="266.25839" r="6.61746" fill="#6c63ff"/><path d="M787.95744,269.00126a36.68614,36.68614,0,1,0,36.68614,36.68613A36.794,36.794,0,0,0,787.95744,269.00126Zm0,11.00584a11.00584,11.00584,0,1,1-11.00584,11.00584,11.04276,11.04276,0,0,1,11.00584-11.00584Zm0,52.98324a26.72558,26.72558,0,0,1-22.01168-11.74662c.17638-7.33722,14.67446-11.37623,22.01168-11.37623s21.83531,4.039,22.01168,11.37623a26.77008,26.77008,0,0,1-22.01168,11.74662Z" transform="translate(-187.1167 -129.7175)" fill="#6c63ff"/><path d="M572.25991,269.61337A36.68614,36.68614,0,1,0,608.946,306.29951,36.794,36.794,0,0,0,572.25991,269.61337Zm0,11.00584a11.00585,11.00585,0,1,1-11.00584,11.00585,11.04277,11.04277,0,0,1,11.00584-11.00585Zm0,52.98325a26.72557,26.72557,0,0,1-22.01168-11.74662c.17637-7.33723,14.67445-11.37623,22.01168-11.37623s21.8353,4.039,22.01168,11.37623a26.77012,26.77012,0,0,1-22.01169,11.74662Z" transform="translate(-187.1167 -129.7175)" fill="#6c63ff"/><path d="M355.20135,269.42513a36.68614,36.68614,0,1,0,36.68613,36.68614A36.794,36.794,0,0,0,355.20135,269.42513Zm0,11.00584a11.00585,11.00585,0,1,1-11.00584,11.00585A11.04277,11.04277,0,0,1,355.20135,280.431Zm0,52.98325a26.72561,26.72561,0,0,1-22.01169-11.74662c.17638-7.33723,14.67446-11.37623,22.01169-11.37623s21.8353,4.039,22.01168,11.37623a26.77014,26.77014,0,0,1-22.01169,11.74662Z" transform="translate(-187.1167 -129.7175)" fill="#6c63ff"/><path d="M1008.42879,403.47605s5.94477,77.28191-2.3779,79.65981-38.04648,20.2122-85.60458,15.45639c0,0-46.36915,24.968-39.23543,1.189s39.23543-17.83429,39.23543-17.83429,57.06972-11.88952,59.44762-20.21219-7.13371-42.80229-3.56685-43.99124S1008.42879,403.47605,1008.42879,403.47605Z" transform="translate(-187.1167 -129.7175)" fill="#ffb8b8"/><path d="M982.27184,372.56328l19.02324-2.3779s19.02324,36.85753,8.32267,42.80229-38.04648,10.70057-38.04648,8.32267S982.27184,372.56328,982.27184,372.56328Z" transform="translate(-187.1167 -129.7175)" fill="#575a89"/></svg>
\ No newline at end of file
quiz/templates/ongoing_quiz.html 0 → 100644
View file @ 9b94e89a
<!DOCTYPE html>
<head>
<title>Pariksha</title>
<script>
function start_quiz(x) {
window.open("/quiz/?q="+x, "_blank", "fullscreen=yes");
}
</script>
<style>
#quiz_links {
background-color: #00fff0;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
#quiz_links:hover {
background-color: #ce9a66;
color: white;
}
body {
margin: 0px;
background-color: #8EC5FC;
background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}
table,td,tr{
border: 1px solid black;
border-collapse: collapse;
width: 60%;
text-align: center;
}
tr:nth-child(even) {background-color: #FAACA8;
background-image: linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);
}
tr:nth-child(odd) {background-color: #F4D03F;
background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%);
}
</style>
</head>
<body>
<center><h1 style="font-family: Optima; font-size:50px;"><a>Welcome Student {{user}}</a></h1><br>
<h1>List of ongoing quizzes.</h1>
</center>
<div class="quiz">
<center>
<table >
{%for quiz in quizId%}
<br>
<tr>
<td>
<h2><a id="quiz_links" onclick="start_quiz({{quiz.0}})">Start Quiz Code:{{quiz.1}}</a></h2>
</td>
</tr>
{%endfor%}
</table>
</center>
</div>
</body>
</html>
\ No newline at end of file
quiz/templates/registration/login.html
View file @ 9b94e89a
<form method="post">
<!DOCTYPE html>
<html>
<head>
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500);
body,
html {
margin: 0;
height: 100%;
}
input {
border: none;
height: 25px;
}
button:focus {
outline: none;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.65);
}
::-webkit-input-placeholder .input-line:focus +::input-placeholder {
color: #fff;
}
.input-line:focus {
outline: none;
border-color: #fff;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.sub_button {
cursor: pointer;
background: none;
border: 1px solid rgba(255, 255, 255, 0.65);
border-radius: 25px;
color: rgba(255, 255, 255, 0.65);
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
font-size: 19px;
font-size: 1.2rem;
font-family: roboto;
font-weight: 300;
line-height: 2.5em;
margin-top: auto;
margin-bottom: 25px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.sub_button:hover {
background: rgba(255, 255, 255, 0.15);
color: #fff;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.input-line {
background: none;
margin-bottom: 10px;
line-height: 2.4em;
color: #fff;
font-family: roboto;
font-weight: 300;
letter-spacing: 0px;
letter-spacing: 0.02rem;
font-size: 19px;
font-size: 1.2rem;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.divider {
border-bottom: 1px solid rgba(255, 255, 255, 0.65);
}
.full-width {
width: 100%;
}
.input-fields {
margin-top: 25px;
}
.container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #eee;
height: 100%;
}
.content {
padding-left: 25px;
padding-right: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
z-index: 5;
}
.welcome {
font-weight: 200;
margin-top: 75px;
text-align: center;
font-size: 40px;
font-size: 2.5rem;
letter-spacing: 0px;
letter-spacing: 0.05rem;
}
.subtitle {
text-align: center;
line-height: 1em;
font-weight: 100;
letter-spacing: 0px;
letter-spacing: 0.02rem;
}
.spacing {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 30px;
font-weight: 300;
text-align: center;
margin-top: 10px;
color: rgba(255, 255, 255, 0.65)
}
.window {
z-index: 100;
color: #fff;
font-family: roboto;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
box-shadow: 0px 15px 50px 10px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
height: 760px;
width: 460px;
background: #fff;
background: url('https://pexels.imgix.net/photos/27718/pexels-photo-27718.jpg?fit=crop&w=1280&h=823') top left no-repeat;
}
.overlay {
background: -webkit-linear-gradient(#8CA6DB, #B993D6);
background: linear-gradient(#8CA6DB, #B993D6);
opacity: 0.85;
filter: alpha(opacity=85);
height: 760px;
position: absolute;
width: 460px;
z-index: 1;
}
@media (max-width: 500px) {
.window {
width: 100%;
height: 100%;
}
.overlay {
width: 100%;
height: 100%;
}
}
</style>
</head>
<body>
<div class='container'>
<div class='window'>
<div class='overlay'></div>
<div class='content'>
<div class='welcome'>PARIKSHA</div>
<div class='subtitle'>Login with your credentials to enter a new world of Online quiz portal.</div>
<div class='input-fields'>
<form class='input-line full-width' method="post">
{% csrf_token %}
{{form.as_p}}
<input type="submit" value="Login">
</form>
\ No newline at end of file
<div><button class='sub_button full-width'>Login</button></div>
</form>
</div>
<div class="divider"></div>
<div class='spacing'>Not already registered? </div>
<div><button onclick="location.href = 'http://127.0.0.1:8000/sign_up/';" class='sub_button full-width'>Sign up</button></div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
quiz/templates/registration/signup.html
View file @ 9b94e89a
<form method="post">
<!DOCTYPE html>
<html>
<head>
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500);
body,
html {
margin: 0;
height: 100%;
}
input {
border: none;
height: 25px;
}
button:focus {
outline: none;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.65);
}
::-webkit-input-placeholder .input-line:focus +::input-placeholder {
color: #fff;
}
.input-line:focus {
outline: none;
border-color: #fff;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.sub_button {
cursor: pointer;
background: none;
border: 1px solid rgba(255, 255, 255, 0.65);
border-radius: 25px;
color: rgba(255, 255, 255, 0.65);
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
font-size: 19px;
font-size: 1.2rem;
font-family: roboto;
font-weight: 300;
line-height: 2.5em;
margin-top: auto;
margin-bottom: 25px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.sub_button:hover {
background: rgba(255, 255, 255, 0.15);
color: #fff;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.input-line {
background: none;
margin-bottom: 10px;
line-height: 2.4em;
color: #fff;
font-family: roboto;
font-weight: 300;
letter-spacing: 0px;
letter-spacing: 0.02rem;
font-size: 19px;
font-size: 1.2rem;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.divider {
border-bottom: 1px solid rgba(255, 255, 255, 0.65);
}
.full-width {
width: 100%;
}
.input-fields {
margin-top: 25px;
}
.container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #eee;
height: 100%;
}
.content {
padding-left: 25px;
padding-right: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
z-index: 5;
}
.welcome {
font-weight: 200;
margin-top: 75px;
text-align: center;
font-size: 40px;
font-size: 2.5rem;
letter-spacing: 0px;
letter-spacing: 0.05rem;
}
.subtitle {
text-align: center;
line-height: 1em;
font-weight: 100;
letter-spacing: 0px;
letter-spacing: 0.02rem;
}
.spacing {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 30px;
font-weight: 300;
text-align: center;
margin-top: 10px;
color: rgba(255, 255, 255, 0.65)
}
.window {
z-index: 100;
color: #fff;
font-family: roboto;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
box-shadow: 0px 15px 50px 10px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
height: 860px;
width: 460px;
background: #fff;
background: url('https://pexels.imgix.net/photos/27718/pexels-photo-27718.jpg?fit=crop&w=1280&h=823') top left no-repeat;
}
.overlay {
background: -webkit-linear-gradient(#8CA6DB, #B993D6);
background: linear-gradient(#8CA6DB, #B993D6);
opacity: 0.85;
filter: alpha(opacity=85);
height: 860px;
position: absolute;
width: 460px;
z-index: 1;
}
.helptext {
font-size: 0.7em;
color: black;
}
li {
font-size: 0.7em;
line-height:20px;
color: black;
}
@media (max-width: 500px) {
.window {
width: 100%;
height: 100%;
}
.overlay {
width: 100%;
height: 100%;
}
}
</style>
</head>
<body>
<div class='container'>
<div class='window'>
<div class='overlay'></div>
<div class='content'>
<div class='welcome'>PARIKSHA</div>
<div class='subtitle'>New Users! Sign up first.</div>
<div class='input-fields'>
<form class='input-line full-width' method="post">
{% csrf_token %}
{{form.as_p}}
<input type="submit" value="Sign up">
</form>
\ No newline at end of file
<div><button class='sub_button full-width'>Sign up</button></div>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
quiz/templates/student.html
View file @ 9b94e89a
<!DOCTYPE html>
<head>
{% load static %}
<title>Pariksha</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Slabo+13px&display=swap" rel="stylesheet">
<script>
function start_quiz(x) {
window.open("/quiz/?q="+x, "_blank", "fullscreen=yes");
}
</script>
<style>
@media all and (min-width: 800px) {
.profile {
text-align: center;
}
.cards {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
.menu_card_wrapper {
margin: 50px;
display: flex;
flex-direction: column;
}
.menu_card {
text-decoration: none;
width: 300px;
margin: 10px;
height: 400px;
display: flex;
align-self: center;
justify-content: center;
box-shadow: 1px 1px 5px rgb(158, 158, 158);
transition: height 0.2s;
}
.menu_card:hover {
box-shadow: 1px 1px 5px rgb(87, 87, 87);
}
.img_wrapper {
min-width: 200px;
display:block;
text-align: center;
margin-bottom: 20px;
}
}
@media all and (max-width: 800px) {
.menu_card_wrapper {
width: 100%;
margin-top: 20px;
display: flex;
flex-direction: row;
}
.menu_card {
text-decoration: none;
width: 100%;
min-height: 150px;
display: flex;
align-self: center;
justify-content: center;
}
.img_wrapper {
min-width: 200px;
display:block;
text-align: center;
}
}
* {
font-family: 'Source Sans Pro', sans-serif;
}
body {
margin: 0px;
background: url("{% static 'img/study.jpg' %}");
}
.menu_card_content > h1 {
margin-top: 0px;
margin-bottom: 0px;
}
.menu_card_content > p {
margin-right: 30px;
}
.profile {
margin: 50px;
}
.profile h3 {
margin-top: 0px;
margin-bottom: 0px;
}
.profile h1 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 2.3em;
font-family: 'Slabo 13px', serif;
}
#menucard_ongoingquizzes {
background-color: #00fff0;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
#menucard_ongoingquizzes:hover {
background-color: #2595d6;
color: white;
}
#menucard_prevquiz {
background-color: #f0dcc8;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
#menucard_prevquiz:hover {
background-color: #ce9a66;
color: white;
}
#menucard_logout {
background-color: #ffeada;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
#menucard_logout:hover {
background-color: #d4b59e;
}
</style>
</head>
<body>
<center><h1><a>Welcome Student {{user}}</a></h1>
{%for quiz in quizId%}
<section class="profile">
<h3>Welcome,</h3>
<h1>Student {{user}}</h1>
</section>
<section class="cards">
<a class="menu_card" id="menucard_ongoingquizzes" href="/ongoing_quiz/">
<div class="menu_card_wrapper">
<div class="img_wrapper"><img height="100px" src="{% static 'img/ongoing_quiz.svg' %}"></div>
<div class="menu_card_content">
<h1>Ongoing Quizzes</h1>
<p>Ready for Quiz? You can start any one quiz from the list of ongoing quizzes.</p>
</div>
</div>
</a>
<a class="menu_card" id="menucard_prevquiz" href="/submissions/">
<div class="menu_card_wrapper">
<div class="img_wrapper"><img height="100px" src="{% static 'img/previous_quiz.svg' %}"></div>
<div class="menu_card_content">
<h1>Previous Quizzes</h1>
<p>See your result of all previous attempted quizzes.</p>
</div>
</div>
</a>
<a class="menu_card" id="menucard_logout" href="#">
<div class="menu_card_wrapper">
<div class="img_wrapper"><img height="90px" src="{% static 'img/menu_logout.svg' %}"></div>
<div class="menu_card_content">
<h1>Logout</h1>
<p></p>
</div>
</div>
</a>
</section>
<!--{%for quiz in quizId%}
<br><h1><a onclick="start_quiz({{quiz.0}})">Start Quiz Code:{{quiz.1}}</a></h1>
{%endfor%}
<br><h1><a href="/submissions/">View Previous Quizzes</a></h1>
<br><h1><a href="/submissions/">View Previous Quizzes</a></h1> -->
</body>
</html>
quiz/views.py
View file @ 9b94e89a
......@@ -119,6 +119,14 @@ def student(request):
return render(request,'professor.html',{'quizId':quizId})
return HttpResponse('Role not configured in Permission table')
def ongoing_quiz(request):
quizzes = quiz.objects.all().values('quizId', 'quizCode')
quizId = list()
quizCode = list()
for q in quizzes:
quizId.append((q['quizId'], q['quizCode']))
return render(request, 'ongoing_quiz.html', {'quizId': quizId})
def upload_file(request):
uploaded=False
temp1='test'
......
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