Removed links and created ids for containers

Signed-off-by: Tarith <tarithj@gmail.com>
jisshu-developer · Nov 2, 2021 · bc462a4 · bc462a4
1 parent de40550
commit bc462a4
Showing 1 changed file with 13 additions and 38 deletions.
diff --git a/index.html b/index.html
@@ -23,9 +23,9 @@
         rel="stylesheet">
 
     <!--Meta Data-->
-    <title>Your Name-Links</title>
-    <meta name="title" content="Your Name-Links">
-    <meta name="description"
+    <title></title>
+    <meta id="title-meta" name="title" content="Your Name-Links">
+    <meta id="description-meta" name="description"
         content="Your Description">
 
     <meta name="keywords"
@@ -47,48 +47,20 @@
     <img src="assets/img/boy.png" alt="profile picture" class="profile-picture">
 
     <!-- Profile name-->
-    <div class="profile-name"><b>Your Name</b></div>
+    <div class="profile-name"><b id="name_component"></b></div>
 
     <!-- Profile about-->
-    <div class="profile-about"><b>Your Description</b></div>
+    <div class="profile-about"><b id="description_component">Your Description</b></div>
 
     <!-- Links-->
-    <a href="http://www.harindu.dev" target="_blank" class="links , hover">
-        <i class="fas fa-link , links-in"></i>
-        Website</a>
-
-    <a href="https://github.com/harindulk" target="_blank" class="links , hover">
-        <i class="fab fa-github , , links-in"></i>
-        Github</a>
-
-    <a href="https://play.google.com/store/apps/dev?id=6729187126243636577" target="_blank" class="links , hover">
-        <i class="fab fa-google-play , links-in"></i>
-        Play Store</a>
-
-    <a href="https://harindulk.itch.io/" target="_blank" class="links , hover">
-        <i class="fab fa-itch-io , links-in"></i>
-        PC Games</a>
-
-    <a href="blog-test" target="_blank" class="links , hover">
-        <i class="fas fa-blog , links-in"></i>
-        Blog</a>
-
-    <a href="https://twitter.com/Harindu_Fonseka" target="_blank" class="links , hover">
-        <i class="fab fa-twitter , links-in"></i>
-        Twitter</a>
-
-    <a href="https://www.linkedin.com/in/harindulk/" target="_blank" class="links , hover">
-        <i class="fab fa-linkedin , links-in"></i>
-        LinkedIn</a>
-
-    <a href="https://www.youtube.com/channel/UCRyQGxzCgFb5wmsp1XAlWpQ" target="_blank" class="links , hover">
-        <i class="fab fa-youtube , links-in"></i>
-        Youtube</a>
+    <div id="link-container">
+        <!-- This will be populated with links -->
+    </div>
 
 
     <footer>
         <div>
-            <center>
+            <div style="text-align: center;">
                 <a href="https://github.com/harindulk" target="_blank" class="hover , links-footer">
                     <i class="fab fa-github"></i></a>
 
@@ -104,7 +76,7 @@
 
                 <a href="mailto:Harindu.dev@outlook.com" class="hover , links-footer">
                     <i class="fas fa-envelope"></i></a>
-            </center>
+            </div>
         </div>
 
         <!--bottom text-->
@@ -117,6 +89,9 @@
     </footer>
 
     <!--Javascript-->
+    <script src="assets/js/components.js"></script>
+    <script src="assets/config.js"></script>
+    <script src="assets/js/index.js"></script>
     <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
         integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
         crossorigin="anonymous"></script>