Using new social logo

danpros · Feb 27, 2024 · 4287562 · 4287562
1 parent 4f921aa
commit 4287562
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 27 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1545,4 +1545,38 @@ color: #333;
 
 .toc-wrapper.visible {
 display: block!important;
+}
+
+.social-logo a {
+margin: 0px 5px!important;	
+}
+
+.s2 .social-logo a {
+font-size: 20px!important;
+padding: 10px;
+margin: 0 20px!important;
+color: rgba(0,0,0,0.7);
+line-height: 1;
+}
+
+.s2 .social-logo a:before {
+padding-top:3px;
+}
+
+.s2 .social-logo a:hover { 
+background: rgba(0,0,0,0.05); 
+box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), inset 0 -1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(0,0,0,0.1); 
+border-radius: 10px; 
+color: #333; 
+text-decoration: none; 
+}
+
+
+@media only screen and (max-width: 719px) {
+  .s2 .social-logo a {
+    background: #f5f5f5;
+	padding: 10px 0px;
+    margin: 0 10px!important;
+    border-bottom: none;
+  }
 }
diff --git a/layout.html.php b/layout.html.php
@@ -62,20 +62,7 @@
 				</div>
 
 			</div>
-
-			<ul class="social-links">
-				<?php if(!empty(config('social.facebook'))):?>
-				<li><a rel="nofollow" class="social-tooltip" title="Facebook" href="<?php echo config('social.facebook');?>"><i class="fab fa-facebook"></i></a></li>
-				<?php endif;?>
-				<?php if(!empty(config('social.twitter'))):?>
-				<li><a rel="nofollow" class="social-tooltip" title="Twitter" href="<?php echo config('social.twitter');?>"><i class="fab fa-twitter"></i></a></li>
-				<?php endif;?>
-				<?php if(!empty(config('social.github'))):?>
-				<li><a rel="nofollow" class="social-tooltip" title="GitHub" href="<?php echo config('social.github');?>"><i class="fab fa-github"></i></a></li>
-				<?php endif;?>
-				<li><a class="social-tooltip" title="RSS" href="<?php echo site_url();?>feed/rss"><i class="fas fa-rss"></i></a></li>
-			</ul>			
-
+			<?php echo social('social-links');?>					
 	</div>
 
 
@@ -238,19 +225,8 @@
 
 					<div id="copyright"><?php echo copyright();?></div><!--/#copyright-->
 					<div id="credit"><span>Design by <a href="http://alx.media/" rel="nofollow" target="_blank">Alx</a>.</span></div><!--/#credit-->
-
-					<ul class="social-links">
-						<?php if(!empty(config('social.facebook'))):?>
-						<li><a rel="nofollow" class="social-tooltip" title="Facebook" href="<?php echo config('social.facebook');?>"><i class="fab fa-facebook"></i></a></li>
-						<?php endif;?>
-						<?php if(!empty(config('social.twitter'))):?>
-						<li><a rel="nofollow" class="social-tooltip" title="Twitter" href="<?php echo config('social.twitter');?>"><i class="fab fa-twitter"></i></a></li>
-						<?php endif;?>
-						<?php if(!empty(config('social.github'))):?>
-						<li><a rel="nofollow" class="social-tooltip" title="GitHub" href="<?php echo config('social.github');?>"><i class="fab fa-github"></i></a></li>
-						<?php endif;?>
-						<li><a rel="nofollow" class="social-tooltip" title="RSS" href="<?php echo site_url();?>feed/rss"><i class="fas fa-rss"></i></a></li>
-					</ul>
+
+					<?php echo social('social-links');?>
 
 				</div>