GitHub pages (#73)

* Deployable and buildable

* Automatic build and deploy

.github/workflows/deploy.yml

@@ -1,5 +1,8 @@
 name: Deploy as static Github Page
 
+permissions:
+  contents: write
+
 on:
   push:
     branches:

src/components/Landing/Footer.vue

@@ -5,16 +5,18 @@
 				class="-mb-6 columns-2 sm:flex sm:justify-center sm:space-x-12"
 				aria-label="Footer"
 			>
+				<!--
 				<div v-for="item in navigation.main" :key="item.name" class="pb-6">
 					<a
 						:href="item.href"
 						class="text-sm leading-6 text-gray-600 hover:text-gray-900"
 						>{{ item.name }}</a
 					>
 				</div>
+				-->
 			</nav>
 			<div class="mt-10 flex justify-center space-x-10">
-				<a
+				<!--<a
 					v-for="item in navigation.social"
 					:key="item.name"
 					:href="item.href"
@@ -23,9 +25,15 @@
 					<span class="sr-only">{{ item.name }}</span>
 					<component :is="item.icon" class="h-6 w-6" aria-hidden="true" />
 				</a>
+				-->
+				<a 
+					class="text-gray-400 hover:text-gray-500"
+					@click=toggleSettings>
+					Settings
+				</a>
 			</div>
 			<p class="mt-10 text-center text-xs leading-5 text-gray-500">
-				&copy; 2023 LINK Arkitekter, A/S. All rights reserved.
+				&copy; 2025 LINK Arkitekter, A/S. All rights reserved.
 			</p>
 		</div>
 	</footer>
@@ -39,10 +47,17 @@
 		VideoCameraIcon
 	} from '@heroicons/vue/20/solid'
 
+	import { useNavigationStore } from '@/stores/navigation'
+
 	export default defineComponent({
 		name: 'FooterComponent',
 		components: {},
 		setup() {
+			const navigationStore = useNavigationStore()
+
+			const toggleSettings = () =>
+				navigationStore.toggleSettingsModal()
+
 			const navigation = {
 				main: [
 					{ name: 'About', href: '#' },
@@ -62,14 +77,17 @@
 						icon: CodeBracketIcon
 					},
 					{
-						name: 'YouTube',
+						name: 'Settings',
 						href: '#',
 						icon: VideoCameraIcon
 					}
 				]
 			}
 
-			return { navigation }
+			return { 
+				navigation,
+				toggleSettings
+			}
 		}
 	})
 </script>

src/components/Landing/Hero.vue

@@ -1,4 +1,5 @@
 <template>
+  <SettingsModal />
   <div class="relative isolate select-none overflow-hidden bg-white">
     <!-- Transparent Gridded Overlay -->
     <svg
@@ -56,11 +57,12 @@
         </p>
 
         <div class="mt-10 flex items-center gap-x-6">
-          <a
-            href="/projects"
+          <router-link
+            to="/projects"
             class="rounded-md bg-green-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600"
-            >Get Started</a
-          >
+            >
+            Get Started
+          </router-link>
           <a
             href="#features"
             class="text-sm font-semibold leading-6 text-gray-900"
@@ -132,11 +134,13 @@ import { useSettingsStore } from '@/stores/settings'
 
 import icon from '@/assets/icons/logo.svg'
 import appScreenshot from '@/assets/images/AppPicture3D.png'
+import SettingsModal from '../Modals/SettingsModal.vue'
 
 export default defineComponent({
   name: 'HeroComponent',
   components: {
     ChevronRightIcon,
+    SettingsModal,
   },
   setup() {
     const latestCommit = ref<string | null>(null)

src/components/ProjectSelection/VersionSelectionModal.vue

@@ -42,6 +42,7 @@
 										:items="extractNames"
 										@selectedItem="handleSelectedItem"
 										name="Version"
+										dropdownName="Select a version"
 									/>
 									<!--<DialogTitle as="h3" class="text-base font-semibold leading-6 text-gray-900">Here you will select your current version</DialogTitle>
                   <div class="mt-2">
@@ -184,7 +185,8 @@ import { useNavigationStore } from '@/stores/navigation'
 						version = versionFound
 						speckleStore.setSelectedVersion(version)
 					} else {
-						console.error('Could not find the selected model versions.')
+						const latestVersion = speckleStore.getProjectDetails.stream.commits.items[0]
+						speckleStore.setSelectedVersion(latestVersion)
 					}
 				} else {
 					console.error('Project store object is undefined.')

vite.config.ts

@@ -62,6 +62,8 @@ export default defineConfig({
 		sourcemap: true
 	},
 
+	base: '/SpeckleLCA/',
+
 	server: {
     proxy: {
 			'/api/revalu': {