Merge pull request #6 from ecrum19/EDC_active

Path fixes?
KNowledgeOnWebScale · May 17, 2024 · 0a1053f · 0a1053f
2 parents 7e1ced5 + 461e9d2
commit 0a1053f
Show file tree

Hide file tree

Showing 9 changed files with 131 additions and 93 deletions.
diff --git a/.data/test/.acl b/.data/test/.acl
diff --git a/.data/test/.meta b/.data/test/.meta
diff --git a/.data/test/README$.markdown b/.data/test/README$.markdown
diff --git a/.data/test/README.acl b/.data/test/README.acl
diff --git a/.data/test/profile/card$.ttl b/.data/test/profile/card$.ttl
@@ -10,4 +10,4 @@
 
     solid:oidcIssuer <http://localhost:3000/>;
     a foaf:Person;
-    <http://www.w3.org/ns/pim/space#storage> <../> .
+    <http://www.w3.org/ns/pim/space#storage> <../>.
diff --git a/.data/test/profile/card.acl b/.data/test/profile/card.acl
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -22,6 +22,8 @@ jobs:
         run: |
           yarn install
           yarn run build
+        env:
+          NODE_ENV: production
 
       - name: Deploy 🚀
         uses: JamesIves/github-pages-deploy-action@releases/v4

diff --git a/src/components/LandingPage.vue b/src/components/LandingPage.vue
@@ -7,11 +7,72 @@
         class="mx-auto"
         color="indigo-darken-3"
       >
-        <h1>Welcome to the TRIPLE App!</h1>
-        <h2>Below is a guide to get you started.</h2>
+        <div class="entry">
+          <h1>Welcome to the TRIPLE App!</h1>
+          <h2>Below is a guide to get you started.</h2>
+          <h3>(Similar instructions found in the README)</h3>
+        </div>
       </v-card>
     </v-col>
   </v-container>
+
+  <body>
+    <div class="container">
+      <h1 class="guide">Getting Started:</h1>
+      <hr />
+
+      <h2 class="req">Requirements:</h2>
+      <ul>
+        <li>
+          <a href="https://nodejs.org/en/">Node.js</a>
+        </li>
+        <li><a href="https://www.npmjs.com/package/download">npm</a></li>
+        <li><a href="https://git-scm.com/downloads">git</a></li>
+      </ul>
+      <hr />
+
+      <h2 class="req">1. Repo Cloning and Starting your local Solid pod</h2>
+      <ol>
+        <li>
+          Clone the project git repo (it has some useful scripts for later).<br />For
+          help see
+          <a
+            href="https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository"
+            >it clone guide.</a
+          >
+        </li>
+      </ol>
+      <pre><code>$ git clone https://github.com/ecrum19/TRIPLE_App.git</code></pre>
+      <ol start="2">
+        <li>To start pod set-up, execute the following command:</li>
+      </ol>
+      <pre><code>$ bash makePod.sh</code></pre>
+
+      <hr />
+
+      <h2>2. Setting up the Solid pod</h2>
+      <ol>
+        <li>
+          Using a web browser navigate to
+          <a href="http://localhost:3000/">http://localhost:3000/</a>
+        </li>
+        <li>Click the link: "Sign up for an account"</li>
+        <li>Fill out the fields and click "Register"</li>
+        <li>On the "Your Account" page, click on "Create pod"</li>
+        <li>Enter a name for the pod and click "Create pod"</li>
+        <li>Return to the home page by clicking "Back"</li>
+      </ol>
+      <p>
+        Voila, you now have a pod hosted by your local machine. Now, let us add
+        something to it!
+      </p>
+
+      <h4>Launching the TRIPLE App</h4>
+      <ol>
+        <li>First install all dependencies:</li>
+      </ol>
+    </div>
+  </body>
 </template>
 
 <script>
@@ -41,8 +102,70 @@ export default {
 </script>
 
 <style scoped>
-h1,h2 {
+.entry {
   font-family: "Courier New", monospace;
   text-align: center;
 }
-</style>
+
+.guide {
+  text-align: Left;
+}
+
+.req {
+  margin-top: 10px;
+}
+
+body {
+  font-family: Arial, sans-serif;
+  line-height: 1.6;
+  margin: 15px;
+  background-color: #f4f4f4;
+}
+
+code {
+  background: #f4f4f4;
+  border: 1px solid #ddd;
+  padding: 10px;
+  border-radius: 5px;
+  overflow-x: auto;
+}
+
+pre {
+  padding-left: 10px;
+  padding-bottom: 10px;
+  margin-bottom: 15px;
+}
+
+ul,
+ol {
+  margin-left: 20px;
+  margin-bottom: 15px;
+  margin-top: 5px;
+}
+
+ol li {
+  margin-bottom: 10px;
+  margin-left: 20px;
+  list-style-type: upper-roman;
+  align-items: Left;
+}
+
+a {
+  color: #0066cc;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+.container {
+  font-family: "Courier New", monospace;
+  max-width: 900px;
+  margin: auto;
+  padding: 20px;
+  background: #d0e0fc;
+  border-radius: 10px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+</style>
diff --git a/vue.config.js b/vue.config.js
@@ -1,7 +1,7 @@
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
   transpileDependencies: true,
-  publicPath: process.env.NODE_ENV === 'production' ? '/repository-name/' : '/'
+  publicPath: process.env.NODE_ENV === 'production' ? '/TRIPLE_App/' : '/'
 });