adding latest

src/views/Triangle.vue

@@ -0,0 +1,42 @@
+<template>
+  <v-container fluid class="pa-0">
+    <v-row class="d-flex newtriangle" style="position: absolute;">
+      <v-col class="d-flex align-center pt-0" style="position: relative;">
+        <h1 class="display" style="position: relative;">Outside In</h1>
+      </v-col>
+    </v-row>
+    <v-row class="d-flex" style="position: relative; height: 50vh;"> </v-row>
+    <v-row class="d-flex" style="position: relative;">
+      <v-col class="d-flex">
+        <h1 class="display">OutsideOutsides</h1>
+      </v-col>
+    </v-row>
+    <v-row cols="12" class="d-flex">
+      <v-col class="d-flex">
+        <h1 class="display">OutsideOutside</h1>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss" scoped>
+.newtriangle {
+  width: 100vw;
+  height: 50vh;
+  background-image: radial-gradient(
+    circle farthest-corner at 7.5% 54.1%,
+    rgba(0, 0, 0, 1) 0%,
+    rgba(39, 0, 89, 1) 74.9%
+  );
+  -webkit-clip-path: polygon(0 0, 100% 35%, 100% 65%, 0% 100%);
+  clip-path: polygon(0 0, 100% 35%, 100% 65%, 0% 100%);
+}
+
+h1 {
+  color: white;
+}
+</style>