Changed styling, text... AMA -> Discord. Removed styling rules.

This commit is contained in:
Thomas Smith 2022-06-27 15:51:15 -04:00
parent 80f191f3f2
commit fd394ece32
2 changed files with 17 additions and 34 deletions

View file

@ -47,13 +47,12 @@
</div> </div>
</div> </div>
<div class="card ms-lg-5 ms-sm-0" style="border-radius:15px; z-index:100;"> <div class="card ms-lg-5 ms-sm-0 mx-auto" style="border-radius:15px; z-index:100;">
<div class="card-body my-auto" <div class="card-body my-auto" style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;">
style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;"> <div class="p-lg-2 p-md-2 p-sm-0 text-center">
<div class="p-lg-2 p-md-2 p-sm-0"> <p class="ama-text mb-3">Join our discord, where you can talk to our team on the regular and ask anything. </p>
<p class="lead mt-2 ama-text">Tune into our weekly AMAs</p> <a class="btn btn-primary discord-btn mb-2" href="https://discord.gg/KCZsXfJphn"
<a class="btn btn-primary cal-btn" href="https://calendar.google.com/event?action=TEMPLATE&amp;tmeid=NWIzOTJrY3Q0M21hMHFlMmpkZmJnMHZuYWhfMjAyMjA1MTVUMTcwMDAwWiBuaWNrQHRlYS54eXo&amp;tmsrc=nick%40tea.xyz&amp;scp=ALL" role="button">Join Discord</a>
role="button">Add to Calendar</a>
</div> </div>
</div> </div>
</div> </div>
@ -62,6 +61,16 @@
</div> </div>
</div> </div>
<style>
.discord-btn{
background-color: #327280;
}
.discord-btn:hover{
background-color: #388495 !important;
}
</style>
<!-- Mission Statement --> <!-- Mission Statement -->
<img id="tea-steam-1" src="Images/tea-steam-1.svg" alt=""> <img id="tea-steam-1" src="Images/tea-steam-1.svg" alt="">
<img id="tea-steam-2" src="Images/tea-steam-2.svg" alt=""> <img id="tea-steam-2" src="Images/tea-steam-2.svg" alt="">

View file

@ -55,32 +55,6 @@
margin-bottom: auto; margin-bottom: auto;
} }
.cal-btn{
float:right;
background-color:#327280;
width:200px;
}
.ama-text{
float:left;
margin-top:auto;
margin-bottom:auto;
}
@media only screen and (max-width: 600px) {
.cal-btn{
background-color:#327280;
width:100%;
margin-bottom: 20px;
}
.ama-text{
float: none;
text-align: center;
margin-bottom: 20px;
}
}
</style> </style>
<a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;"> <a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;">