diff --git a/jsconfig.json b/jsconfig.json new file mode 100644 index 0000000..09e7655 --- /dev/null +++ b/jsconfig.json @@ -0,0 +1,5 @@ +{ + "include": [ + "./src/**/**" + ] +} diff --git a/src/App.vue b/src/App.vue index 8534514..38b5a9e 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,32 +1,69 @@ diff --git a/src/assets/css/bluefire.css b/src/assets/css/bluefire.css new file mode 100644 index 0000000..6c1378d --- /dev/null +++ b/src/assets/css/bluefire.css @@ -0,0 +1,173 @@ + +body { + font-family: 'Product Sans'; + margin: 0; +} +header { + font-family: 'Product Sans'; + font-size: 1.125rem; + background-color: rgba(242, 242, 242, 1); + height: 4rem; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); + display: flex; + flex-direction: row; + align-items: center; + padding: 0rem 3rem; +} +header .logo img{ + object-fit: contain; + height: 4rem; +} +header .sublogo { + margin-left: 0.25rem; + margin-top: auto; + margin-bottom: 1rem; + margin-right: 1rem; + font-size: 1rem; +} +header .nav { + display: flex; + flex-direction: row; +} +header .nav-item { + margin: 0 1rem; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100%; +} +header .nav-item .nav-link { + text-decoration: none; + color: black; +} +header .selectors { + margin-left: auto; + display: flex; + flex-direction: row; + +} +.bluefire-selector { + appearance: none; + border: none; + font-family: 'Product Sans'; + font-size: 1.125rem; + + padding-right: 2rem; + + /* Custom arrow */ + background-image: + linear-gradient(45deg, transparent 50%, #666666 50%), + linear-gradient(135deg, #666666 50%, transparent 50%); + background-position: + calc(100% - 1rem) 0.6rem, + calc(100% - 0.5rem) 0.6rem; + background-size: + 0.5rem 0.5rem, + 0.5rem 0.5rem; + background-repeat: no-repeat; +} +.bluefire-selector:focus { + color: black; + border: none; +} + +header .search { + position: relative; + border-bottom: 0.125rem solid black; + margin-right: 1rem; +} +header .search .header-search { + appearance: none; + background-color: transparent; + border: none; + padding: 0.25rem; + font-size: 0.875rem; + font-family: "Product Sans"; +} +header .search .button-search img{ + position: absolute; + right: 0; + height: 1.5rem; +} + +header .account .nav-link { + font-weight: bold; +} + +.container { + margin: 2rem 7.5%; +} + +.index-banner { + margin: 2rem 2.5% 0 2.5%; +} +.index-banner h1{ + font-family: "Montserrat"; + font-weight: bold; + font-size: 4rem; + text-align: center; + color: #333333; +} +.index-banner .index-image { + width: 100%; + border-radius: 20px; + opacity: 0.75; +} +.index-banner .subheading { + font-family: "Montserrat"; + font-weight: bold; + font-size: 2rem; + text-align: center; + color: #333333; + margin: 3rem auto; +} +.section-heading { + border-bottom: 0.5rem solid #322b6b; +} +.section-heading h1 { + font-size: 3rem; + font-family: "Product Sans"; + margin-bottom: 0px; + margin-left: 0.5rem; +} +footer { + padding: 0 3rem; + background-color: rgba(215, 215, 215, 1); + margin-bottom: 0.5rem; +} +.main-footer { + display: flex; + flex-direction: row; + align-items: center; + height: 8rem; +} + +.main-footer .logo img{ + object-fit: contain; + height: 4rem; +} +.main-footer .sublogo { + margin-left: 0.25rem; + margin-top: auto; + margin-bottom: 3rem; + margin-right: 1rem; + font-size: 1rem; +} +.main-footer .contact { + display: flex; + flex-direction: column; + margin-left: auto; + margin-right: 3rem; + align-items: right; +} +.main-footer .contact p { + text-align: right; + margin: 0.5rem 0; + font-size: 1.125rem; +} +footer .copyright { + font-size: 1.125rem; + text-align: center; + padding: 0.5rem 0; +} \ No newline at end of file diff --git a/src/assets/css/fonts.css b/src/assets/css/fonts.css new file mode 100644 index 0000000..98cadde --- /dev/null +++ b/src/assets/css/fonts.css @@ -0,0 +1,13 @@ +@font-face { + font-family: 'Montserrat'; + src: url('../fonts/Montserrat-Regular.woff2') format('woff2') font-weight-normal, + url('../fonts/Montserrat-Bold.woff2') format('woff2') font-weight-bold; +} + +@font-face { + font-family: 'Product Sans'; + src: url('../fonts/Product Sans Regular.woff2') format('woff2') font-weight-normal, + url('../fonts/Product Sans Bold.woff2') format('woff2') font-weight-bold, + url('../fonts/Product Sans Italic.woff2') format('woff2') font-italic font-weight-normal, + url('../fonts/Product Sans Bold Italic.woff2') format('woff2') font-italic font-weight-bold; +} diff --git a/src/assets/fonts/Montserrat-Bold.woff2 b/src/assets/fonts/Montserrat-Bold.woff2 new file mode 100644 index 0000000..24fd8fc Binary files /dev/null and b/src/assets/fonts/Montserrat-Bold.woff2 differ diff --git a/src/assets/fonts/Montserrat-Regular.woff2 b/src/assets/fonts/Montserrat-Regular.woff2 new file mode 100644 index 0000000..95cb51d Binary files /dev/null and b/src/assets/fonts/Montserrat-Regular.woff2 differ diff --git a/src/assets/fonts/Product Sans Bold Italic.woff2 b/src/assets/fonts/Product Sans Bold Italic.woff2 new file mode 100644 index 0000000..80f6e97 Binary files /dev/null and b/src/assets/fonts/Product Sans Bold Italic.woff2 differ diff --git a/src/assets/fonts/Product Sans Bold.woff2 b/src/assets/fonts/Product Sans Bold.woff2 new file mode 100644 index 0000000..6ac7bfb Binary files /dev/null and b/src/assets/fonts/Product Sans Bold.woff2 differ diff --git a/src/assets/fonts/Product Sans Italic.woff2 b/src/assets/fonts/Product Sans Italic.woff2 new file mode 100644 index 0000000..ac18842 Binary files /dev/null and b/src/assets/fonts/Product Sans Italic.woff2 differ diff --git a/src/assets/fonts/Product Sans Regular.woff2 b/src/assets/fonts/Product Sans Regular.woff2 new file mode 100644 index 0000000..07e2427 Binary files /dev/null and b/src/assets/fonts/Product Sans Regular.woff2 differ diff --git a/src/assets/images/1.jpg b/src/assets/images/1.jpg new file mode 100644 index 0000000..35ba750 Binary files /dev/null and b/src/assets/images/1.jpg differ diff --git a/src/assets/images/2.jpg b/src/assets/images/2.jpg new file mode 100644 index 0000000..e6c08ed Binary files /dev/null and b/src/assets/images/2.jpg differ diff --git a/src/assets/images/HeaderLogo.png b/src/assets/images/HeaderLogo.png new file mode 100644 index 0000000..2417472 Binary files /dev/null and b/src/assets/images/HeaderLogo.png differ diff --git a/src/assets/images/Logo.psd b/src/assets/images/Logo.psd new file mode 100644 index 0000000..a11df5a Binary files /dev/null and b/src/assets/images/Logo.psd differ diff --git a/src/assets/images/LogoHorizontal.png b/src/assets/images/LogoHorizontal.png new file mode 100644 index 0000000..cf17bab Binary files /dev/null and b/src/assets/images/LogoHorizontal.png differ diff --git a/src/assets/images/LogoVertical.png b/src/assets/images/LogoVertical.png new file mode 100644 index 0000000..8c3542f Binary files /dev/null and b/src/assets/images/LogoVertical.png differ diff --git a/src/assets/images/bookmark.svg b/src/assets/images/bookmark.svg new file mode 100644 index 0000000..06098d1 --- /dev/null +++ b/src/assets/images/bookmark.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/src/assets/images/search-icon.png b/src/assets/images/search-icon.png new file mode 100644 index 0000000..0657ffc Binary files /dev/null and b/src/assets/images/search-icon.png differ diff --git a/src/assets/logo.png b/src/assets/logo.png deleted file mode 100644 index f3d2503..0000000 Binary files a/src/assets/logo.png and /dev/null differ diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index c5de710..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,59 +0,0 @@ - - - - - - diff --git a/src/components/JobListing.vue b/src/components/JobListing.vue new file mode 100644 index 0000000..ebcab52 --- /dev/null +++ b/src/components/JobListing.vue @@ -0,0 +1,118 @@ + + + + \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index a1898de..079fe1b 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,23 +1,14 @@ import Vue from 'vue' import VueRouter from 'vue-router' -import Home from '../views/Home.vue' +import Index from '../views/Index.vue' Vue.use(VueRouter) const routes = [ { path: '/', - name: 'home', - component: Home + component: Index }, - { - path: '/about', - name: 'about', - // route level code-splitting - // this generates a separate chunk (about.[hash].js) for this route - // which is lazy-loaded when the route is visited. - component: () => import(/* webpackChunkName: "about" */ '../views/About.vue') - } ] const router = new VueRouter({ diff --git a/src/views/About.vue b/src/views/About.vue deleted file mode 100644 index 3fa2807..0000000 --- a/src/views/About.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/src/views/Home.vue b/src/views/Home.vue deleted file mode 100644 index fc2e940..0000000 --- a/src/views/Home.vue +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/src/views/Index.vue b/src/views/Index.vue new file mode 100644 index 0000000..a8ec3a3 --- /dev/null +++ b/src/views/Index.vue @@ -0,0 +1,26 @@ + + +