|
|
@@ -1,9 +1,15 @@
|
|
|
---
|
|
|
import Layout from "../layouts/Layout.astro";
|
|
|
+
|
|
|
import Taskbar from "../components/taskbar.astro";
|
|
|
import App from "../components/app.astro";
|
|
|
-
|
|
|
import Aboutme from "../components/aboutme.astro";
|
|
|
+import Redirect from "../components/redirect.astro";
|
|
|
+import Contact from "../components/contact.astro";
|
|
|
+import Projects from "../components/projects.astro";
|
|
|
+
|
|
|
+// Projects
|
|
|
+import Summize from "../components/projects/summize.astro";
|
|
|
|
|
|
import "../styles/global.css";
|
|
|
|
|
|
@@ -14,11 +20,6 @@ import projects from "../assets/apps/projects.png";
|
|
|
import blog from "../assets/apps/blog.png";
|
|
|
import contact from "../assets/apps/contact.png";
|
|
|
|
|
|
-import Redirect from "../components/redirect.astro";
|
|
|
-import Contact from "../components/contact.astro"
|
|
|
-import Projects from "../components/projects.astro"
|
|
|
-
|
|
|
-
|
|
|
function dragElement(elmnt) {
|
|
|
var pos1 = 0,
|
|
|
pos2 = 0,
|
|
|
@@ -177,12 +178,11 @@ let apps: app[] = [
|
|
|
];
|
|
|
|
|
|
let projectsArr: project[] = [
|
|
|
- {
|
|
|
- name: "Blog",
|
|
|
- link: "https://blog.simo.ng"
|
|
|
- }
|
|
|
-
|
|
|
-]
|
|
|
+ {
|
|
|
+ title: "Summize",
|
|
|
+ id: "summize",
|
|
|
+ },
|
|
|
+];
|
|
|
|
|
|
const row1Items = apps.filter((item) => item.row === 1);
|
|
|
const row2Items = apps.filter((item) => item.row === 2);
|
|
|
@@ -221,11 +221,29 @@ apps = apps.map((item) => {
|
|
|
|
|
|
<Projects projects={projectsArr} />
|
|
|
|
|
|
-<script define:vars={{ apps, clientFunctions }}>
|
|
|
+<!-- Projects -->
|
|
|
+<Summize />
|
|
|
+
|
|
|
+<script define:vars={{ apps, projectsArr, clientFunctions }}>
|
|
|
for (func in clientFunctions) {
|
|
|
eval(clientFunctions[func]);
|
|
|
}
|
|
|
|
|
|
+ Array.from(document.getElementsByClassName("project")).forEach((project) => {
|
|
|
+ console.log(projectsArr[0].id + "item");
|
|
|
+
|
|
|
+ let id = projectsArr.find((i) => i.id + "item" == project.id).id;
|
|
|
+
|
|
|
+ console.log(id);
|
|
|
+ project.onclick = () => {
|
|
|
+ setTimeout(() => {
|
|
|
+ document.getElementById(id).style.display = "block";
|
|
|
+ raiseUpSpec(id);
|
|
|
+ console.log("test");
|
|
|
+ }, 1);
|
|
|
+ };
|
|
|
+ });
|
|
|
+
|
|
|
Array.from(document.getElementsByClassName("window")).forEach((window) => {
|
|
|
dragElement(window);
|
|
|
|