Skip to content

Commit 870ef18

Browse files
sNice1211sNice1211
committed
modified: index.css
 modified: index.html new file: weather-bot.html
1 parent 7aa8dc0 commit 870ef18

3 files changed

Lines changed: 259 additions & 24 deletions

File tree

‎index.css‎

Lines changed: 234 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -660,54 +660,271 @@ nav a.active {
660660
}
661661
}
662662

663-
.bot-policies {
663+
/* Discord Bot Section Improvements */
664+
#discord-bot .card-content {
665+
padding: 1.5rem;
666+
}
667+
668+
.bot-features {
669+
margin: 1.5rem 0;
670+
padding: 1rem;
671+
background: rgba(255, 255, 255, 0.05);
672+
border-radius: 8px;
673+
border-left: 4px solid #5865f2;
674+
}
675+
676+
.bot-features h3 {
677+
color: #5865f2;
678+
margin-bottom: 1rem;
664679
display: flex;
665-
gap: 15px;
666-
margin-top: 20px;
680+
align-items: center;
681+
gap: 0.5rem;
682+
}
683+
684+
.bot-features ul {
685+
list-style: none;
686+
padding: 0;
687+
margin: 0;
688+
}
689+
690+
.bot-features li {
691+
padding: 0.5rem 0;
692+
padding-left: 1.5rem;
693+
position: relative;
694+
color: rgba(255, 255, 255, 0.9);
695+
}
696+
697+
.bot-features li::before {
698+
content: "✓";
699+
position: absolute;
700+
left: 0;
701+
color: #00d4aa;
702+
font-weight: bold;
703+
}
704+
705+
/* Bot Action Buttons */
706+
.bot-actions {
707+
display: flex;
708+
gap: 1rem;
709+
margin: 2rem 0;
667710
flex-wrap: wrap;
711+
}
712+
713+
.bot-invite-btn {
714+
display: inline-flex;
715+
align-items: center;
716+
gap: 0.5rem;
717+
padding: 0.75rem 1.5rem;
718+
background: linear-gradient(135deg, #5865f2, #4752c4);
719+
color: white;
720+
text-decoration: none;
721+
border-radius: 8px;
722+
font-weight: 500;
723+
transition: all 0.3s ease;
724+
border: 2px solid transparent;
725+
box-shadow: 0 4px 12px rgba(88, 101, 242, 0.3);
726+
min-width: 140px;
668727
justify-content: center;
669728
}
670729

730+
.bot-invite-btn:hover {
731+
background: linear-gradient(135deg, #4752c4, #3c45a5);
732+
transform: translateY(-2px);
733+
box-shadow: 0 6px 20px rgba(88, 101, 242, 0.4);
734+
text-decoration: none;
735+
color: white;
736+
}
737+
738+
.bot-invite-btn:active {
739+
transform: translateY(0);
740+
box-shadow: 0 2px 8px rgba(88, 101, 242, 0.3);
741+
}
742+
743+
.bot-invite-btn .material-icons {
744+
font-size: 1.2rem;
745+
}
746+
747+
/* Policy Buttons */
748+
.bot-policies {
749+
display: flex;
750+
gap: 1rem;
751+
margin-top: 2rem;
752+
padding-top: 1.5rem;
753+
border-top: 1px solid rgba(255, 255, 255, 0.1);
754+
flex-wrap: wrap;
755+
}
756+
671757
.policy-btn {
672758
display: inline-flex;
673759
align-items: center;
674-
gap: 8px;
675-
padding: 12px 20px;
676-
background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
760+
gap: 0.5rem;
761+
padding: 0.6rem 1.2rem;
762+
background: rgba(255, 255, 255, 0.1);
763+
color: rgba(255, 255, 255, 0.9);
764+
border: 1px solid rgba(255, 255, 255, 0.2);
765+
border-radius: 6px;
766+
font-weight: 400;
767+
cursor: pointer;
768+
transition: all 0.3s ease;
769+
font-size: 0.9rem;
770+
min-width: 120px;
771+
justify-content: center;
772+
}
773+
774+
.policy-btn:hover {
775+
background: rgba(255, 255, 255, 0.15);
776+
border-color: rgba(255, 255, 255, 0.3);
777+
transform: translateY(-1px);
778+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
779+
}
780+
781+
.policy-btn:active {
782+
transform: translateY(0);
783+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
784+
}
785+
786+
.policy-btn .material-icons {
787+
font-size: 1.1rem;
788+
}
789+
790+
/* Bot Action Buttons - Updated for button elements */
791+
.bot-actions {
792+
display: flex;
793+
gap: 1rem;
794+
margin: 2rem 0;
795+
flex-wrap: wrap;
796+
}
797+
798+
.bot-invite-btn {
799+
display: inline-flex;
800+
align-items: center;
801+
gap: 0.5rem;
802+
padding: 0.75rem 1.5rem;
803+
background: linear-gradient(135deg, #5865f2, #4752c4);
677804
color: white;
678-
border: none;
679-
border-radius: 25px;
680-
font-size: 1rem;
805+
text-decoration: none;
806+
border: none; /* Remove default button border */
807+
border-radius: 8px;
681808
font-weight: 500;
809+
font-size: 1rem; /* Ensure consistent font size */
810+
font-family: inherit; /* Inherit font family */
682811
cursor: pointer;
683812
transition: all 0.3s ease;
684-
text-decoration: none;
813+
box-shadow: 0 4px 12px rgba(88, 101, 242, 0.3);
814+
min-width: 140px;
815+
justify-content: center;
816+
}
817+
818+
.bot-invite-btn:hover {
819+
background: linear-gradient(135deg, #4752c4, #3c45a5);
820+
transform: translateY(-2px);
821+
box-shadow: 0 6px 20px rgba(88, 101, 242, 0.4);
822+
color: white;
823+
}
824+
825+
.bot-invite-btn:active {
826+
transform: translateY(0);
827+
box-shadow: 0 2px 8px rgba(88, 101, 242, 0.3);
828+
}
829+
830+
.bot-invite-btn:focus {
831+
outline: 2px solid #5865f2;
832+
outline-offset: 2px;
833+
}
834+
835+
.bot-invite-btn .material-icons {
836+
font-size: 1.2rem;
837+
}
838+
839+
/* Policy Buttons - Already properly styled as buttons */
840+
.bot-policies {
841+
display: flex;
842+
gap: 1rem;
843+
margin-top: 2rem;
844+
padding-top: 1.5rem;
845+
border-top: 1px solid rgba(255, 255, 255, 0.1);
846+
flex-wrap: wrap;
847+
}
848+
849+
.policy-btn {
850+
display: inline-flex;
851+
align-items: center;
852+
gap: 0.5rem;
853+
padding: 0.6rem 1.2rem;
854+
background: rgba(255, 255, 255, 0.1);
855+
color: rgba(255, 255, 255, 0.9);
856+
border: 1px solid rgba(255, 255, 255, 0.2);
857+
border-radius: 6px;
858+
font-weight: 400;
859+
font-size: 0.9rem;
685860
font-family: inherit;
861+
cursor: pointer;
862+
transition: all 0.3s ease;
863+
min-width: 120px;
864+
justify-content: center;
686865
}
687866

688867
.policy-btn:hover {
689-
background: linear-gradient(135deg, #495057 0%, #343a40 100%);
690-
transform: translateY(-2px);
691-
box-shadow: 0 5px 15px rgba(108, 117, 125, 0.3);
868+
background: rgba(255, 255, 255, 0.15);
869+
border-color: rgba(255, 255, 255, 0.3);
870+
transform: translateY(-1px);
871+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
692872
}
693873

694874
.policy-btn:active {
695875
transform: translateY(0);
876+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
877+
}
878+
879+
.policy-btn:focus {
880+
outline: 2px solid #5865f2;
881+
outline-offset: 2px;
696882
}
697883

698884
.policy-btn .material-icons {
699-
font-size: 1.2rem;
885+
font-size: 1.1rem;
886+
}
887+
888+
/* Special styling for different bot types */
889+
.bot-invite-btn:nth-child(1) {
890+
background: linear-gradient(135deg, #ff6b6b, #ee5a52);
891+
box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);
892+
}
893+
894+
.bot-invite-btn:nth-child(1):hover {
895+
background: linear-gradient(135deg, #ee5a52, #dc4c41);
896+
box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4);
897+
}
898+
899+
.bot-invite-btn:nth-child(2) {
900+
background: linear-gradient(135deg, #4ecdc4, #44a08d);
901+
box-shadow: 0 4px 12px rgba(78, 205, 196, 0.3);
902+
}
903+
904+
.bot-invite-btn:nth-child(2):hover {
905+
background: linear-gradient(135deg, #44a08d, #3d8b7a);
906+
box-shadow: 0 6px 20px rgba(78, 205, 196, 0.4);
700907
}
701908

909+
/* Responsive Design for Bot Section */
702910
@media (max-width: 768px) {
911+
.bot-actions {
912+
flex-direction: column;
913+
align-items: stretch;
914+
}
915+
916+
.bot-invite-btn {
917+
width: 100%;
918+
justify-content: center;
919+
}
920+
703921
.bot-policies {
704922
flex-direction: column;
705-
align-items: center;
923+
align-items: stretch;
706924
}
707925

708926
.policy-btn {
709927
width: 100%;
710-
max-width: 250px;
711928
justify-content: center;
712929
}
713-
}
930+
}

‎index.html‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -249,22 +249,25 @@ <h2>
249249
<div class="bot-features">
250250
<h3>Features</h3>
251251
<ul>
252-
<li>Server moderation tools</li>
253252
<li>Fun interactive commands</li>
254-
<li>Utility functions</li>
255-
<li>Custom server integrations</li>
253+
<li>Easy server integrations</li>
254+
<li>Ask me if you would like more commands!</li>
256255
</ul>
257256
</div>
258257

259258
<div class="bot-actions">
260-
<a href="/gambler-bot.html" class="bot-invite-btn" rel="noopener noreferrer" target="_blank">
259+
<button class="bot-invite-btn" onclick="window.open('/gambler-bot.html', '_blank')" rel="noopener noreferrer">
261260
<span class="material-icons" aria-hidden="true">casino</span>
262261
Add Gambler
263-
</a>
264-
<!-- <a href="/vortex-bot.html" class="bot-invite-btn" rel="noopener noreferrer" target="_blank">
262+
</button>
263+
<button class="bot-invite-btn" onclick="window.open('/weather-bot.html', '_blank')" rel="noopener noreferrer">
264+
<span class="material-icons" aria-hidden="true">cloud</span>
265+
Add Weather
266+
</button>
267+
<!-- <button class="bot-invite-btn" onclick="window.open('/vortex-bot.html', '_blank')" rel="noopener noreferrer">
265268
<span class="material-icons" aria-hidden="true">cyclone</span>
266269
Add Vortex
267-
</a> -->
270+
</button> -->
268271
</div>
269272

270273
<div class="bot-policies">
@@ -280,6 +283,7 @@ <h3>Features</h3>
280283
</div>
281284
</section>
282285

286+
283287
<section id="contact" class="card fade-in">
284288
<div class="card-header">
285289
<h2>

‎weather-bot.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<link rel="stylesheet" type="text/css" href="index.css">
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Redirecting...</title>
8+
<meta http-equiv="refresh" content="3; url=https://discord.com/oauth2/authorize?client_id=1328067345759080618&permissions=1126864127445056&integration_type=0&scope=bot">
9+
</head>
10+
<body>
11+
<h1>Redirecting...</h1>
12+
<p>If you are not redirected in 3 seconds, click <a href="https://discord.com/oauth2/authorize?client_id=1328067345759080618&permissions=1126864127445056&integration_type=0&scope=bot">here</a>.</p>
13+
</body>
14+
</html>

0 commit comments

Comments
 (0)