From 4d2a1e5adfc8688bc585c96e959470d45f655438 Mon Sep 17 00:00:00 2001
From: HampusM <hampus@hampusmat.com>
Date: Mon, 30 May 2022 14:43:59 +0200
Subject: chore(master): add client folder

---
 master/src/components/G7Map.vue | 85 -----------------------------------------
 1 file changed, 85 deletions(-)
 delete mode 100644 master/src/components/G7Map.vue

(limited to 'master/src/components/G7Map.vue')

diff --git a/master/src/components/G7Map.vue b/master/src/components/G7Map.vue
deleted file mode 100644
index 6a887b1..0000000
--- a/master/src/components/G7Map.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-	<div class="map-wrapper">
-		<img src="g7-map.svg">
-		<div class="rooms">
-			<span class="title">Rooms</span>
-			<ol>
-				<li
-					:key="room"
-					v-for="room in rooms"
-				>
-					{{ room }}
-				</li>
-			</ol>
-		</div>
-	</div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "vue";
-
-export default defineComponent(
-	{
-		name: "G7Map",
-		data() {
-			return {
-				rooms: [
-					"Studio / G3",
-					"Studio 1",
-					"Hall",
-					"Studio 2",
-					"Studio 3",
-					"Grupprum",
-					"Verkstad",
-					"Serverrum",
-					"Kurator",
-					"Pannrum",
-					"Toalett",
-					"Inspelningsbås",
-					"G2",
-					"Trapphus"
-				]
-			};
-		}
-	}
-);
-</script>
-
-<style scoped lang="scss">
-@use "sass:map";
-
-@use "@/scss/colors";
-
-@import "@/scss/breakpoints";
-
-.map-wrapper {
-    display: flex;
-    flex-wrap: wrap;
-    row-gap: 5em;
-    column-gap: 10em;
-
-    img {
-        max-width: 50%;
-    }
-
-    .rooms {
-        min-width: 40%;
-
-        ol li {
-            line-height: 1.75em;
-        }
-
-        .title {
-            font-size: 2rem;
-            font-weight: 700;
-            color: colors.$primary;
-        }
-    }
-}
-
-@media (max-width: map.get($breakpoints, "xl")) {
-    .map-wrapper img {
-        max-width: 90%;
-    }
-}
-</style>
-- 
cgit v1.2.3-18-g5258