refactor(blog): move content gen code to its own package

packages/blog-content/src/portfolio/skills.ejs

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="480" height="1075">
+	<style>
+		<%= style %>
+	</style>
+
+	<foreignObject x="0" y="0" width="100%" height="100%">
+		<div
+			xmlns="http://www.w3.org/1999/xhtml"
+			xmlns:xlink="http://www.w3.org/1999/xlink"
+		>
+			<% for (let key in data) { %>
+				<h2><%- key %></h2>
+				<% if(data[key] instanceof Array){ %>
+					<%- include("badges.ejs", { badges: data[key] }) %>
+				<% } else{ %>  
+					<% for (let subKey in data[key]) { %>
+						<h3><%- subKey %></h3>
+						<%- include("badges.ejs", { badges: data[key][subKey] }) %>
+					<% } %>
+				<% } %>
+			<% } %>
+		</div>
+	</foreignObject>
+</svg>