Dynamic social icon generation via confiq file

Author: emilbaehr

_config.yml

@@ -1,3 +1,45 @@
+# Mobile App Landing Page Configuration
+
+# App Info
+app_name            : Landing
+app_description     : Wherever some that and kiwi that well 
+                      dolphin alas this the mindfully jeepers 
+                      one aside canny one preparatory up less therefore 
+                      hello oh amid goodness checked.
+app_price           : 4.99
+ios_app_id          :
+android_app_id      :
+
+# Social Links
+facebook_username   : 
+twitter_username    : ebaehr
+github_username     : emilbaehr
+email_address       : [email protected]
+
+# Features
+features                      :
+  - title                     : First Feature
+    description               : A good description
+    fontawesome_icon_name     : adjust
+  - title                     : Another feature
+    description               : Another good description
+    fontawesome_icon_name     : mobile
+
+# Theme Settings
+accent_color                  : #000000
+image_overlay_color           : #000000
+
+
+# Analytics 
+google_analytics              : # Enter Google Analytics tracking code (e.g. UA-2110908-2)
+
+
+
+
+
+# # # # # # # # # # # # # # # #
+# Jekyll-specific Config Below
+
 # Where things are
 source              : .
 destination         : ./_site
@@ -10,15 +52,6 @@ collections:
   posts:
     output          : true
 
-# Features
-features                      :
-  - title                     : 'First Feature'
-    description               : 'A good description'
-    fontawesome_icon_name     : adjust
-  - title                     : 'Another feature'
-    description               : 'Another good description'
-    fontawesome_icon_name     : mobile
-
 # Handling Reading
 safe                : false
 include             : [".htaccess", "_pages"]

_includes/footer.html

@@ -1,29 +1,42 @@
 <footer>
 	<p class="footerText">Designed and developed by <a href="http://emilbaehr.com">Emil Baehr</a> in Copenhagen</p>
 	<div class="footerIcons">
-		<div>
+
+		{% if site.facebook_username %}
 			<a href="https://">
 				<span class="fa-stack fa-1x">
 					<i class="socialIconBack fas fa-circle fa-stack-2x"></i>
 					<i class="socialIconTop fab fa-facebook fa-stack-1x"></i>
 				</span>
 			</a>
-		</div>
-		<div>
-			<a href="https://">
+		{% endif %}
+
+		{% if site.twitter_username %}
+			<a href="https://twitter.com/{{ site.twitter_username }}">
 				<span class="fa-stack fa-1x">
 					<i class="socialIconBack fas fa-circle fa-stack-2x"></i>
 					<i class="socialIconTop fab fa-twitter fa-stack-1x"></i>
 				</span>
 			</a>
-		</div>
-		<div>
+		{% endif %}
+
+		{% if site.github_username %}
+			<a href="https://">
+				<span class="fa-stack fa-1x">
+					<i class="socialIconBack fas fa-circle fa-stack-2x"></i>
+					<i class="socialIconTop fab fa-github fa-stack-1x"></i>
+				</span>
+			</a>
+		{% endif %}
+
+		{% if site.email_address %}
 			<a href="https://">
 				<span class="fa-stack fa-1x">
 					<i class="socialIconBack fas fa-circle fa-stack-2x"></i>
 					<i class="socialIconTop fas fa-envelope fa-stack-1x"></i>
 				</span>
 			</a>
-		</div>
+		{% endif %}
+
 	</div>
 </footer>

index.html

@@ -37,10 +37,10 @@
 
 					<div class="appNamePriceContainer">
 						<h1 class="appName">
-							Your App
+							{{ site.app_name }}
 						</h1>
 						<h3 class="appPrice">
-							$9.99
+							${{ site.app_price }}
 						</h3>
 					</div>
 					<div class="appDescriptionContainer">