Skip to content

W
Website
Commit 134cf831 authored by sachith.fernando's avatar sachith.fernando
Browse files
Options

more

parent eafe66b6
Show whitespace changes
Inline Side-by-side
Showing with 108 additions and 74 deletions
assets/css/style.css
View file @ 134cf831
......@@ -1407,7 +1407,7 @@ section {
text-align: ceneter;
}
}
.card {
.card-doc {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.2s ease-in-out;
box-sizing: border-box;
......@@ -1416,19 +1416,76 @@ section {
background-color:#FFF;
}
.card:hover {
.card-doc:hover {
box-shadow: 0 5px 5px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.card > .card-inner {
.card-doc > .card-inner {
padding:10px;
}
.card .header h2, h3 {
.card-doc .header h2, h3 {
margin-bottom: 0px;
margin-top:0px;
}
.card .header {
.card-doc .header {
margin-bottom:5px;
}
.card img{
.card-doc img{
width:100%;
}
.title {
margin-bottom: 50px;
text-transform: uppercase;
}
.card-block {
font-size: 1em;
position: relative;
margin: 0;
padding: 1em;
border: none;
box-shadow: none;
}
.card {
font-size: 1em;
overflow: hidden;
padding: 5;
border: none;
border-radius: .28571429rem;
box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
margin-top:20px;
}
.carousel-indicators li {
border-radius: 12px;
width: 12px;
height: 12px;
background-color: #404040;
}
.carousel-indicators li {
border-radius: 12px;
width: 12px;
height: 12px;
background-color: #404040;
}
.carousel-indicators .active {
background-color: white;
max-width: 12px;
margin: 0 3px;
height: 12px;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
lex-direction: column;
}
.btn {
margin-top: auto;
}
index.html
View file @ 134cf831
......@@ -160,17 +160,12 @@
<div class="tab-pane fade in active" id="lit_survey" role="tabpanel">
<h2>Literature Survey</h2>
<!--1st row-->
<div class="row">
<!--1st column-->
<div class="col-lg-6">
<div class="card m-4" data-aos="fade-right">
<div class="card-header text-white bg-secondary">
<h4 class="font-weight-bold">ClassDojo</h4>
</div>
<div class="card">
<div class="row ">
<div class="card-body">
<div class="col-md-7 px-3">
<div class="card-block px-6">
<h3 class="card-title display-4"> Class Dojo </h3>
<p class="card-text">Software that encourages positive classroom behavior by
awarding points for
participation</p>
......@@ -191,29 +186,29 @@
Useful for
classrooms, Real-time chat facility.
</p>
</div>
</div>
<!-- Carousel start -->
<div class="col-md-5">
<img src="assets/img/literature_survey/class_dojo.jpg" alt="dojo" style="width: 100%">
</div>
<!--end of 1st column-->
<div class="col-lg-2 p-4" data-aos="fade-right">
<img alt="" src="assets/img/literature_survey/class_dojo.jpg">
<!-- End of carousel -->
</div>
</div>
<!--end of 1st row-->
<!--2nd row-->
<div class="row">
<div class="col-lg-6"></div>
<div class="card">
<div class="row ">
<div class="col-lg-4">
<div class="card m-4" data-aos="fade-left">
<div class="card-header text-white bg-secondary">
<h4 class="font-weight-bold">TopHat</h4>
<!-- Carousel start -->
<div class="col-md-5">
<img src="assets/img/literature_survey/08.png" alt="top-hatt" style="width: 100%">
</div>
<!-- End of carousel -->
<div class="col-md-7 px-3">
<div class="card-block px-6">
<h3 class="card-title display-4"> TopHat </h3>
<div class="card-body">
<p class="card-text">The Top Hat app motivates students to engage with course
content, participate in
class and ultimately master your material.
......@@ -236,30 +231,18 @@
</li>
<li>Launch real-time polls to gauge student understanding.</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-2 p-4" data-aos="fade-left">
<!-- <img alt="" src="assets/img/literature_survey/tophat_logo.svg">-->
<img alt="" src="assets/img/literature_survey/06.png">
</div>
</div>
<!--end of 2nd row-->
<!--3rd row-->
<div class="row">
<div class="col-lg-6">
<div class="card m-4" data-aos="fade-right">
<div class="card-header text-white bg-secondary">
<h4 class="font-weight-bold">AI-enabled classrooms in China</h4>
</div>
<div class="card">
<div class="row ">
<div class="card-body">
<div class="col-md-7 px-3">
<div class="card-block px-6">
<h3 class="card-title display-4"> AI-enabled classrooms in China </h3>
<p class="card-text">
A High School in Hangzhou, China has installed cameras which are designed to
......@@ -276,27 +259,28 @@
</div>
</div>
<!-- Carousel start -->
<div class="col-md-5">
<img src="assets/img/literature_survey/AI_china.jpg" alt="aichi" style="width: 100%">
</div>
<div class="col-lg-2 p-4" data-aos="fade-right">
<img alt="" src="assets/img/literature_survey/AI_china.jpg">
<!-- End of carousel -->
</div>
</div>
<!--end of 3rd row-->
<!--4th row-->
<div class="row">
<div class="col-lg-6"></div>
<div class="card">
<div class="row ">
<div class="col-lg-4">
<div class="card m-4" data-aos="fade-left">
<div class="card-header text-white bg-secondary">
<h4 class="font-weight-bold">EduSense: Practical Classroom Sensing at Scale</h4>
<!-- Carousel start -->
<div class="col-md-5">
<img src="assets/img/literature_survey/edusense.PNG" alt="top-hatt" style="width: 100%">
</div>
<!-- End of carousel -->
<div class="col-md-7 px-3">
<div class="card-block px-6">
<h3 class="card-title display-4"> EduSense: Practical Classroom Sensing at Scale </h3>
<div class="card-body">
<p class="card-text">
EduSense is a comprehensive, open source, sensing system that produces a
plethora of theoretically-motivated visual and audio features correlated with
......@@ -314,17 +298,10 @@
<li>Speech Detection</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-2 p-4" data-aos="fade-left">
<img alt="" src="assets/img/literature_survey/edusense.PNG">
</div>
</div>
<!--end of 4th row-->
</div>
<!-- end of literature_survey-->
......@@ -970,7 +947,7 @@
<div class="row">
<!--project charter document-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card">
<div class="card card-doc">
<a href="https://drive.google.com/file/d/1DRr_m2lqWN7Md8akLOeOB16hW4ytqbkV/view?usp=sharing" style="text-decoration: none">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
......@@ -987,7 +964,7 @@
<!-- proposal documents-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card">
<div class="card card-doc">
<a href="https://drive.google.com/file/d/1LpSWOBgxhZeqVxyTBFg0vICFE8BXi9__/view?usp=sharing" style="text-decoration: none">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
......@@ -1005,7 +982,7 @@
<!-- research paper -->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-right">
<div class="card">
<div class="card card-doc">
<a href="https://drive.google.com/file/d/1L6jMzmAJ8tI6jwOr_drzLSZpzRSEQGx7/view?usp=sharing" style="text-decoration: none">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
......@@ -1023,7 +1000,7 @@
<!-- final thesis-->
<div class="col-md-3 d-flex align-items-stretch" data-aos="fade-left">
<div class="card">
<div class="card card-doc">
<a href="https://drive.google.com/file/d/1Qma23sGsjHh9u2WnaAR_VPG0p7rApTSg/view?usp=sharing" style="text-decoration: none">
<div class="card-img">
<img alt="..." src="assets/img/documents/08.png">
......
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