boilerplate/starter code for github profile card

vueschool · Jun 17, 2021 · fe02bd5 · fe02bd5
1 parent 1ca7b69
commit fe02bd5
Showing 1 changed file with 49 additions and 0 deletions.
diff --git a/github-profile-card/boilerplate.html b/github-profile-card/boilerplate.html
@@ -0,0 +1,49 @@
+<html>
+
+<head>
+  <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
+</head>
+
+<body>
+
+  <div id="app"
+       class="ui container">
+    <h1>GitHub Profiles</h1>
+    {{me}}
+    <github-user-card username="danielkellyio"></github-user-card>
+
+    <!-- Template for GitHub card -->
+    <div class="ui card">
+      <div class="image">
+        <img src="https://semantic-ui.com/images/avatar2/large/kristy.png">
+      </div>
+      <div class="content">
+        <a class="header">Kristy</a>
+        <div class="meta">
+          <span class="date">Joined in 2013</span>
+        </div>
+        <div class="description">
+          Kristy is an art director living in New York.
+        </div>
+      </div>
+      <div class="extra content">
+        <a>
+          <i class="user icon"></i>
+          22 Friends
+        </a>
+      </div>
+    </div>
+  </div>
+
+  <!-- Import Vue.js and axios -->
+  <script src="https://unpkg.com/vue@3"></script>
+  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+
+  <!-- Your JavaScript Code :) -->
+  <script>
+    Vue.createApp({}).mount('#app')
+  </script>
+</body>
+
+</html>