Shift skills section

MarkBind · Feb 16, 2024 · b35ccbe · b35ccbe
1 parent 3023603
commit b35ccbe
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 17 deletions.
diff --git a/packages/core/template/portfolio/contents/skills.md b/packages/core/template/portfolio/contents/skills.md
@@ -6,4 +6,20 @@
 
 # Skills
 
-> This is a placeholder page for your skills.
+This is a placeholder page for your skills. You can give a quick overview of the technologies and frameworks you know using our <a href="https://markbind.org/userGuide/components/imagesAndDiagrams.html#thumbnails" target="_blank">thumbnail feature</a> or our <a href="https://markbind.org/userGuide/formattingContents.html#icons" target="_blank">icons</a>. 
+  </p>
+  <panel header="Example using thumbnails" minimized>
+    <thumbnail src='./assests/JavaScript.svg' size="100"/>
+    <thumbnail src='./assests/Typescript.svg' size="100"/>
+    <thumbnail src='./assests/Vue.svg' size="100"/>
+  </panel>
+  <br/>
+  <panel header="Example using icons" minimized>
+    <box type="warning">
+      Some icons are not available in the libraries MarkBind supports! Please ensure that 
+      the desired icons are available beofre choosing this option. For more information regarding
+      icons, please refer to <a href="https://markbind.org/userGuide/formattingContents.html#icons" target="_blank">this section of our User Guide</a>
+    </box>
+    <i class="fa-brands fa-square-js fa-2xl"></i>
+    <i class="fa-brands fa-vuejs fa-2xl"></i>
+  </panel>
diff --git a/packages/core/template/portfolio/index.md b/packages/core/template/portfolio/index.md
@@ -30,22 +30,7 @@ This is where you can add a picture of yourself and a brief introduction
     <a href="https://www.linkedin.com/school/national-university-of-singapore/">
       <i class="fa-brands fa-linkedin fa-lg"></i>
     </a>
-    ), and other important links. You can also give a quick overview of the technologies and frameworks you know using our <a href="https://markbind.org/userGuide/components/imagesAndDiagrams.html#thumbnails" target="_blank">thumbnail feature</a> or our <a href="https://markbind.org/userGuide/formattingContents.html#icons" target="_blank">icons</a>. 
-  </p>
-  <panel header="Example using thumbnails" minimized>
-    <thumbnail src='./contents/assests/JavaScript.svg' size="100"/>
-    <thumbnail src='./contents/assests/Typescript.svg' size="100"/>
-    <thumbnail src='./contents/assests/Vue.svg' size="100"/>
-  </panel>
-  <br/>
-  <panel header="Example using icons" minimized>
-    Some icons are not available in the libraries MarkBind supports! Please ensure that 
-    the desired icons are available beofre choosing this option.
-    <br/>
-    <i class="fa-brands fa-square-js fa-2xl"></i>
-    <i class="fa-brands fa-vuejs fa-2xl"></i>
-  </panel>
-
+    ), and other important links. 
 </div>
 
 ---