Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
32 commits
Select commit Hold shift + click to select a range
253acfb
Add files via upload
shubham-godleon May 28, 2020
c27c3aa
Add files via upload
shubham-godleon May 28, 2020
6d4e6f9
Delete College 1.png
shubham-godleon May 28, 2020
71b9165
Delete webdev 1.png
shubham-godleon May 28, 2020
525c9a7
Delete toolkit 1.png
shubham-godleon May 28, 2020
688d9f4
Delete Animation html code.txt
shubham-godleon May 28, 2020
e890ffb
Delete AI 1.png
shubham-godleon May 28, 2020
1bde7b3
Delete programming 1.png
shubham-godleon May 28, 2020
730bd58
Delete Android 1.png
shubham-godleon May 28, 2020
b5cbb95
Delete anime style.css
shubham-godleon May 28, 2020
c56399d
Add files via upload
shubham-godleon May 28, 2020
98f0992
Added animation and shifted hyperlinks
Rohitn697 May 28, 2020
2cbb81a
some minor changes
Rohitn697 May 28, 2020
e2ddc20
Set theme jekyll-theme-midnight
Rohitn697 May 28, 2020
e6accc3
abcd
May 28, 2020
f1b4eeb
Update anime style.css
shubham-godleon May 28, 2020
efade87
abc
Rohitn697 May 28, 2020
ae09216
organised the files and added main.css
somya1333 May 28, 2020
c9e7724
added neon button
somya1333 May 28, 2020
32399f5
added neon button and circular shadow
somya1333 May 28, 2020
730c9bf
removed shadow
somya1333 May 28, 2020
9bbcf06
added second page
somya1333 May 28, 2020
d52403e
changed background color
shubham-godleon May 29, 2020
2b41c60
animation changes
Rohitn697 May 31, 2020
cc30ce3
corrected the loading and the second(new first) page
somya1333 May 31, 2020
f18ea73
hyperlink color modification
Rohitn697 May 31, 2020
be53f4e
added course icons and animation
somya1333 Jun 1, 2020
71138c9
Merge branch 'master' of https://github.com/Resource-Library/resource…
somya1333 Jun 1, 2020
eee4808
description added
Rohitn697 Jun 1, 2020
80d5d23
Animation added in images
Rohitn697 Jun 1, 2020
4c85d63
Minor Bug Fixes
Rohitn697 Jun 1, 2020
a555f84
minor animation changes
Rohitn697 Jun 1, 2020
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
35 changes: 35 additions & 0 deletions Animation html code.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="anime style.css">
</head>
<body >

<div class="css-slideshow">
<figure>
<img src="languages.png" alt="ML & AI" width="400" height="400"/>
</figure>
<figure>
<img src="android.png" alt="Android" width="400" height="400"/>
</figure>
<figure>
<img src="web.png" alt="Languages" width="400" height="400"/>
</figure>
<figure>
<img src="ml.png" alt="WebDev" width="400" height="400"/>
</figure>
<figure>
<img src="toolbox.png" alt="AI & ML" width="400" height="400"/>
</figure>
<figure>
<img src="courses.png" alt="College courses" width="400" height="400"/>
</figure>
<figure>
<img src="languages.png" alt="WebDev" width="400" height="400"/>
</figure>
<figure>
<img src="web.png" alt="Android" width="400" height="400"/>
</figure>
</div>
</body>
</html>
1 change: 1 addition & 0 deletions _config.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
theme: jekyll-theme-midnight
141 changes: 141 additions & 0 deletions anime style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
.loader_bg{
position: fixed;
z-index: 999999;
width: 100%;
height: 100%;
background: black;
}

#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}

.loader{
border: 0 solid transparent;
border-radius: 50%;
width: 150px;
height: 150px;
position: absolute;
top: calc(50vh - 75px);
left: calc(50vw - 75px);
}
.loader:before , .loader:after{
content: '';
border: 1em solid #ff5733;
border-radius: 50%;
width: inherit;
height: inherit;
position: absolute;
top: 0;
left: 0;
animation: loader 2s linear infinite;
opacity: 0;
}
.loader:before{
animation-delay: 0.5s;
}
@keyframes loader{
0%{
transform: scale(0);
opacity: 0;

}
50%{
opacity: 1;

}
100%{
transform: scale(1);
opacity: 0;
}
}

img {
box-shadow: 0 0 0px #91785d;
}
.css-slideshow {
position: relative;
max-width: 400px;
height: 400px;
margin: 5em auto 0.5em auto;
}
.css-slideshow figure {
margin: 0;
max-width: 400px;
height: 400px;
background: #a07b5100;
position: absolute;
}
.css-slideshow img {
box-shadow: 0 0 0px #a07b5100;
}
.css-slideshow-attr {
max-width: 400px;
text-align: right;
font-size: 0.7em;
font-style: italic;
margin: 0 auto;
}
.css-slideshow-attr a {
color: #a07b5100;
}
.css-slideshow figure {
opacity: 0;
}
figure:nth-child(1) {
animation: xfade 8s 7s infinite;
}
figure:nth-child(2) {
animation: xfade 8s 6s infinite;
}
figure:nth-child(3) {
animation: xfade 8s 5s infinite;
}
figure:nth-child(4) {
animation: xfade 8s 4s infinite;
}
figure:nth-child(5) {
animation: xfade 8s 3s infinite;
}
figure:nth-child(6) {
animation: xfade 8s 2s infinite;
}
figure:nth-child(7) {
animation: xfade 8s 1s infinite;
}
figure:nth-child(8) {
animation: xfade 8s 0s infinite;
}

@keyframes xfade {
0% {
opacity: 0;
}
10.5% {
opacity: 1;
}
12.5% {
opacity: 0;
}
98% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.hover01 img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.hover01 img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
96 changes: 96 additions & 0 deletions main.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
body {
margin: 0%;
padding: 0%;
font-weight:600;
text-align:center;
color: rgb(0, 0, 0);
background: #915252;
}

.container-fluid{
padding: 0;
}

.page-title {
opacity: .75 !important;
}

.neon{
position: relative;
display: inline-block;
padding: 15px 30px;
color: rgb(156, 16, 16);
text-transform: uppercase;
letter-spacing: 4px;
text-decoration: none;
font-size: 24px;
overflow: hidden;
transition: 0.2s;
}

.neon:hover{
color: rgb(156, 16, 16);
/* background: ;
box-shadow: 0 0 5px rgb(156, 16, 16), 0 0 40px rgb(156, 16, 16), 0 0 80px rgb(156, 16, 16);
transition-delay: 1s; */
}

.neon span{
position: absolute;
display: block;
}

.neon span:nth-child(1){
top: 0;
left: -100%;
width: 100%;
height: 2px;
background: linear-gradient(90deg,transparent,rgb(156, 16, 16));
}

.neon:hover span:nth-child(1){
left: 100%;
transition: 1s;
}

.neon span:nth-child(3){
bottom: 0;
right: -100%;
width: 100%;
height: 2px;
background: linear-gradient(270deg,transparent,rgb(156, 16, 16));
}

.neon:hover span:nth-child(3){
right: 100%;
transition: 1s;
transition-delay: 0.5s;
}

.neon span:nth-child(2){
top: -100%;
right: 0;
width: 2px;
height: 100%;
background: linear-gradient(180deg,transparent,rgb(156, 16, 16));
}

.neon:hover span:nth-child(2){
top: 100%;
transition: 1s;
transition-delay: 0.25s;
}

.neon span:nth-child(4){
bottom: -100%;
left: 0;
width: 2px;
height: 100%;
background: linear-gradient(360deg,transparent,rgb(156, 16, 16));
}

.neon:hover span:nth-child(4){
bottom: 100%;
transition: 1s;
transition-delay: 0.75s;
}
Loading