From ead2ecd7727f20f46ac5487f80f8bb584ee61f7e Mon Sep 17 00:00:00 2001
From: Kelvin Kamau
Date: Mon, 4 Feb 2019 20:59:39 +0300
Subject: [PATCH 01/84] chore : material design revamp
---
css/styles.css | 29 ++++++-
index.html | 41 +++-------
js/ScrambleText.js | 197 +++++++++++++++++++++++++++++++++++++++++++++
learn.html | 14 ++--
4 files changed, 243 insertions(+), 38 deletions(-)
create mode 100644 js/ScrambleText.js
diff --git a/css/styles.css b/css/styles.css
index 0ca507f..ba20d27 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1922,8 +1922,33 @@ color: black;
}
-.button:hover {
- background: #2F5BE7;
+.button:hover, .hero-button:hover {
+ background: #007BFF;
color: #FFFFFF;
text-decoration: none;
+ box-shadow: 0 3px 6px rgba(0, 110, 255, 0.4);
+}
+
+.hero-button {
+ background: #2F5BE7;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+ color: #FFFFFF;;
+ padding: 12px 18px;
+ font-size: 14px;
+ border-radius: 2px;
+}
+.past-event{
+ border: 2px solid #007BFF;
+ background-color: transparent;
+ color: #007BFF;
+ padding: 8px 18px;
+ font-size: 13px;
+ cursor: pointer;
+ border-radius: 5px;
+}
+.past-event:hover{
+ text-decoration: none;
+ background: #007BFF;
+ color: #FFFFFF;
+
}
diff --git a/index.html b/index.html
index bfc8a1a..2de3073 100644
--- a/index.html
+++ b/index.html
@@ -40,7 +40,6 @@
ga('send', 'pageview');
-
@@ -101,14 +100,7 @@ Developer Student Club University Name.
-
+ Become a member
@@ -226,8 +218,7 @@
Android Development
We always have sessions to keep you updated and mastering the latest trends in modern
Android development.
- Tutorials
+ Codelabs
@@ -246,8 +237,7 @@ Web Development
coding experience.
- Tutorials
+ Codelabs
@@ -275,8 +265,7 @@
Cloud Computing
innovation and prompt rise of cloud-native applications to
bridges gaps between data, insight, and action
- Tutorials
+ Codelabs
@@ -294,8 +283,7 @@ Machine Intelligence
users what they need without the fuss.
- Tutorials
+ Codelabs
@@ -394,8 +382,7 @@
DATE : 26th Jan 2019
VENUE : LH 27, Main Campus
We learnt how to assemble an Android Things kit and saw the temperature and barometer sensors on the kit in action
- Event Pictures
+ EVENT PHOTOS
@@ -414,8 +401,7 @@ DATE : 6th Aug 2018
VENUE : LH 1, Main Campus
We concentrated on two parts of Flutter, that we admire most.
- Event
- Pictures
+ EVENT PHOTOS
@@ -429,7 +415,7 @@
VENUE : LH 1, Main Campus
-
+
@@ -449,8 +435,7 @@
VENUE : LH 1, Main Campus
We set up the Android Application Development Environment for creating,
testing and debugging apps.
-
Event Pictures
+
EVENT PHOTOS
@@ -469,8 +454,7 @@ WHERE : Lagos, Nigeria.
One of our lead organizers was privileged to represent the community in a lead summit hosted
by Google Nigeria where he also talked about goal-setting.
- Event
- Pictures
+ EVENT PHOTOS
@@ -781,9 +765,7 @@
-
-
-
+
diff --git a/js/ScrambleText.js b/js/ScrambleText.js
new file mode 100644
index 0000000..ad7757b
--- /dev/null
+++ b/js/ScrambleText.js
@@ -0,0 +1,197 @@
+const ATTR_IDLING = 'data-scramble-text-idling';
+const ATTR_RUNNING = 'data-scramble-text-running';
+
+class ScrambleText {
+
+ constructor( el, option = {} ) {
+
+ this._startTime = 0;
+ this._elapsedTime = 0;
+ this._running = false;
+ this._idling = true;
+ this._position = 0;
+ this._contents = split( el.innerHTML );
+ this._anim = anim.bind( this );
+
+ this.el = el;
+ this.timeOffset = option.timeOffset || 50;
+ this.fps = option.fps || 60;
+ this.chars = option.chars || [
+ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',
+ 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z',
+ '!', '#', '$', '%', '&', ':', ';', '?', '@', '[', ']', '^', '_',
+ '{', '|', '}', '~'
+ ];
+ this.callback = typeof option.callback === 'function' ? option.callback : () => {};
+ this.play();
+
+ return this;
+
+ }
+
+ play() {
+
+ if ( this._running ) return this;
+
+ this._idling = true;
+ this._running = true;
+ this._position = 0;
+ this.el.setAttribute( ATTR_IDLING, '' );
+ this.el.setAttribute( ATTR_RUNNING, '' );
+ this._anim();
+
+ return this;
+
+ }
+
+ start() {
+
+ this._idling = false;
+ this._startTime = Date.now();
+ this._elapsedTime = 0;
+ this._position = 0;
+ this.el.removeAttribute( ATTR_IDLING );
+
+ return this;
+
+ }
+
+ stop() {
+
+ this._running = false;
+ this.el.removeAttribute( ATTR_IDLING );
+ this.el.removeAttribute( ATTR_RUNNING );
+
+ return this;
+
+ }
+
+}
+
+
+function anim() {
+
+ const elapsedTime = Date.now() - this._startTime;
+ const deltaTime = elapsedTime - this._elapsedTime;
+ const needsUpdate = 1000 / this.fps <= deltaTime;
+
+ if ( ! needsUpdate ) {
+
+ requestAnimationFrame( this._anim );
+ return;
+
+ }
+
+ this._elapsedTime = elapsedTime;
+ this._position = this._idling ? 0 : ( this._elapsedTime / this.timeOffset ) | 0;
+
+ if ( ! this._running ) return;
+
+ if ( this._position >= this._contents.length ) {
+
+ this._running = false;
+ this.el.innerHTML = this._contents.map( el => el.content ).join( '' );
+ this.el.removeAttribute( 'data-scramble-text-running' );
+ this.callback();
+ return;
+
+ }
+
+ requestAnimationFrame( this._anim );
+
+ const textArray = suffle( this._contents, this.chars, this._position );
+
+ this.el.innerHTML = textArray.join( '' );
+
+}
+
+
+function suffle( contents, chars, position ) {
+
+ const textArray = [];
+
+ for ( let i = 0, l = contents.length; i < l; i ++ ) {
+
+ if ( contents[ i ].type === 'tag' ) {
+
+ textArray.push( contents[ i ].content );
+ continue;
+
+ }
+
+ if ( i < position ) {
+
+ textArray.push( contents[ i ].content );
+ continue;
+
+ }
+
+ textArray.push( getRandCharacter( chars ) );
+
+ }
+
+ return textArray;
+
+}
+
+
+function getRandCharacter( chars ) {
+
+ const randNum = Math.floor( Math.random() * chars.length );
+ const lowChoice = - .5 + Math.random();
+ const picketCharacter = chars[ randNum ];
+ const choosen = lowChoice < 0 ? picketCharacter.toLowerCase() : picketCharacter;
+ return choosen;
+
+}
+
+
+function split( string ) {
+
+ const array = [];
+ const tag = /^(\s*)?<\/?[a-z](.*?)>(\s*)?/i;
+ const space = /^\s+/;
+
+ string = string.replace( space, '' ).replace( /\s+$/, '' );
+
+ while ( string.length !== 0 ) {
+
+ const matchTag = string.match( tag );
+
+ if ( !! matchTag ) {
+
+ array.push( {
+ type: 'tag',
+ content: matchTag[ 0 ].replace( /^(\s*)(.+)(\s*)$/, '$1$2$3' )
+ } );
+ string = string.replace( matchTag[ 0 ], '' );
+ continue;
+
+ }
+
+ const matchSpace = string.match( space );
+
+ if ( !! matchSpace ) {
+
+ array.push( {
+ type: 'space',
+ content: ' '
+ } );
+ string = string.replace( matchSpace[ 0 ], '' );
+ continue;
+
+ }
+
+ array.push( {
+ type: 'character',
+ content: string[ 0 ]
+ } );
+ string = string.slice( 1 );
+
+ }
+
+ return array;
+
+}
+
+export default ScrambleText;
\ No newline at end of file
diff --git a/learn.html b/learn.html
index 7654622..d06cabb 100644
--- a/learn.html
+++ b/learn.html
@@ -83,7 +83,7 @@ Share experiences and free resources
-
+
Beginner
@@ -93,13 +93,13 @@
Intro to JavaScript
Explore Javascript fundamentals by learning how to define variables and use data types...
View course
+ class="button float-right" target="_blank" rel="noopener noreferrer">View course
-
+
Intermediate
@@ -109,14 +109,14 @@
Kotlin for Android Developers
Take an Android notepad app and convert it from Java to Kotlin,
learning key features of the Kotlin programming language...
-
View
+ View
course
-
+
Expert
@@ -132,7 +132,7 @@
JavaScript best practices
-
+
Beginner
@@ -142,7 +142,7 @@
Intro to JavaScript
Explore Javascript fundamentals by learning how to define variables and use data types...
View course
+ class="button float-right" target="_blank" rel="noopener noreferrer">View course
From 83e5168a1105d1057b5563e78aa08ad9863afcad Mon Sep 17 00:00:00 2001
From: ashinzekene
Date: Tue, 5 Feb 2019 03:31:33 +0100
Subject: [PATCH 02/84] lazy load images
---
index.html | 49 ++++++++++++++++++++++++++++++++-----------------
1 file changed, 32 insertions(+), 17 deletions(-)
diff --git a/index.html b/index.html
index 06c69fd..a631add 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@
-
+
Developer Student Club University Name.
@@ -213,7 +213,7 @@
Technologies we're excited about
-
@@ -252,7 +252,7 @@
Web Development
-
@@ -264,7 +264,7 @@
Web Development
-
+
@@ -300,7 +300,7 @@
Machine Intelligence
-
@@ -328,7 +328,7 @@
Events & Workshops
-
+
Intermediate
Firebase for Web
@@ -344,7 +344,7 @@
Firebase for Web
-
+
Expert
Firebase for Android
@@ -360,7 +360,7 @@
Firebase for Android
-
+
Beginner
Raspberry Pi Jam
@@ -512,7 +512,7 @@
Meet The DSC Team
-
+
@@ -538,7 +538,7 @@
Name goes here
-
+
@@ -564,7 +564,7 @@
Name goes here
-
+
@@ -590,7 +590,7 @@
Name goes here
-
+
@@ -616,7 +616,7 @@
Name goes here
-
+
@@ -698,7 +698,7 @@
Who should I reach out to if I have any questions?
@@ -283,7 +283,7 @@
Machine Intelligence
users what they need without the fuss.
-
Codelabs
+
Codelabs
From 27463b65c8fa5a968945978c83453fa8bc560f49 Mon Sep 17 00:00:00 2001
From: stellakaniaru
Date: Wed, 6 Feb 2019 12:27:09 +0300
Subject: [PATCH 10/84] Changed team section layout
---
index.html | 420 +++++++++++++++++++++++++++++++++++------------------
1 file changed, 282 insertions(+), 138 deletions(-)
diff --git a/index.html b/index.html
index 722d50c..1b38d4f 100644
--- a/index.html
+++ b/index.html
@@ -478,153 +478,297 @@ WHERE : Lagos, Nigeria.
Meet The DSC Team
Passionate students and faculty staff driving the success of the program.
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Name goes here
+
Co-organizer
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@twitterhandle
-
A highly-motivated mobile and web developer with an acquired
- taste for
- elegant design, an open source hobbyist & a community mentor keen to inspire
- change-makers.
-
-
-
-
+
Mobile and Web developer
+
Open source enthusiast
+
Community mentor
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Name goes here
+
Co-organizer
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@twitterhandle
-
My areas of specialization include:- Concurrency
- control,Bioinformatics, ICT
- integration,knowledge based systems, IoT and e-learning.
-
-
-
-
+
Mobile and Web developer
+
Open source enthusiast
+
Community mentor
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Name goes here
+
Volunteer
-
+
Graphic Design
+
Storyteller
+
Writer
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
@twitterhandle
-
Learning how to code has given me problem-solving skills and a
- way to communicate with others on a technical level. I am learning how to solve
- using different programming languages and such. I love reading extensively.
- Interact with different people and share experiences.
-
-
-
-
+
+
+
+
+
+
+
+
+
+
Name goes here
+
Volunteer
-
-
-
+
Web design
+
Game development
+
Anime lover
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Name goes here
+
DSC Faculty Adviser
+
+
Cryptocurrency Control
+
Bioinformatics
+
IOT
+
+
+
+
+
+
+
+
+ Previous
+
+
+
+ Next
+
+
From a17a8d4fbe582cba76ed57db2db26084116bc888 Mon Sep 17 00:00:00 2001
From: stellakaniaru
Date: Wed, 6 Feb 2019 12:27:39 +0300
Subject: [PATCH 11/84] Added styling for team section
---
css/styles.css | 159 +++++++++++++++++++++++++++++++++----------------
1 file changed, 107 insertions(+), 52 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index ba20d27..e072e5a 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1075,75 +1075,130 @@ hr{
margin-top: 5px;
}
-.team-slide-inner {
- height: 100% ;
-}
+/*carousel styling*/
+@media (min-width: 768px) {
+
+ /* show 3 items */
+ .carouselPrograms .carousel-inner .active,
+ .carouselPrograms .carousel-inner .active + .carousel-item,
+ .carouselPrograms .carousel-inner .active + .carousel-item + .carousel-item {
+ display: block;
+ }
-.team-slider__indicators {
- list-style-type: none;
- padding: 0;
- margin: 0;
-}
+ .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
+ .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
+ .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
+ transition: none;
+ }
-.team-slider__indicators .owl-dot {
- border-radius: 1px ;
- width: 4px;
- height: 50px;
- background: rgba(255, 255, 255, 0.1);
- margin-left: auto;
- margin-right: auto;
- cursor: pointer;
-}
+ .carouselPrograms .carousel-inner .carousel-item-next,
+ .carouselPrograms .carousel-inner .carousel-item-prev {
+ position: relative;
+ transform: translate3d(0, 0, 0);
+ }
-.team-slider__indicators .owl-dot.active {
- background: #fff;
-}
+ .carouselPrograms .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
+ position: absolute;
+ top: 0;
+ right: -33.333%;
+ z-index: -1;
+ display: block;
+ visibility: visible;
+ }
-.team-item .btn-light {
- position: absolute;
- bottom: 20px;
- right: 20px;
- -webkit-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
-}
+ /* left or forward direction */
+ .carouselPrograms .active.carousel-item-left + .carousel-item-next.carousel-item-left,
+ .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item,
+ .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
+ .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
+ position: relative;
+ transform: translate3d(-100%, 0, 0);
+ visibility: visible;
+ }
-.team-item .btn-light .u-icon {
- background: #3BC1FD;
- margin-left: 10px;
-}
+ /* farthest right hidden item must be abso position for animations */
+ .carouselPrograms .carousel-inner .carousel-item-prev.carousel-item-right {
+ position: absolute;
+ top: 0;
+ left: 0%;
+ z-index: -1;
+ display: block;
+ visibility: visible;
+ }
-.team-item .btn-light:hover {
- -webkit-box-shadow: -5px 5px #3BC1FD;
- box-shadow: -5px 5px #3BC1FD;
- -webkit-transform: translate(1px, -1px);
- transform: translate(1px, -1px);
+ /* right or prev direction */
+ .carouselPrograms .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
+ .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item,
+ .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
+ .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
+ position: relative;
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ display: block;
+ visibility: visible;
+ }
}
-.team-item__context {
- font-weight: 300;
- margin-bottom: 40px;
+/*end carousel styling*/
+
+/*team card stying*/
+.card.hovercard .cardheader {
+ background: #3BC1FD;
+ background-size: cover;
+ height: 135px;
}
-.team-item__context p {
- font-size: 22px;
+.card.hovercard .avatar {
+ position: relative;
+ top: -50px;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: -50px;
}
-.team-item__context img {
- margin-bottom: 20px;
+.card.hovercard .avatar img {
+ width: 100px;
+ height: 100px;
+ max-width: 100px;
+ max-height: 100px;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+ border: 5px solid rgba(255,255,255,0.5);
}
-.team-item__thumb {
- position: relative;
+.card.hovercard .info {
+ padding: 4px 8px 10px;
+ text-align: center;
+
}
-.team-item__image {
- border-radius: 50%;
- overflow: hidden;
- width: 260px;
- height: 260px;
- margin-left: auto;
- margin-right: auto;
+.card.hovercard .info .title h5 {
+ margin-bottom: 4px;
+ font-size: 24px;
+ line-height: 1;
+ color: #262626;
+}
+.card.hovercard .info .title p {
+ color: #262626;
+}
+.card.hovercard .info .desc {
+ overflow: hidden;
+ font-size: 14px;
+ line-height: 20px;
+ color: #737373;
+ text-overflow: ellipsis;
+}
+.card.hovercard .bottom{
+ padding: 0 20px;
+ margin-bottom: 17px;
+ margin-left: auto;
+ margin-right: auto;
+}
+.card.hovercard .bottom ul li a i{
+ color: #3BC1FD;
}
+/*end team card stying*/
.section-faq .card {
border: 0;
margin-bottom: 30px;
From a58cdd72185d4fa1b2088c0d8ea968216fb6873c Mon Sep 17 00:00:00 2001
From: stellakaniaru
Date: Wed, 6 Feb 2019 12:28:16 +0300
Subject: [PATCH 12/84] Added carousel function
---
js/custom.js | 54 +++++++++++++++++++---------------------------------
1 file changed, 20 insertions(+), 34 deletions(-)
diff --git a/js/custom.js b/js/custom.js
index b981d76..86153de 100644
--- a/js/custom.js
+++ b/js/custom.js
@@ -73,43 +73,29 @@ $(document).ready(function(){
/*====================================================*/
/* team SLIDER */
/*====================================================*/
-
-
- var $ClientsSlider = $('.team-slider');
- if ($ClientsSlider.length > 0) {
- $ClientsSlider.owlCarousel({
- loop: true,
- center: true,
- margin: 0,
- items: 1,
- nav: false,
- dots: true,
- lazyLoad: true,
- dotsContainer: '.dots'
- })
- $('.owl-dot').on('click', function() {
- $(this).addClass('active').siblings().removeClass('active');
- $ClientsSlider.trigger('to.owl.carousel', [$(this).index(), 300]);
- });
- }
-
- var swiper = new Swiper('.screen-slider', {
- direction: 'horizontal',
- slidesPerView: 1,
- spaceBetween: 1,
- parallax: true,
- breakpoints: {
- 480: {
- slidesPerView: 1,
- spaceBetween: 40
+ $('#carouselExample').on('slide.bs.carousel', function (e) {
+
+
+ var $e = $(e.relatedTarget);
+ var idx = $e.index();
+ var itemsPerSlide = 3;
+ var totalItems = $('.carousel-item').length;
+
+ if (idx >= totalItems-(itemsPerSlide-1)) {
+ var it = itemsPerSlide - (totalItems - idx);
+ for (var i=0; i
Date: Wed, 6 Feb 2019 12:41:07 +0300
Subject: [PATCH 13/84] modified social handles layout
---
css/styles.css | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index e072e5a..d10ffb4 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1232,15 +1232,15 @@ hr{
color: #637282;
}
-.footer-widget .social-list__inline li {
+.social-list__inline li {
margin-right: 15px;
}
-.footer-widget .social-list__inline li:last-of-type {
+.social-list__inline li:last-of-type {
margin: 0;
}
-.footer-widget .social-list__inline li a {
+.social-list__inline li a {
color: #1B2733;
font-size: 24px;
}
From 414dc5cdd69e74b1c09679825105d7e471daca40 Mon Sep 17 00:00:00 2001
From: Kelvin Kamau <20049411+kelvinkamau@users.noreply.github.com>
Date: Wed, 6 Feb 2019 15:32:49 +0300
Subject: [PATCH 14/84] Revert "Team: complete redesign of team section to have
cards with circular image lead fixes#38"
---
css/styles.css | 165 +++++++------------
index.html | 420 ++++++++++++++++---------------------------------
js/custom.js | 54 ++++---
3 files changed, 227 insertions(+), 412 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index d10ffb4..ba20d27 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1075,130 +1075,75 @@ hr{
margin-top: 5px;
}
-/*carousel styling*/
-@media (min-width: 768px) {
-
- /* show 3 items */
- .carouselPrograms .carousel-inner .active,
- .carouselPrograms .carousel-inner .active + .carousel-item,
- .carouselPrograms .carousel-inner .active + .carousel-item + .carousel-item {
- display: block;
- }
-
- .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
- .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
- .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
- transition: none;
- }
-
- .carouselPrograms .carousel-inner .carousel-item-next,
- .carouselPrograms .carousel-inner .carousel-item-prev {
- position: relative;
- transform: translate3d(0, 0, 0);
- }
-
- .carouselPrograms .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
- position: absolute;
- top: 0;
- right: -33.333%;
- z-index: -1;
- display: block;
- visibility: visible;
- }
-
- /* left or forward direction */
- .carouselPrograms .active.carousel-item-left + .carousel-item-next.carousel-item-left,
- .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item,
- .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
- .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
- position: relative;
- transform: translate3d(-100%, 0, 0);
- visibility: visible;
- }
-
- /* farthest right hidden item must be abso position for animations */
- .carouselPrograms .carousel-inner .carousel-item-prev.carousel-item-right {
- position: absolute;
- top: 0;
- left: 0%;
- z-index: -1;
- display: block;
- visibility: visible;
- }
-
- /* right or prev direction */
- .carouselPrograms .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
- .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item,
- .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
- .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
- position: relative;
- transform: translate3d(100%, 0, 0);
- visibility: visible;
- display: block;
- visibility: visible;
- }
+.team-slide-inner {
+ height: 100% ;
}
-/*end carousel styling*/
+.team-slider__indicators {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+}
-/*team card stying*/
-.card.hovercard .cardheader {
- background: #3BC1FD;
- background-size: cover;
- height: 135px;
+.team-slider__indicators .owl-dot {
+ border-radius: 1px ;
+ width: 4px;
+ height: 50px;
+ background: rgba(255, 255, 255, 0.1);
+ margin-left: auto;
+ margin-right: auto;
+ cursor: pointer;
}
-.card.hovercard .avatar {
- position: relative;
- top: -50px;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: -50px;
+.team-slider__indicators .owl-dot.active {
+ background: #fff;
}
-.card.hovercard .avatar img {
- width: 100px;
- height: 100px;
- max-width: 100px;
- max-height: 100px;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- border: 5px solid rgba(255,255,255,0.5);
+.team-item .btn-light {
+ position: absolute;
+ bottom: 20px;
+ right: 20px;
+ -webkit-transition: all .5s ease-in-out;
+ transition: all .5s ease-in-out;
}
-.card.hovercard .info {
- padding: 4px 8px 10px;
- text-align: center;
+.team-item .btn-light .u-icon {
+ background: #3BC1FD;
+ margin-left: 10px;
+}
+.team-item .btn-light:hover {
+ -webkit-box-shadow: -5px 5px #3BC1FD;
+ box-shadow: -5px 5px #3BC1FD;
+ -webkit-transform: translate(1px, -1px);
+ transform: translate(1px, -1px);
}
-.card.hovercard .info .title h5 {
- margin-bottom: 4px;
- font-size: 24px;
- line-height: 1;
- color: #262626;
+.team-item__context {
+ font-weight: 300;
+ margin-bottom: 40px;
}
-.card.hovercard .info .title p {
- color: #262626;
+
+.team-item__context p {
+ font-size: 22px;
}
-.card.hovercard .info .desc {
- overflow: hidden;
- font-size: 14px;
- line-height: 20px;
- color: #737373;
- text-overflow: ellipsis;
+
+.team-item__context img {
+ margin-bottom: 20px;
}
-.card.hovercard .bottom{
- padding: 0 20px;
- margin-bottom: 17px;
- margin-left: auto;
- margin-right: auto;
+
+.team-item__thumb {
+ position: relative;
}
-.card.hovercard .bottom ul li a i{
- color: #3BC1FD;
+
+.team-item__image {
+ border-radius: 50%;
+ overflow: hidden;
+ width: 260px;
+ height: 260px;
+ margin-left: auto;
+ margin-right: auto;
}
-/*end team card stying*/
.section-faq .card {
border: 0;
margin-bottom: 30px;
@@ -1232,15 +1177,15 @@ hr{
color: #637282;
}
-.social-list__inline li {
+.footer-widget .social-list__inline li {
margin-right: 15px;
}
-.social-list__inline li:last-of-type {
+.footer-widget .social-list__inline li:last-of-type {
margin: 0;
}
-.social-list__inline li a {
+.footer-widget .social-list__inline li a {
color: #1B2733;
font-size: 24px;
}
diff --git a/index.html b/index.html
index 1b38d4f..722d50c 100644
--- a/index.html
+++ b/index.html
@@ -478,297 +478,153 @@ WHERE : Lagos, Nigeria.
Meet The DSC Team
Passionate students and faculty staff driving the success of the program.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Name goes here
-
Lead Organizer
-
-
Mobile and Web developer
-
Open source enthusiast
-
Community mentor
-
-
-
-
-
-
-
-
-
-
-
diff --git a/js/custom.js b/js/custom.js
index 86153de..b981d76 100644
--- a/js/custom.js
+++ b/js/custom.js
@@ -73,29 +73,43 @@ $(document).ready(function(){
/*====================================================*/
/* team SLIDER */
/*====================================================*/
- $('#carouselExample').on('slide.bs.carousel', function (e) {
-
-
- var $e = $(e.relatedTarget);
- var idx = $e.index();
- var itemsPerSlide = 3;
- var totalItems = $('.carousel-item').length;
-
- if (idx >= totalItems-(itemsPerSlide-1)) {
- var it = itemsPerSlide - (totalItems - idx);
- for (var i=0; i 0) {
+ $ClientsSlider.owlCarousel({
+ loop: true,
+ center: true,
+ margin: 0,
+ items: 1,
+ nav: false,
+ dots: true,
+ lazyLoad: true,
+ dotsContainer: '.dots'
+ })
+ $('.owl-dot').on('click', function() {
+ $(this).addClass('active').siblings().removeClass('active');
+ $ClientsSlider.trigger('to.owl.carousel', [$(this).index(), 300]);
+ });
+ }
+
+ var swiper = new Swiper('.screen-slider', {
+ direction: 'horizontal',
+ slidesPerView: 1,
+ spaceBetween: 1,
+ parallax: true,
+ breakpoints: {
+ 480: {
+ slidesPerView: 1,
+ spaceBetween: 40
}
+ },
+ navigation: {
+ nextEl: '.swiper-button-next',
+ prevEl: '.swiper-button-prev',
+ }
});
-
/*====================================================*/
/* TABS INIT */
/*====================================================*/
From f41db10aa293654d48f61ba7a5a20591b388fb01 Mon Sep 17 00:00:00 2001
From: Kelvin Kamau
Date: Thu, 7 Feb 2019 21:00:49 +0300
Subject: [PATCH 15/84] fix: bug fixes on design
---
css/styles.css | 58 +++++++++++---------------------------------------
index.html | 18 +++++++---------
2 files changed, 21 insertions(+), 55 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index ba20d27..a81e29e 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1177,6 +1177,11 @@ hr{
color: #637282;
}
+.footer-widget ul li a:hover {
+ text-decoration: none;
+ color: #000000;
+}
+
.footer-widget .social-list__inline li {
margin-right: 15px;
}
@@ -1207,49 +1212,6 @@ hr{
display: inline-flex;
}
-/*----------------------------------------------------------------
-[COLOR CODES]
-
-==========================
-CUSTOM COLOURS
-==========================
-primary: #3BC1FD;
-secondary: #2F5BE7;
-primary-type(text): #1B2733;
-secondary-type(text): #637282;
-
-==========================
-BOOTSTRAP BUILT-IN COLOURS
-==========================
-white: #ffffff;
-grey-100: #FAFAFA;
-warning: #FD7D44;
-danger: #dc3545;
-success: #28a745;
-info:#17a2b8;
-grey: #6c757d;
-pink: #e83e8c;
-teal: #20c997;
-blue: #007bff;
-indigo: #6610f2;
-purple: #6f42c1;
-red: #dc3545;
-orange: #fd7e14;
-yellow: #ffc107;
-green: #28a745;
-cyan: #17a2b8;
-gray-dark: #343a40;
-light: #f8f9fa;
-dark: #343a40;
-
-----------------------------------------------------------------*/
-/*
-====================================================
-
-BACKGROUND COLORS AND SHAPES COLORS
-
-====================================================
-*/
.bg-blue {
background: #2F5BE7 ;
}
@@ -1922,14 +1884,14 @@ color: black;
}
-.button:hover, .hero-button:hover {
+.button:hover, .hero-button:hover, .event-btn:hover {
background: #007BFF;
color: #FFFFFF;
text-decoration: none;
box-shadow: 0 3px 6px rgba(0, 110, 255, 0.4);
}
-.hero-button {
+.hero-button, .event-btn {
background: #2F5BE7;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
color: #FFFFFF;;
@@ -1937,6 +1899,12 @@ color: black;
font-size: 14px;
border-radius: 2px;
}
+
+.event-btn {
+ padding: 8px 12px;
+ border-radius: 50px;
+ font-weight: bold;
+}
.past-event{
border: 2px solid #007BFF;
background-color: transparent;
diff --git a/index.html b/index.html
index 722d50c..6284e2f 100644
--- a/index.html
+++ b/index.html
@@ -7,8 +7,7 @@
-
-
+
@@ -40,6 +39,7 @@
ga('send', 'pageview');
+
@@ -76,7 +76,7 @@
@@ -321,7 +321,7 @@
Events & Workshops
Intermediate
Firebase for Web
- DATE : 16th Feb 2019
+ DATE : 16th Feb 2019
VENUE : LH 27, Main Campus
TIME : 0900hrs - 1300hrs
@@ -337,7 +337,7 @@
Firebase for Web
Expert
Firebase for Android
- DATE : 23rd Feb 2019
+ DATE : 23rd Feb 2019
VENUE : LH 27, Main Campus
TIME : 0900hrs - 1300hrs
@@ -353,7 +353,7 @@
Firebase for Android
Beginner
Raspberry Pi Jam
- DATE : 2nd March 2019
+ DATE : 2nd March 2019
VENUE : LH 27, Main Campus
TIME : 0900hrs - 1300hrs
@@ -399,7 +399,7 @@
The Magic Of Flutter
DATE : 6th Aug 2018
VENUE : LH 1, Main Campus
-
We concentrated on two parts of Flutter, that we admire most.
+
We concentrated on two parts of Flutter, that we admire most : The developer experience and brand design first development
EVENT PHOTOS
@@ -785,8 +785,7 @@
function showIframes() {
document.querySelectorAll('iframe').forEach(iframe => {
iframe.src = iframe.dataset.urllink;
- console.log('Nah.....');
- })
+ });
document.querySelector('a[href="#past"]').removeEventListener('click', false)
}
document.querySelector('a[href="#past"]').addEventListener('click', showIframes, false)
@@ -801,7 +800,6 @@
);
}
-
From c28459301d8d0f7e620621f446ce40538588a800 Mon Sep 17 00:00:00 2001
From: stellakaniaru
Date: Fri, 8 Feb 2019 13:52:19 +0300
Subject: [PATCH 16/84] Changed team section layout,styling and responsiveness
---
css/styles.css | 239 +++++++++++++++++++-------
index.html | 450 ++++++++++++++++++++++++++++++-------------------
js/custom.js | 52 +++---
3 files changed, 465 insertions(+), 276 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index a81e29e..0942514 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1075,75 +1075,184 @@ hr{
margin-top: 5px;
}
-.team-slide-inner {
- height: 100% ;
-}
+/*carousel styling*/
+.carousel-control-next-i{
+ position: relative;
+ left: 60%;
+ vertical-align: middle;
+ text-align: center;
+ line-height:45px;
+ background-color: #3BC1FD;
+ border-radius: 50%;
+ width: 40px;
+ height: 40px;
+ right: 350px;
+ }
-.team-slider__indicators {
- list-style-type: none;
- padding: 0;
- margin: 0;
-}
+ .carousel-control-prev-i{
+ position: relative;
+ right: 60%;
+ vertical-align: middle;
+ text-align: center;
+ line-height:45px;
+ background-color: #3BC1FD;
+ border-radius: 50%;
+ width: 40px;
+ height: 40px;
+
+ }
-.team-slider__indicators .owl-dot {
- border-radius: 1px ;
- width: 4px;
- height: 50px;
- background: rgba(255, 255, 255, 0.1);
- margin-left: auto;
- margin-right: auto;
- cursor: pointer;
-}
+@media (min-width: 768px) {
-.team-slider__indicators .owl-dot.active {
- background: #fff;
-}
+ /* show 3 items */
+ .carouselPrograms .carousel-inner .active,
+ .carouselPrograms .carousel-inner .active + .carousel-item,
+ .carouselPrograms .carousel-inner .active + .carousel-item + .carousel-item {
+ display: block;
+ }
-.team-item .btn-light {
- position: absolute;
- bottom: 20px;
- right: 20px;
- -webkit-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
-}
+ .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
+ .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
+ .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
+ transition: none;
+ }
-.team-item .btn-light .u-icon {
- background: #3BC1FD;
- margin-left: 10px;
-}
+ .carouselPrograms .carousel-inner .carousel-item-next,
+ .carouselPrograms .carousel-inner .carousel-item-prev {
+ position: relative;
+ right: 300px;
+ transform: translate3d(0, 0, 0);
+ }
+ .carousel-control-next-i{
+ position: relative;
+ left: 60%;
+ vertical-align: middle;
+ text-align: center;
+ line-height:45px;
+ background-color: #3BC1FD;
+ border-radius: 50%;
+ width: 40px;
+ height: 40px;
+ right: 350px;
+ }
+
+ .carousel-control-prev-i{
+ position: relative;
+ right: 60%;
+ vertical-align: middle;
+ text-align: center;
+ line-height:45px;
+ background-color: #3BC1FD;
+ border-radius: 50%;
+ width: 40px;
+ height: 40px;
+ left: -100px;
+ }
-.team-item .btn-light:hover {
- -webkit-box-shadow: -5px 5px #3BC1FD;
- box-shadow: -5px 5px #3BC1FD;
- -webkit-transform: translate(1px, -1px);
- transform: translate(1px, -1px);
+ .carouselPrograms .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
+ position: absolute;
+ top: 0;
+ right: -33.333%;
+ z-index: -1;
+ display: block;
+ visibility: visible;
+ }
+
+ /* left or forward direction */
+ .carouselPrograms .active.carousel-item-left + .carousel-item-next.carousel-item-left,
+ .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item,
+ .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
+ .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
+ position: relative;
+ transform: translate3d(-100%, 0, 0);
+ visibility: visible;
+ }
+
+ /* farthest right hidden item must be abso position for animations */
+ .carouselPrograms .carousel-inner .carousel-item-prev.carousel-item-right {
+ position: absolute;
+ top: 0;
+ left: 0%;
+ z-index: -1;
+ display: block;
+ visibility: visible;
+ }
+
+ /* right or prev direction */
+ .carouselPrograms .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
+ .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item,
+ .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
+ .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
+ position: relative;
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ display: block;
+ visibility: visible;
+ }
}
-.team-item__context {
- font-weight: 300;
- margin-bottom: 40px;
+/*end carousel styling*/
+
+/*team card stying*/
+.card.hovercard .cardheader {
+ background: #3BC1FD;
+ background-size: cover;
+ height: 135px;
}
-.team-item__context p {
- font-size: 22px;
+.card.hovercard .avatar {
+ position: relative;
+ top: -50px;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: -50px;
}
-.team-item__context img {
- margin-bottom: 20px;
+.card.hovercard .avatar img {
+ width: 100px;
+ height: 100px;
+ max-width: 100px;
+ max-height: 100px;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+ border: 5px solid rgba(255,255,255,0.5);
}
-.team-item__thumb {
- position: relative;
+.card.hovercard .info {
+ padding: 4px 8px 10px;
+ text-align: center;
+
}
-.team-item__image {
- border-radius: 50%;
- overflow: hidden;
- width: 260px;
- height: 260px;
- margin-left: auto;
- margin-right: auto;
+.card.hovercard .info .title h5 {
+ margin-bottom: 4px;
+ font-size: 24px;
+ line-height: 1;
+ color: #262626;
+}
+.card.hovercard .info .title p {
+ color: #262626;
+}
+.card.hovercard .info .desc {
+ overflow: hidden;
+ font-size: 14px;
+ line-height: 20px;
+ color: #737373;
+ text-overflow: ellipsis;
}
+.card.hovercard .bottom{
+ padding: 0 20px;
+ margin-bottom: 17px;
+ margin-left: auto;
+ margin-right: auto;
+}
+.card.hovercard .bottom ul li a i{
+ color: #3BC1FD;
+}
+/*end team card stying*/
+
+
.section-faq .card {
border: 0;
margin-bottom: 30px;
@@ -1182,19 +1291,6 @@ hr{
color: #000000;
}
-.footer-widget .social-list__inline li {
- margin-right: 15px;
-}
-
-.footer-widget .social-list__inline li:last-of-type {
- margin: 0;
-}
-
-.footer-widget .social-list__inline li a {
- color: #1B2733;
- font-size: 24px;
-}
-
.footer-widget__title {
margin-bottom: 15px;
font-size: 18px;
@@ -1212,6 +1308,19 @@ hr{
display: inline-flex;
}
+.social-list__inline li {
+ margin-right: 15px;
+}
+
+.social-list__inline li:last-of-type {
+ margin: 0;
+}
+
+.social-list__inline li a {
+ color: #1B2733;
+ font-size: 24px;
+}
+
.bg-blue {
background: #2F5BE7 ;
}
diff --git a/index.html b/index.html
index 6284e2f..1b5cfc4 100644
--- a/index.html
+++ b/index.html
@@ -478,202 +478,296 @@ WHERE : Lagos, Nigeria.
Meet The DSC Team
Passionate students and faculty staff driving the success of the program.
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Name goes here
+
Lead Organizer
+
+
Mobile and Web developer
+
Open source enthusiast
+
Community mentor
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@twitterhandle
-
A highly-motivated mobile and web developer with an acquired
- taste for
- elegant design, an open source hobbyist & a community mentor keen to inspire
- change-makers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@twitterhandle
-
A highly-motivated mobile and web developer with an acquired
- taste for
- elegant design, an open source hobbyist & a community mentor keen to inspire
- change-makers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@twitterhandle
-
A highly-motivated mobile and web developer with an acquired
- taste for
- elegant design, an open source hobbyist & a community mentor keen to inspire
- change-makers.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@twitterhandle
-
My areas of specialization include:- Concurrency
- control,Bioinformatics, ICT
- integration,knowledge based systems, IoT and e-learning.
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
Name goes here
+
Co-organizer
+
+
Mobile and Web developer
+
Open source enthusiast
+
Community mentor
+
+
+
-
-
-
-
-
-
-
-
-
-
-
Who can become a member?
-
The clubs is open to any student, ranging from novice developers who are just starting,
- to advanced developers who want to further their skills.
+
+
+
+
+
+
+
+
+
+
Name goes here
+
Co-organizer
+
+
Mobile and Web developer
+
Open source enthusiast
+
Community mentor
+
+
-
-
-
-
How frequently do events and workshops occur?
-
We have a hands-on session every Tuesday at LH1 from 1800hrs to 2030hrs. We also hold
- workshops and showcases & we would recommend you to join our community on Meetup to get updates.
+
+
+
+
+
+
+
+
+
+
+
Name goes here
+
Volunteer
+
+
Graphic Design
+
Storyteller
+
Writer
+
+
-
-
-
-
-
-
What should I carry when attending a workshop?
-
We recommend you carry with you a notebook, pen and a laptop because more often than not we
- make our hands dirty with code. Most importantly, carry along a healthy dose of curiosity
- and enthusiasm.
+
+
+
+
+
+
+
+
+
+
+
Name goes here
+
Volunteer
+
+
Web design
+
Game development
+
Anime lover
+
+
-
-
-
-
Who should I reach out to if I have any questions?
-
If you have any questions or comments, please don't hesitate to contact us by clicking the
- button below. We would be happy to stay engaged via email even after the event
+
+
+
+
+
+
+
+
+
+
+
Name goes here
+
DSC Faculty Adviser
+
+
Cryptocurrency Control
+
Bioinformatics
+
IOT
+
+
-
+
+
+
+ Previous
+
+
+
+ Next
+
+
+
diff --git a/js/custom.js b/js/custom.js
index b981d76..c50e6b1 100644
--- a/js/custom.js
+++ b/js/custom.js
@@ -75,41 +75,27 @@ $(document).ready(function(){
/*====================================================*/
- var $ClientsSlider = $('.team-slider');
- if ($ClientsSlider.length > 0) {
- $ClientsSlider.owlCarousel({
- loop: true,
- center: true,
- margin: 0,
- items: 1,
- nav: false,
- dots: true,
- lazyLoad: true,
- dotsContainer: '.dots'
- })
- $('.owl-dot').on('click', function() {
- $(this).addClass('active').siblings().removeClass('active');
- $ClientsSlider.trigger('to.owl.carousel', [$(this).index(), 300]);
- });
- }
-
- var swiper = new Swiper('.screen-slider', {
- direction: 'horizontal',
- slidesPerView: 1,
- spaceBetween: 1,
- parallax: true,
- breakpoints: {
- 480: {
- slidesPerView: 1,
- spaceBetween: 40
+ $("#carouselExample").on("slide.bs.carousel", function (e) {
+
+
+ var $e = $(e.relatedTarget);
+ var idx = $e.index();
+ var itemsPerSlide = 3;
+ var totalItems = $(".carousel-item").length;
+
+ if (idx >= totalItems-(itemsPerSlide-1)) {
+ var it = itemsPerSlide - (totalItems - idx);
+ for (var i=0; i
Date: Fri, 8 Feb 2019 21:59:13 +0300
Subject: [PATCH 17/84] fix: removed unused scripts
---
css/magnific-popup.css | 351 -----------------------------------------
css/styles.css | 5 +-
css/swiper.min.css | 12 --
index.html | 18 ++-
4 files changed, 13 insertions(+), 373 deletions(-)
delete mode 100644 css/magnific-popup.css
delete mode 100644 css/swiper.min.css
diff --git a/css/magnific-popup.css b/css/magnific-popup.css
deleted file mode 100644
index 5b573b6..0000000
--- a/css/magnific-popup.css
+++ /dev/null
@@ -1,351 +0,0 @@
-/* Magnific Popup CSS */
-.mfp-bg {
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 1042;
- overflow: hidden;
- position: fixed;
- background: #0b0b0b;
- opacity: 0.8; }
-
-.mfp-wrap {
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 1043;
- position: fixed;
- outline: none ;
- -webkit-backface-visibility: hidden; }
-
-.mfp-container {
- text-align: center;
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- padding: 0 8px;
- box-sizing: border-box; }
-
-.mfp-container:before {
- content: '';
- display: inline-block;
- height: 100%;
- vertical-align: middle; }
-
-.mfp-align-top .mfp-container:before {
- display: none; }
-
-.mfp-content {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- margin: 0 auto;
- text-align: left;
- z-index: 1045; }
-
-.mfp-inline-holder .mfp-content,
-.mfp-ajax-holder .mfp-content {
- width: 100%;
- cursor: auto; }
-
-.mfp-ajax-cur {
- cursor: progress; }
-
-.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
- cursor: -moz-zoom-out;
- cursor: -webkit-zoom-out;
- cursor: zoom-out; }
-
-.mfp-zoom {
- cursor: pointer;
- cursor: -webkit-zoom-in;
- cursor: -moz-zoom-in;
- cursor: zoom-in; }
-
-.mfp-auto-cursor .mfp-content {
- cursor: auto; }
-
-.mfp-close,
-.mfp-arrow,
-.mfp-preloader,
-.mfp-counter {
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none; }
-
-.mfp-loading.mfp-figure {
- display: none; }
-
-.mfp-hide {
- display: none ; }
-
-.mfp-preloader {
- color: #CCC;
- position: absolute;
- top: 50%;
- width: auto;
- text-align: center;
- margin-top: -0.8em;
- left: 8px;
- right: 8px;
- z-index: 1044; }
- .mfp-preloader a {
- color: #CCC; }
- .mfp-preloader a:hover {
- color: #FFF; }
-
-.mfp-s-ready .mfp-preloader {
- display: none; }
-
-.mfp-s-error .mfp-content {
- display: none; }
-
-button.mfp-close,
-button.mfp-arrow {
- overflow: visible;
- cursor: pointer;
- background: transparent;
- border: 0;
- -webkit-appearance: none;
- display: block;
- outline: none;
- padding: 0;
- z-index: 1046;
- box-shadow: none;
- touch-action: manipulation; }
-
-button::-moz-focus-inner {
- padding: 0;
- border: 0; }
-
-.mfp-close {
- width: 44px;
- height: 44px;
- line-height: 44px;
- position: absolute;
- right: 0;
- top: 0;
- text-decoration: none;
- text-align: center;
- opacity: 0.65;
- padding: 0 0 18px 10px;
- color: #FFF;
- font-style: normal;
- font-size: 28px;
- font-family: Arial, Baskerville, monospace; }
- .mfp-close:hover,
- .mfp-close:focus {
- opacity: 1; }
- .mfp-close:active {
- top: 1px; }
-
-.mfp-close-btn-in .mfp-close {
- color: #333; }
-
-.mfp-image-holder .mfp-close,
-.mfp-iframe-holder .mfp-close {
- color: #FFF;
- right: -6px;
- text-align: right;
- padding-right: 6px;
- width: 100%; }
-
-.mfp-counter {
- position: absolute;
- top: 0;
- right: 0;
- color: #CCC;
- font-size: 12px;
- line-height: 18px;
- white-space: nowrap; }
-
-.mfp-arrow {
- position: absolute;
- opacity: 0.65;
- margin: 0;
- top: 50%;
- margin-top: -55px;
- padding: 0;
- width: 90px;
- height: 110px;
- -webkit-tap-highlight-color: transparent; }
- .mfp-arrow:active {
- margin-top: -54px; }
- .mfp-arrow:hover,
- .mfp-arrow:focus {
- opacity: 1; }
- .mfp-arrow:before,
- .mfp-arrow:after {
- content: '';
- display: block;
- width: 0;
- height: 0;
- position: absolute;
- left: 0;
- top: 0;
- margin-top: 35px;
- margin-left: 35px;
- border: medium inset transparent; }
- .mfp-arrow:after {
- border-top-width: 13px;
- border-bottom-width: 13px;
- top: 8px; }
- .mfp-arrow:before {
- border-top-width: 21px;
- border-bottom-width: 21px;
- opacity: 0.7; }
-
-.mfp-arrow-left {
- left: 0; }
- .mfp-arrow-left:after {
- border-right: 17px solid #FFF;
- margin-left: 31px; }
- .mfp-arrow-left:before {
- margin-left: 25px;
- border-right: 27px solid #3F3F3F; }
-
-.mfp-arrow-right {
- right: 0; }
- .mfp-arrow-right:after {
- border-left: 17px solid #FFF;
- margin-left: 39px; }
- .mfp-arrow-right:before {
- border-left: 27px solid #3F3F3F; }
-
-.mfp-iframe-holder {
- padding-top: 40px;
- padding-bottom: 40px; }
- .mfp-iframe-holder .mfp-content {
- line-height: 0;
- width: 100%;
- max-width: 900px; }
- .mfp-iframe-holder .mfp-close {
- top: -40px; }
-
-.mfp-iframe-scaler {
- width: 100%;
- height: 0;
- overflow: hidden;
- padding-top: 56.25%; }
- .mfp-iframe-scaler iframe {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
- background: #000; }
-
-/* Main image in popup */
-img.mfp-img {
- width: auto;
- max-width: 100%;
- height: auto;
- display: block;
- line-height: 0;
- box-sizing: border-box;
- padding: 40px 0 40px;
- margin: 0 auto; }
-
-/* The shadow behind the image */
-.mfp-figure {
- line-height: 0; }
- .mfp-figure:after {
- content: '';
- position: absolute;
- left: 0;
- top: 40px;
- bottom: 40px;
- display: block;
- right: 0;
- width: auto;
- height: auto;
- z-index: -1;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
- background: #444; }
- .mfp-figure small {
- color: #BDBDBD;
- display: block;
- font-size: 12px;
- line-height: 14px; }
- .mfp-figure figure {
- margin: 0; }
-
-.mfp-bottom-bar {
- margin-top: -36px;
- position: absolute;
- top: 100%;
- left: 0;
- width: 100%;
- cursor: auto; }
-
-.mfp-title {
- text-align: left;
- line-height: 18px;
- color: #F3F3F3;
- word-wrap: break-word;
- padding-right: 36px; }
-
-.mfp-image-holder .mfp-content {
- max-width: 100%; }
-
-.mfp-gallery .mfp-image-holder .mfp-figure {
- cursor: pointer; }
-
-@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
- /**
- * Remove all paddings around the image on small screen
- */
- .mfp-img-mobile .mfp-image-holder {
- padding-left: 0;
- padding-right: 0; }
- .mfp-img-mobile img.mfp-img {
- padding: 0; }
- .mfp-img-mobile .mfp-figure:after {
- top: 0;
- bottom: 0; }
- .mfp-img-mobile .mfp-figure small {
- display: inline;
- margin-left: 5px; }
- .mfp-img-mobile .mfp-bottom-bar {
- background: rgba(0, 0, 0, 0.6);
- bottom: 0;
- margin: 0;
- top: auto;
- padding: 3px 5px;
- position: fixed;
- box-sizing: border-box; }
- .mfp-img-mobile .mfp-bottom-bar:empty {
- padding: 0; }
- .mfp-img-mobile .mfp-counter {
- right: 5px;
- top: 3px; }
- .mfp-img-mobile .mfp-close {
- top: 0;
- right: 0;
- width: 35px;
- height: 35px;
- line-height: 35px;
- background: rgba(0, 0, 0, 0.6);
- position: fixed;
- text-align: center;
- padding: 0; } }
-
-@media all and (max-width: 900px) {
- .mfp-arrow {
- -webkit-transform: scale(0.75);
- transform: scale(0.75); }
- .mfp-arrow-left {
- -webkit-transform-origin: 0;
- transform-origin: 0; }
- .mfp-arrow-right {
- -webkit-transform-origin: 100%;
- transform-origin: 100%; }
- .mfp-container {
- padding-left: 6px;
- padding-right: 6px; } }
diff --git a/css/styles.css b/css/styles.css
index 0942514..44c42a9 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1924,13 +1924,12 @@ color: black;
width: 40px;
height: 40px;
color: #fff;
- background-color: #3BC1FD;
+ background-color: #2F5BE7;
display: none;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25)
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#scroll i {
diff --git a/css/swiper.min.css b/css/swiper.min.css
deleted file mode 100644
index 35fa49d..0000000
--- a/css/swiper.min.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * Swiper 4.3.3
- * Most modern mobile touch slider and framework with hardware accelerated transitions
- * http://www.idangero.us/swiper/
- *
- * Copyright 2014-2018 Vladimir Kharlampidi
- *
- * Released under the MIT License
- *
- * Released on: June 5, 2018
- */
-.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
\ No newline at end of file
diff --git a/index.html b/index.html
index 1b5cfc4..5c17f75 100644
--- a/index.html
+++ b/index.html
@@ -8,13 +8,12 @@
+
-
-
+
-
@@ -67,8 +66,8 @@
Technologies
- Learn
- Projects
+ Learn
+ Projects
Workshops
Team
@@ -105,7 +104,8 @@ Developer Student Club University Name.
@@ -271,6 +271,7 @@
Cloud Computing
+
@@ -370,7 +371,10 @@
Raspberry Pi Jam
From ff30b0c685ad268d304f0cd884c6d3bd4bd7febd Mon Sep 17 00:00:00 2001
From: Kelvin Kamau
Date: Sat, 9 Feb 2019 11:43:56 +0300
Subject: [PATCH 18/84] fix: removed unused scripts
---
css/styles.css | 4 ++--
index.html | 16 ++++++++--------
learn.html | 2 --
projects.html | 4 ++--
4 files changed, 12 insertions(+), 14 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index 44c42a9..8e36642 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1197,7 +1197,7 @@ hr{
.card.hovercard .cardheader {
background: #3BC1FD;
background-size: cover;
- height: 135px;
+ height: 150px;
}
.card.hovercard .avatar {
@@ -1220,7 +1220,7 @@ hr{
}
.card.hovercard .info {
- padding: 4px 8px 10px;
+ padding: 4px 8px 2px;
text-align: center;
}
diff --git a/index.html b/index.html
index 5c17f75..9e499af 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
-
+
@@ -371,7 +371,7 @@ Raspberry Pi Jam
-
@@ -410,7 +410,7 @@
VENUE : LH 1, Main Campus
-
@@ -424,7 +424,7 @@
VENUE : LH 1, Main Campus
-
@@ -463,7 +463,7 @@
WHERE : Lagos, Nigeria.
-
@@ -477,7 +477,7 @@
WHERE : Lagos, Nigeria.