Skip to content

P
Pariksha
Commit a4e2112c authored by Samarth Joshi's avatar Samarth Joshi
Browse files
Options

Adding professor UI

parent 197845a3
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 176 additions and 5 deletions
quiz/static/img/add_file.svg 0 → 100644
View file @ a4e2112c
<svg id="72abf1fc-af5c-4a12-adab-83afeedac95e" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="728" height="796.38" viewBox="0 0 728 796.38"><defs><linearGradient id="44dab5fe-2df9-47ba-adb2-140775afca0e" x1="506" y1="757.81" x2="506" y2="51.81" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b3b3b3" stop-opacity="0.25"/><stop offset="0.54" stop-color="#b3b3b3" stop-opacity="0.1"/><stop offset="1" stop-color="#b3b3b3" stop-opacity="0.05"/></linearGradient><linearGradient id="b071ddd1-33a6-4512-b8b6-1cee124e019a" x1="49.46" y1="96.5" x2="49.46" y2="3.5" xlink:href="#44dab5fe-2df9-47ba-adb2-140775afca0e"/><linearGradient id="d200849e-56d5-45c5-85eb-e9070e3330a6" x1="627.87" y1="796.38" x2="627.87" y2="596.12" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient><linearGradient id="39846f9a-c4dd-4a41-91c8-743bb7d77e65" x1="627.87" y1="746.82" x2="627.87" y2="645.68" xlink:href="#d200849e-56d5-45c5-85eb-e9070e3330a6"/><linearGradient id="af8f0828-33b7-4bd6-b50f-ae3d37501acf" x1="611" y1="802.81" x2="611" y2="96.81" xlink:href="#44dab5fe-2df9-47ba-adb2-140775afca0e"/><linearGradient id="152252ce-949a-4e00-886c-6a46b2444b40" x1="154.46" y1="141.5" x2="154.46" y2="48.5" xlink:href="#44dab5fe-2df9-47ba-adb2-140775afca0e"/></defs><title>add file2</title><path d="M650,694.81c0-51.76,51.11-99.48,102.87-99.48,7.93,0,15.62-2,23-.16.1-2.26.16-15.54.16-17.82V51.81H328l-92,94.5v611.5H659C649.9,743.37,650,713.15,650,694.81Z" transform="translate(-236 -51.81)" fill="url(#44dab5fe-2df9-47ba-adb2-140775afca0e)"/><path d="M642,704.81a117,117,0,0,1,117-117c3.53,0,7,.17,10.48.47V317h-525V745.81H649.39A116.74,116.74,0,0,1,642,704.81Z" transform="translate(-236 -51.81)" fill="#fcfcfc"/><polygon points="533.09 269.19 6.91 269.19 6.91 94.5 92 5.5 533.09 5.5 533.09 269.19" fill="#fcfcfc"/><rect x="357.59" y="58.59" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="357.59" y="98.59" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="357.59" y="138.59" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="357.59" y="178.59" width="142.73" height="10.89" fill="#6c63ff" opacity="0.5"/><rect x="357.59" y="218.59" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="357.59" y="258.59" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="84.72" y="343.59" width="142.73" height="10.89" fill="#6c63ff" opacity="0.5"/><rect x="84.72" y="387.13" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="84.72" y="365.36" width="372.56" height="10.89" fill="#69f0ae" opacity="0.5"/><rect x="84.72" y="448.82" width="142.73" height="10.89" fill="#6c63ff" opacity="0.5"/><rect x="84.72" y="492.37" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="84.72" y="470.59" width="372.56" height="10.89" fill="#e0e0e0"/><rect x="84.72" y="554.06" width="142.73" height="10.89" fill="#6c63ff" opacity="0.5"/><rect x="84.72" y="597.6" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="84.72" y="575.83" width="305.41" height="10.89" fill="#e0e0e0"/><polygon points="310 281 50 281 50 54 59 43 79.75 43 310 43 310 281" fill="#6c63ff"/><polygon points="4.91 96.5 94 96.5 94 3.5 4.91 96.5" fill="url(#b071ddd1-33a6-4512-b8b6-1cee124e019a)"/><polygon points="6.91 94.5 92 94.5 92 5.5 6.91 94.5" fill="#f5f5f5"/><g opacity="0.5"><circle cx="627.87" cy="696.25" r="100.13" fill="url(#d200849e-56d5-45c5-85eb-e9070e3330a6)"/></g><circle cx="627.87" cy="696.25" r="93.72" fill="#3ad29f"/><g opacity="0.5"><polygon points="678.44 684.95 639.16 684.95 639.16 645.68 616.58 645.68 616.58 684.95 577.3 684.95 577.3 707.54 616.58 707.54 616.58 746.82 639.16 746.82 639.16 707.54 678.44 707.54 678.44 684.95" fill="url(#39846f9a-c4dd-4a41-91c8-743bb7d77e65)"/></g><rect x="618.27" y="653.26" width="19.2" height="85.97" fill="#fff"/><rect x="854.27" y="705.07" width="19.2" height="85.97" transform="translate(1375.93 -167.62) rotate(90)" fill="#fff"/><path d="M755,739.81c0-51.76,51.11-99.48,102.87-99.48,7.93,0,15.62-2,23-.16.1-2.26.16-15.54.16-17.82V96.81H433l-92,94.5v611.5H764C754.9,788.37,755,758.15,755,739.81Z" transform="translate(-236 -51.81)" fill="url(#af8f0828-33b7-4bd6-b50f-ae3d37501acf)"/><path d="M747,749.81a117,117,0,0,1,117-117c3.53,0,7,.17,10.48.47V362h-525V790.81H754.39A116.74,116.74,0,0,1,747,749.81Z" transform="translate(-236 -51.81)" fill="#fff"/><polygon points="638.09 314.19 111.91 314.19 111.91 139.5 197 50.5 638.09 50.5 638.09 314.19" fill="#fff"/><rect x="462.59" y="103.59" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="462.59" y="143.59" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="462.59" y="183.59" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="462.59" y="223.59" width="142.73" height="10.89" fill="#6c63ff" opacity="0.5"/><rect x="462.59" y="263.59" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="462.59" y="303.59" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="189.72" y="388.59" width="142.73" height="10.89" fill="#6c63ff" opacity="0.5"/><rect x="189.72" y="432.13" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="189.72" y="410.36" width="372.56" height="10.89" fill="#69f0ae" opacity="0.5"/><rect x="189.72" y="493.82" width="142.73" height="10.89" fill="#6c63ff" opacity="0.5"/><rect x="189.72" y="537.37" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="189.72" y="515.59" width="372.56" height="10.89" fill="#e0e0e0"/><rect x="189.72" y="599.06" width="142.73" height="10.89" fill="#6c63ff" opacity="0.5"/><rect x="189.72" y="642.6" width="142.73" height="10.89" fill="#e0e0e0"/><rect x="189.72" y="620.83" width="305.41" height="10.89" fill="#e0e0e0"/><polygon points="415 326 155 326 155 99 164 88 184.75 88 415 88 415 326" fill="#6c63ff"/><polygon points="109.91 141.5 199 141.5 199 48.5 109.91 141.5" fill="url(#152252ce-949a-4e00-886c-6a46b2444b40)"/><polygon points="111.91 139.5 197 139.5 197 50.5 111.91 139.5" fill="#fcfcfc"/></svg>
\ No newline at end of file
quiz/static/img/menu_dashboard.svg 0 → 100644
View file @ a4e2112c
This diff is collapsed.
quiz/static/img/menu_logout.svg 0 → 100644
View file @ a4e2112c
<svg id="b368e7d6-7c4a-408c-9a35-0514749a7e1a" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="869.99994" height="520.13854" viewBox="0 0 869.99994 520.13854"><path d="M831.09242,704.18737c-11.13833-9.4118-17.90393-24.27967-16.12965-38.75366s12.76358-27.78,27.01831-30.85364,30.50415,5.43465,34.83378,19.3594c2.3828-26.84637,5.12854-54.81757,19.40179-77.67976,12.92407-20.70115,35.3088-35.51364,59.5688-38.16357s49.80265,7.35859,64.93272,26.50671,18.83461,46.98549,8.2379,68.96911c-7.80623,16.19456-22.188,28.24676-37.2566,38.05184a240.45181,240.45181,0,0,1-164.45376,35.97709Z" transform="translate(-165.00003 -189.93073)" fill="#f2f2f2"/><path d="M996.72788,546.00953a393.41394,393.41394,0,0,0-54.82622,54.44229,394.561,394.561,0,0,0-61.752,103.194c-1.112,2.72484,3.31272,3.911,4.4123,1.21642A392.34209,392.34209,0,0,1,999.96343,549.24507c2.28437-1.86015-.97-5.08035-3.23555-3.23554Z" transform="translate(-165.00003 -189.93073)" fill="#fff"/><path d="M445.06712,701.63014c15.2985-12.92712,24.591-33.34815,22.15408-53.22817s-17.53079-38.15588-37.10966-42.37749-41.89745,7.46449-47.8442,26.59014c-3.27278-36.87349-7.04406-75.29195-26.64837-106.69317-17.75122-28.433-48.49666-48.778-81.81777-52.41768s-68.40395,10.107-89.18511,36.407-25.86934,64.53459-11.31476,94.72909c10.72185,22.24324,30.47528,38.79693,51.17195,52.26422,66.02954,42.9653,147.93912,60.88443,225.8773,49.41454" transform="translate(-165.00003 -189.93073)" fill="#f2f2f2"/><path d="M217.56676,484.37281a540.35491,540.35491,0,0,1,75.30383,74.77651A548.0761,548.0761,0,0,1,352.25665,647.04a545.835,545.835,0,0,1,25.43041,53.8463c1.52726,3.74257-4.55,5.37169-6.06031,1.67075a536.35952,536.35952,0,0,0-49.009-92.727A539.73411,539.73411,0,0,0,256.889,528.63168a538.44066,538.44066,0,0,0-43.76626-39.81484c-3.13759-2.55492,1.33232-6.97788,4.444-4.444Z" transform="translate(-165.00003 -189.93073)" fill="#fff"/><path d="M789.5,708.93073h-365v-374.5c0-79.67773,64.82227-144.5,144.49976-144.5h76.00049c79.67749,0,144.49975,64.82227,144.49975,144.5Z" transform="translate(-165.00003 -189.93073)" fill="#f2f2f2"/><path d="M713.5,708.93073h-289v-374.5a143.38177,143.38177,0,0,1,27.59571-84.94434c.66381-.90478,1.32592-1.79785,2.00878-2.68115a144.46633,144.46633,0,0,1,30.75415-29.85058c.65967-.48,1.322-.95166,1.99415-1.42334a144.15958,144.15958,0,0,1,31.47216-16.459c.66089-.25049,1.33374-.50146,2.00659-.74219a144.01979,144.01979,0,0,1,31.1084-7.33593c.65772-.08985,1.333-.16016,2.0083-.23047a146.28769,146.28769,0,0,1,31.10547,0c.67334.07031,1.34864.14062,2.01416.23144a143.995,143.995,0,0,1,31.10034,7.335c.6731.24073,1.346.4917,2.00879.74268a143.79947,143.79947,0,0,1,31.10645,16.21582c.67163.46143,1.344.93311,2.00635,1.40478a145.987,145.987,0,0,1,18.38354,15.564,144.305,144.305,0,0,1,12.72437,14.55078c.68066.88037,1.34277,1.77344,2.00537,2.67676A143.38227,143.38227,0,0,1,713.5,334.43073Z" transform="translate(-165.00003 -189.93073)" fill="#ccc"/><circle cx="524.99994" cy="335.5" r="16" fill="#6c63ff"/><polygon points="594.599 507.783 582.339 507.783 576.506 460.495 594.601 460.496 594.599 507.783" fill="#ffb8b8"/><path d="M573.58165,504.27982h23.64384a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H558.69478a0,0,0,0,1,0,0v0a14.88688,14.88688,0,0,1,14.88688-14.88688Z" fill="#2f2e41"/><polygon points="655.599 507.783 643.339 507.783 637.506 460.495 655.601 460.496 655.599 507.783" fill="#ffb8b8"/><path d="M634.58165,504.27982h23.64384a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H619.69478a0,0,0,0,1,0,0v0a14.88688,14.88688,0,0,1,14.88688-14.88688Z" fill="#2f2e41"/><path d="M698.09758,528.60035a10.74272,10.74272,0,0,1,4.51052-15.84307l41.67577-114.86667L764.791,409.082,717.20624,518.85271a10.80091,10.80091,0,0,1-19.10866,9.74764Z" transform="translate(-165.00003 -189.93073)" fill="#ffb8b8"/><path d="M814.33644,550.1843a10.74269,10.74269,0,0,1-2.89305-16.21659L798.53263,412.4583l23.33776,1.06622L827.23606,533.045a10.80091,10.80091,0,0,1-12.89962,17.13934Z" transform="translate(-165.00003 -189.93073)" fill="#ffb8b8"/><circle cx="612.1058" cy="162.12254" r="24.56103" fill="#ffb8b8"/><path d="M814.17958,522.54937H740.13271l.08911-.57617c.13306-.86133,13.19678-86.439,3.56177-114.436a11.813,11.813,0,0,1,6.06933-14.5835h.00025c13.77173-6.48535,40.20752-14.47119,62.52,4.90918a28.23448,28.23448,0,0,1,9.45947,23.396Z" transform="translate(-165.00003 -189.93073)" fill="#6c63ff"/><path d="M754.35439,448.1812,721.01772,441.418l15.62622-37.02978a13.99723,13.99723,0,0,1,27.10571,6.99755Z" transform="translate(-165.00003 -189.93073)" fill="#6c63ff"/><path d="M797.05043,460.73882l-2.00415-45.94141c-1.51977-8.63623,3.42408-16.80029,11.02735-18.13476,7.60547-1.32959,15.03174,4.66016,16.55835,13.35986l7.533,42.92774Z" transform="translate(-165.00003 -189.93073)" fill="#6c63ff"/><path d="M811.71606,517.04933c11.91455,45.37671,13.21436,103.0694,10,166l-16-2-29-120-16,122-18-1c-5.37744-66.02972-10.61328-122.71527-2-160Z" transform="translate(-165.00003 -189.93073)" fill="#2f2e41"/><path d="M793.2891,371.03474c-4.582,4.88079-13.09131,2.26067-13.68835-4.40717a8.05467,8.05467,0,0,1,.01014-1.55569c.30826-2.95357,2.01461-5.63506,1.60587-8.7536a4.59046,4.59046,0,0,0-.84011-2.14892c-3.65124-4.88933-12.22227,2.18687-15.6682-2.23929-2.113-2.714.3708-6.98713-1.25065-10.02051-2.14006-4.00358-8.47881-2.0286-12.45388-4.22116-4.42275-2.43948-4.15822-9.22524-1.24686-13.35269,3.55052-5.03359,9.77572-7.71951,15.92336-8.10661s12.25292,1.27475,17.99229,3.51145c6.52109,2.54134,12.98768,6.05351,17.00067,11.78753,4.88021,6.97317,5.34986,16.34793,2.90917,24.50174C802.09785,360.98987,797.03077,367.04906,793.2891,371.03474Z" transform="translate(-165.00003 -189.93073)" fill="#2f2e41"/><path d="M1004.98163,709.57417h-738.294a1.19069,1.19069,0,0,1,0-2.38137h738.294a1.19069,1.19069,0,0,1,0,2.38137Z" transform="translate(-165.00003 -189.93073)" fill="#3f3d56"/><path d="M634,600.43073H504a6.46539,6.46539,0,0,1-6.5-6.41531V303.846a6.46539,6.46539,0,0,1,6.5-6.41531H634a6.46539,6.46539,0,0,1,6.5,6.41531V594.01542A6.46539,6.46539,0,0,1,634,600.43073Z" transform="translate(-165.00003 -189.93073)" fill="#fff"/><rect x="332.49994" y="201.38965" width="143" height="2" fill="#ccc"/><rect x="332.99994" y="315.5" width="143" height="2" fill="#ccc"/><rect x="377.49994" y="107.5" width="2" height="304" fill="#ccc"/><rect x="427.49994" y="107.5" width="2" height="304" fill="#ccc"/></svg>
\ No newline at end of file
quiz/static/img/menu_monitor.svg 0 → 100644
View file @ a4e2112c
This diff is collapsed.
quiz/templates/professor.html
View file @ a4e2112c
<!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">
<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: #F1F3F4;
}
.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_createquiz {
background-color: #00fff0;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
#menucard_createquiz:hover {
background-color: #2595d6;
color: white;
}
#menucard_dashboard {
background-color: #f0dcc8;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
#menucard_dashboard:hover {
background-color: #ce9a66;
color: white;
}
#menucard_monitor {
background-color: #fffee0;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
#menucard_monitor:hover {
background-color: #d4ce50;
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 Professor {{user}}</a></h1>
<br><h1><a href="/create_quiz/">Create New Quiz</a></h1>
<section class="profile">
<h3>Welcome,</h3>
<h1>Professor {{user}}</h1>
</section>
<!-- <br><h1><a href="/create_quiz/">Create New Quiz</a></h1>
{%for quiz in quizId%}
<br><h1><a href="/instructor?quiz_id={{quiz.0}}">Instructor Graphs for quizCode:{{quiz.1}}</a></h1></center>
{%endfor%}
{%endfor%} -->
<section class="cards">
<a class="menu_card" id="menucard_createquiz" href="/create_quiz/">
<div class="menu_card_wrapper">
<div class="img_wrapper"><img height="100px" src="{% static 'img/add_file.svg' %}"></div>
<div class="menu_card_content">
<h1>Create Quiz</h1>
<p>Schedule a new and customized quiz in minutes, with questions of your liking and set marks for each questions.</p>
</div>
</div>
</a>
<a class="menu_card" id="menucard_dashboard" href="/instructor?quiz_id={{quiz.0}}">
<div class="menu_card_wrapper">
<div class="img_wrapper"><img height="100px" src="{% static 'img/menu_dashboard.svg' %}"></div>
<div class="menu_card_content">
<h1>Dashboard</h1>
<p>View how your students have performed by an extensive analysis provided by the power of Matplotlib!</p>
</div>
</div>
</a>
<a class="menu_card" id="menucard_monitor" href="#">
<div class="menu_card_wrapper">
<div class="img_wrapper"><img height="100px" src="{% static 'img/menu_monitor.svg' %}"></div>
<div class="menu_card_content">
<h1>Monitor</h1>
<p>Monitor your students in your currently ongoing quizzes! You have currently 0 ongoing 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>
</body>
</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