Skip to content

Commit 2db1c50

Browse files
committed
Styling change Tailwind to Normal CSS
1 parent 4beb53f commit 2db1c50

File tree

360 files changed

+2696
-962
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

360 files changed

+2696
-962
lines changed

.gitattributes

Lines changed: 0 additions & 2 deletions
This file was deleted.

.vscode/settings.json

Lines changed: 0 additions & 3 deletions
This file was deleted.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.

30DaysOfJavaScript/assets/46.png

49.5 KB

30DaysOfJavaScript/assets/favicon.png

1.49 KB

30DaysOfJavaScript/script.js

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
$(document).ready(function(){
2+
$(window).scroll(function(){
3+
if ($(this).scrollTop() >= 100) {
4+
$('.scrollToTop').fadeIn();
5+
} else {
6+
$('.scrollToTop').fadeOut();
7+
}
8+
});
9+
$('.scrollToTop').click(function(e){
10+
e.preventDefault();
11+
$("html, body").animate({ scrollTop: 0 }, 500);
12+
return false;
13+
});
14+
});

30DaysOfJavaScript/style.css

Lines changed: 167 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,167 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
@font-face {
8+
font-family: "sans";
9+
src: url(font/sans.ttf);
10+
}
11+
12+
body {
13+
font-family: "sans";
14+
color: white;
15+
background: rgb(111,18,47);
16+
background: linear-gradient(332deg, rgba(111,18,47,1) 0%, rgb(34, 103, 182) 70%);
17+
background-size: 400% 400%;
18+
animation: gradient 5s ease infinite;
19+
}
20+
21+
@keyframes gradient {
22+
0% {
23+
background-position: 0% 50%;
24+
}
25+
50% {
26+
background-position: 100% 50%;
27+
}
28+
100% {
29+
background-position: 0% 50%;
30+
}
31+
}
32+
33+
h1 {
34+
text-align: center;
35+
font-size: 3.5rem;
36+
padding: 5vh 7vw;
37+
text-shadow: 1px 1px 1px rgb(223, 227, 229), 6px 6px 1px rgba(0, 0, 0, 0.25);
38+
-webkit-text-stroke: 1px rgba(56, 56, 56, 0.20);
39+
}
40+
41+
@media only screen and (max-width: 658px) {
42+
43+
h1 {
44+
font-size: 2em;
45+
padding: 32px 40px;
46+
}
47+
48+
}
49+
50+
51+
h4 {
52+
padding: 2%;
53+
}
54+
55+
img {
56+
width: 100%;
57+
border-radius: 10px 10px 0 0;
58+
}
59+
60+
a {
61+
color: inherit;
62+
text-decoration: none;
63+
}
64+
65+
a:visited {
66+
color: inherit;
67+
}
68+
69+
.container {
70+
display: flex;
71+
flex-direction: row;
72+
font-size: 30px;
73+
text-align: center;
74+
}
75+
76+
.item {
77+
flex: 50%;
78+
height: 100%;
79+
background-color: rgba(0, 0, 0, 0.4);
80+
box-shadow: 0 0 transparent,0 0 transparent,0 0 transparent,0 0 transparent, 0 2px 3px 0 rgba(0,0,0,0.15),0 1px 2px 0 rgba(0,0,0,0.06);
81+
border-radius: 10px;
82+
transition: transform .3s ease-in-out 0s;
83+
}
84+
85+
.item:hover{
86+
transform: scale3d(1.05, 1.05, 1);
87+
border: 3px solid #ffffff;
88+
filter: drop-shadow(10px);
89+
filter: contrast(110%);
90+
}
91+
92+
.item h4{
93+
font-size: 1.3rem;
94+
text-align: center;
95+
}
96+
97+
.main{
98+
width: 90vw;
99+
display: grid;
100+
grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
101+
grid-gap: 24px;
102+
row-gap: 24px;
103+
margin: auto;
104+
justify-content: center;
105+
106+
}
107+
108+
::-webkit-scrollbar{
109+
width: 6px;
110+
}
111+
112+
::-webkit-scrollbar-thumb{
113+
background: linear-gradient(transparent, rgb(62, 120, 185));
114+
border-radius: 12px;
115+
}
116+
117+
::-webkit-scrollbar-track{
118+
background: black;
119+
}
120+
121+
footer {
122+
background-color: #19172e;
123+
text-align: center;
124+
color: white;
125+
font-size: 1rem;
126+
left: 0;
127+
right: 0;
128+
bottom: 0;
129+
margin-bottom: 0;
130+
padding: 22px;
131+
line-height: 3vh;
132+
margin-top: 30px;
133+
}
134+
135+
footer a:visited {
136+
color: inherit;
137+
138+
}
139+
140+
@media (max-width: 800px) {
141+
.container {
142+
flex-direction: column;
143+
}
144+
}
145+
146+
.scrollToTop {
147+
position:fixed;
148+
right:10px;
149+
bottom:10px;
150+
cursor:pointer;
151+
width:50px;
152+
height:50px;
153+
background-color:#5520b6;
154+
border-radius:50%;
155+
}
156+
.scrollToTop span {
157+
position:absolute;
158+
top:50%;
159+
left:50%;
160+
margin-left:-8px;
161+
margin-top:-12px;
162+
border:8px solid transparent;
163+
border-bottom-color:white;
164+
}
165+
.scrollToTop:hover {
166+
background-color:#5836D8;
167+
}
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.

37 - RPS Game/start.html

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
<link rel="stylesheet" href="style.css">
9+
<script src="start.js"></script>
10+
</head>
11+
<body>
12+
<div class="container">
13+
<div>
14+
<h2> Stone Paper Scissors Game</h2><br>
15+
<img id="Rock" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQMm_CG8rW0lcRsU44OEJ72i9Fqgl8e65dOzTA2CNl7M7urmaAEvWSMzhrO9UXQI87PQHg&usqp=CAU" alt="Rock" height="150px" width="150px" onclick="rpsGame(id)">
16+
<img id="Paper" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTq5coVBzk-fBpsBg0mH5IHjE-z7wsSyO6LAnaGPRp5KOsySVwfH89a3vj1qI92tmIKP1Q&usqp=CAU" alt="Paper"
17+
height="150px" width="150px" onclick="rpsGame(id)">
18+
<img id="Scissors" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT4KAZtQUpeqelxjO89TJxMfAFtWsX1SCIwCXNaY3HNhfKSy5WTZKEF4K5nWX7upL5NvKo&usqp=CAU"alt="Scissors"
19+
height="150px" width="150px" onclick="rpsGame(id)">
20+
</div>
21+
22+
</div>
23+
24+
<div id="message">
25+
26+
</div>
27+
</body>
28+
</html>
File renamed without changes.
File renamed without changes.

0 commit comments

Comments
 (0)