DigitalDesignDude/DSGM-Resource-Site
1
Fork 0
mirror of https://github.com/DigitalDesignDude/DSGM-Resource-Site.git synced 2025-06-18 13:45:40 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updated Social Links

Browse Source
This commit is contained in:
DigitalDesignDude 2022-09-24 03:38:39 -04:00
parent 2eec1ed442
commit 5aae3c92e0
3 changed files with 56 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/backdrop-dsgm-projects-showreel.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 98 KiB

12
index.html
View File

@ -227,16 +227,16 @@
<div class="col-md-4 mb-5 d-flex justify-content-center">
<img class="align-self-center" style="width: 100%; max-width: 300px;" src="images/logo-dsgm.png" alt="DS Game Maker Logo">
</div>
<div class="col-md-4 mb-3 d-flex justify-content-center">
<div class="col-md-4 mb-3 d-flex justify-content-center footer-col">
<div>
<h3><i class="fab fa-discord"></i> Discord Servers</h3>
<ul>
<li><a href="https://discord.gg/uzNM8gGSA4">DS Game Maker</a></li>
<li><a href="https://discord.gg/HqbuAy9xJf">DSGM Online!</a></li>
<h3>Community Links</h3>
<ul class="list-social-links">
<li><a href="https://discord.gg/uzNM8gGSA4"><span><i class="fab fa-discord"></i></span>DS Game Maker</a></li>
<li><a href="https://www.reddit.com/r/DSGameMaker/"><span><i class="fab fa-reddit"></i></span>DSGameMaker</a></li>
</ul>
</div>
</div>
<div class="col-md-4 mb-3 d-flex justify-content-center">
<div class="col-md-4 mb-3 d-flex justify-content-center footer-col">
<div>
<h3><i class="fab fa-youtube"></i> YouTube Channels</h3>
<ul>

57
style.css
View File

@ -123,8 +123,8 @@ main {
max-height: 100px;
width: auto;
content: url("images/img-sidebar-grip-closed.svg");
}
#sidebar-toggler.opened {
@ -309,17 +309,41 @@ footer ul li {
}
#footer-info {
border-top: 1px solid #5a5a5a;
border-top: 1px solid #1d1d1d;
padding: 20px 0px;
text-align: center;
}
#footer-info span {
font-size: 14px;
}
/*Footer Social Links*/
.list-social-links{
list-style-type: none;
margin-left: 2.0em;
padding-left: 0;
position: relative;
}
.list-social-links span{
left: -2.2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.list-social-links li{
margin-bottom: 1.2em;
}
.list-social-links i{
font-size: 26px;
vertical-align: baseline;
}
/*HEADLINES AND SPECIAL TEXT======================*/
h1 {
@ -426,7 +450,6 @@ h5 {
}
.hero-banner {
background-image: url(images/DSGM%20Projects%20Reel.00_00_05_12.Still001.jpg);
background-color: #3f95cb;
background-position: right;
background-repeat: no-repeat;
@ -593,7 +616,7 @@ tr:nth-child(odd) {
}
.description-blurb {
margin-bottom: 26px;
margin-bottom: 26px;
}
@ -606,13 +629,17 @@ tr:nth-child(odd) {
/*Social Icons*/
.fa-discord {
color: #5865F2;
color: #5865F2 !important;
}
.fa-youtube {
color: #FF0000;
}
.fa-reddit{
color: #FF4500;
}
.icon-dsgm:before {
content: url("images/icon_DSGM.svg");
height: 1em !important;
@ -691,6 +718,12 @@ tr:nth-child(odd) {
text-shadow: 0px 0px 20px #13202a;
}
#player {
background-image: url('images/backdrop-dsgm-projects-showreel.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@ -722,6 +755,16 @@ tr:nth-child(odd) {
border-top: 1px solid rgb(128, 128, 128);
border-bottom: 1px solid rgb(128, 128, 128);
}
footer .row{
max-width: 360px;
margin: 0 auto;
}
.footer-col{
justify-content: flex-start !important;
margin-left: 30px;
}
/*HEADLINES ----------------------*/