Commit 2b12f4d6 authored by Khalid Ali's avatar Khalid Ali

Feature/8-Add-Homepage

parent 2d8f6a69
......@@ -23,7 +23,7 @@ export default class App extends Vue {}
<style>
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
......
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="475.452px" height="475.451px" viewBox="0 0 475.452 475.451" style="enable-background:new 0 0 475.452 475.451;"
xml:space="preserve">
<g>
<path d="M468.083,118.385c-3.99-5.33-9.61-9.419-16.854-12.275c0.387,6.665-0.086,12.09-1.42,16.281l-85.65,281.789
c-1.526,4.948-4.859,8.897-9.992,11.848c-5.141,2.953-10.469,4.428-15.989,4.428H74.66c-22.84,0-36.542-6.652-41.112-19.985
c-1.903-5.14-1.807-9.229,0.288-12.275c2.092-2.857,5.708-4.288,10.85-4.288h248.102c17.702,0,29.93-3.285,36.688-9.852
c6.763-6.567,13.565-21.177,20.413-43.824l78.228-258.669c4.186-14.084,2.474-26.457-5.141-37.113s-18.462-15.987-32.548-15.987
H173.163c-2.474,0-7.329,0.854-14.562,2.568l0.284-0.859c-5.33-1.14-9.851-1.662-13.562-1.571
c-3.71,0.099-7.137,1.192-10.277,3.289c-3.14,2.094-5.664,4.328-7.566,6.706c-1.903,2.38-3.761,5.426-5.568,9.136
c-1.805,3.715-3.33,7.142-4.567,10.282c-1.237,3.14-2.666,6.473-4.281,9.998c-1.62,3.521-3.186,6.423-4.71,8.706
c-1.143,1.523-2.758,3.521-4.854,5.996c-2.091,2.474-3.805,4.664-5.137,6.567c-1.331,1.903-2.19,3.616-2.568,5.14
c-0.378,1.711-0.19,4.233,0.571,7.566c0.76,3.328,1.047,5.753,0.854,7.277c-0.76,7.232-3.378,16.414-7.849,27.552
c-4.471,11.136-8.52,19.18-12.135,24.126c-0.761,0.95-2.853,3.092-6.28,6.424c-3.427,3.33-5.52,6.23-6.279,8.704
c-0.762,0.951-0.81,3.617-0.144,7.994c0.666,4.38,0.907,7.423,0.715,9.136c-0.765,6.473-3.14,15.037-7.139,25.697
c-3.999,10.657-7.994,19.414-11.993,26.265c-0.569,1.141-2.185,3.328-4.853,6.567c-2.662,3.237-4.283,5.902-4.853,7.99
c-0.38,1.523-0.33,4.188,0.144,7.994c0.473,3.806,0.426,6.66-0.144,8.562c-1.521,7.228-4.377,15.94-8.565,26.125
c-4.187,10.178-8.47,18.896-12.851,26.121c-1.138,1.906-2.712,4.145-4.708,6.711c-1.999,2.566-3.568,4.805-4.711,6.707
c-1.141,1.903-1.903,3.901-2.284,5.996c-0.19,1.143,0.098,2.998,0.859,5.571c0.76,2.566,1.047,4.612,0.854,6.14
c-0.192,2.662-0.57,6.187-1.141,10.567c-0.572,4.373-0.859,6.939-0.859,7.699c-4.187,11.424-3.999,23.511,0.572,36.269
c5.33,14.838,14.797,27.36,28.406,37.541c13.61,10.185,27.74,15.27,42.398,15.27h263.521c12.367,0,24.026-4.141,34.971-12.416
c10.944-8.281,18.227-18.507,21.837-30.696l78.511-258.662C477.412,141.51,475.701,129.234,468.083,118.385z M164.31,118.956
l5.997-18.274c0.76-2.474,2.329-4.615,4.709-6.423c2.38-1.805,4.808-2.712,7.282-2.712h173.589c2.663,0,4.565,0.903,5.708,2.712
c1.14,1.809,1.335,3.949,0.575,6.423l-6.002,18.274c-0.764,2.475-2.327,4.611-4.713,6.424c-2.382,1.805-4.805,2.708-7.278,2.708
H170.593c-2.666,0-4.568-0.9-5.711-2.708C163.74,123.567,163.55,121.431,164.31,118.956z M140.615,192.045l5.996-18.271
c0.76-2.474,2.331-4.615,4.709-6.423c2.38-1.809,4.805-2.712,7.282-2.712h173.583c2.666,0,4.572,0.9,5.712,2.712
c1.14,1.809,1.331,3.949,0.568,6.423l-5.996,18.271c-0.759,2.474-2.33,4.617-4.708,6.423c-2.383,1.809-4.805,2.712-7.283,2.712
H146.895c-2.664,0-4.567-0.9-5.708-2.712C140.043,196.662,139.854,194.519,140.615,192.045z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M508.177,245.995C503.607,240.897,393.682,121,256,121S8.394,240.897,3.823,245.995c-5.098,5.698-5.098,14.312,0,20.01
C8.394,271.103,118.32,391,256,391s247.606-119.897,252.177-124.995C513.274,260.307,513.274,251.693,508.177,245.995z M256,361
c-57.891,0-105-47.109-105-105s47.109-105,105-105s105,47.109,105,105S313.891,361,256,361z"/>
</g>
</g>
<g>
<g>
<path d="M271,226c0-15.09,7.491-28.365,18.887-36.53C279.661,184.235,268.255,181,256,181c-41.353,0-75,33.647-75,75
c0,41.353,33.647,75,75,75c37.024,0,67.668-27.034,73.722-62.358C299.516,278.367,271,255.522,271,226z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M32,271.692v192c0,17.664,14.368,32,32,32h160v-224H32z"/>
</g>
</g>
<g>
<g>
<path d="M480,143.692H378.752c7.264-4.96,13.504-9.888,17.856-14.304c25.824-25.952,25.824-68.192,0-94.144
c-25.088-25.28-68.8-25.216-93.856,0c-13.888,13.92-50.688,70.592-45.6,108.448h-2.304c5.056-37.856-31.744-94.528-45.6-108.448
c-25.088-25.216-68.8-25.216-93.856,0C89.6,61.196,89.6,103.436,115.36,129.388c4.384,4.416,10.624,9.344,17.888,14.304H32
c-17.632,0-32,14.368-32,32v48c0,8.832,7.168,16,16,16h208v-64h64v64h208c8.832,0,16-7.168,16-16v-48
C512,158.06,497.664,143.692,480,143.692z M222.112,142.636c0,0-1.344,1.056-5.92,1.056c-22.112,0-64.32-22.976-78.112-36.864
c-13.408-13.504-13.408-35.52,0-49.024c6.496-6.528,15.104-10.112,24.256-10.112c9.12,0,17.728,3.584,24.224,10.112
C208.128,79.5,229.568,134.924,222.112,142.636z M295.776,143.692c-4.544,0-5.888-1.024-5.888-1.056
c-7.456-7.712,13.984-63.136,35.552-84.832c12.896-13.024,35.456-13.088,48.48,0c13.44,13.504,13.44,35.52,0,49.024
C360.128,120.716,317.92,143.692,295.776,143.692z"/>
</g>
</g>
<g>
<g>
<path d="M288,271.692v224h160c17.664,0,32-14.336,32-32v-192H288z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="480.509px" height="480.509px" viewBox="0 0 480.509 480.509" style="enable-background:new 0 0 480.509 480.509;"
xml:space="preserve">
<g>
<path d="M418.119,331.046c4.094,4.374,7.766,8.186,10.996,11.416c3.237,3.238,6.714,6.376,10.427,9.422
c3.71,3.042,6.427,4.568,8.135,4.568c3.241,0,9.517-4.661,18.843-13.99c9.328-9.321,13.989-15.604,13.989-18.842
c0-1.523-2.714-5.421-8.138-11.704c-5.421-6.276-12.364-13.702-20.838-22.271c-8.473-8.565-16.703-16.744-24.694-24.55
c-8.001-7.81-15.8-15.373-23.417-22.703c-7.611-7.327-11.992-11.56-13.135-12.703c-1.902-1.902-4.093-2.853-6.563-2.853
c-3.237,0-9.521,4.661-18.843,13.988c-9.328,9.322-13.989,15.605-13.989,18.843c0,1.711,1.522,4.421,4.568,8.138
c3.046,3.71,6.188,7.187,9.421,10.424c3.23,3.23,7.047,6.899,11.42,10.992c4.377,4.093,6.848,6.423,7.423,6.995l-27.408,27.404
L254.954,222.268c24.94-33.498,37.408-68.236,37.408-104.211c0-31.024-9.761-56.293-29.263-75.801
c-19.512-19.511-44.778-29.265-75.805-29.265c-30.454,0-60.244,9.042-89.363,27.119c-29.121,18.083-52.727,41.686-70.808,70.808
C9.042,140.038,0,169.828,0,200.28c0,31.029,9.753,56.286,29.265,75.803c19.511,19.517,44.777,29.27,75.801,29.27
c35.976,0,70.71-12.467,104.212-37.407l191.574,191.579c5.332,5.328,11.796,7.994,19.417,7.994c7.991,0,15.704-3.72,23.12-11.14
c7.426-7.426,11.143-15.129,11.143-23.127c0-7.617-2.666-14.092-7.994-19.417l-62.811-62.811l27.405-27.404
C411.699,324.195,414.033,326.666,418.119,331.046z M221.556,161.458c-10.656,10.657-23.601,15.987-38.828,15.987
c-7.996,0-15.896-1.812-23.7-5.43c3.617,7.808,5.426,15.706,5.426,23.7c0,15.229-5.327,28.171-15.987,38.828
c-10.66,10.655-23.606,15.986-38.831,15.986c-15.227,0-28.168-5.325-38.828-15.986c-10.657-10.657-15.987-23.599-15.987-38.828
c0-15.227,5.327-28.171,15.987-38.828C81.464,146.23,94.409,140.9,109.636,140.9c7.992,0,15.893,1.809,23.695,5.424
c-3.616-7.804-5.424-15.706-5.424-23.699c0-15.227,5.327-28.171,15.987-38.828c10.66-10.657,23.604-15.987,38.831-15.987
c15.227,0,28.171,5.327,38.828,15.987c10.657,10.66,15.987,23.601,15.987,38.828C237.539,137.852,232.209,150.797,221.556,161.458z
"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
......@@ -31,7 +31,7 @@ import { Component, Vue } from 'vue-property-decorator';
export default class NavigationBar extends Vue {}
</script>
<style>
<style scoped>
.svg-icon {
padding-bottom: 5px;
}
......
/* eslint-disable */
var icon = require('vue-svgicon')
icon.register({
'book': {
width: 475.452,
height: 475.451,
viewBox: '0 0 475.452 475.451',
data: '<path pid="0" d="M468.083 118.385c-3.99-5.33-9.61-9.419-16.854-12.275.387 6.665-.086 12.09-1.42 16.281l-85.65 281.789c-1.526 4.948-4.859 8.897-9.992 11.848-5.141 2.953-10.469 4.428-15.989 4.428H74.66c-22.84 0-36.542-6.652-41.112-19.985-1.903-5.14-1.807-9.229.288-12.275 2.092-2.857 5.708-4.288 10.85-4.288h248.102c17.702 0 29.93-3.285 36.688-9.852 6.763-6.567 13.565-21.177 20.413-43.824l78.228-258.669c4.186-14.084 2.474-26.457-5.141-37.113s-18.462-15.987-32.548-15.987H173.163c-2.474 0-7.329.854-14.562 2.568l.284-.859c-5.33-1.14-9.851-1.662-13.562-1.571-3.71.099-7.137 1.192-10.277 3.289-3.14 2.094-5.664 4.328-7.566 6.706-1.903 2.38-3.761 5.426-5.568 9.136-1.805 3.715-3.33 7.142-4.567 10.282a201.023 201.023 0 0 1-4.281 9.998c-1.62 3.521-3.186 6.423-4.71 8.706-1.143 1.523-2.758 3.521-4.854 5.996-2.091 2.474-3.805 4.664-5.137 6.567-1.331 1.903-2.19 3.616-2.568 5.14-.378 1.711-.19 4.233.571 7.566.76 3.328 1.047 5.753.854 7.277-.76 7.232-3.378 16.414-7.849 27.552-4.471 11.136-8.52 19.18-12.135 24.126-.761.95-2.853 3.092-6.28 6.424-3.427 3.33-5.52 6.23-6.279 8.704-.762.951-.81 3.617-.144 7.994.666 4.38.907 7.423.715 9.136-.765 6.473-3.14 15.037-7.139 25.697-3.999 10.657-7.994 19.414-11.993 26.265-.569 1.141-2.185 3.328-4.853 6.567-2.662 3.237-4.283 5.902-4.853 7.99-.38 1.523-.33 4.188.144 7.994.473 3.806.426 6.66-.144 8.562-1.521 7.228-4.377 15.94-8.565 26.125-4.187 10.178-8.47 18.896-12.851 26.121-1.138 1.906-2.712 4.145-4.708 6.711-1.999 2.566-3.568 4.805-4.711 6.707-1.141 1.903-1.903 3.901-2.284 5.996-.19 1.143.098 2.998.859 5.571.76 2.566 1.047 4.612.854 6.14-.192 2.662-.57 6.187-1.141 10.567-.572 4.373-.859 6.939-.859 7.699-4.187 11.424-3.999 23.511.572 36.269 5.33 14.838 14.797 27.36 28.406 37.541 13.61 10.185 27.74 15.27 42.398 15.27h263.521c12.367 0 24.026-4.141 34.971-12.416 10.944-8.281 18.227-18.507 21.837-30.696l78.511-258.662c4.192-13.708 2.481-25.984-5.137-36.833zm-303.773.571l5.997-18.274c.76-2.474 2.329-4.615 4.709-6.423 2.38-1.805 4.808-2.712 7.282-2.712h173.589c2.663 0 4.565.903 5.708 2.712 1.14 1.809 1.335 3.949.575 6.423l-6.002 18.274c-.764 2.475-2.327 4.611-4.713 6.424-2.382 1.805-4.805 2.708-7.278 2.708H170.593c-2.666 0-4.568-.9-5.711-2.708-1.142-1.813-1.332-3.949-.572-6.424zm-23.695 73.089l5.996-18.271c.76-2.474 2.331-4.615 4.709-6.423 2.38-1.809 4.805-2.712 7.282-2.712h173.583c2.666 0 4.572.9 5.712 2.712 1.14 1.809 1.331 3.949.568 6.423l-5.996 18.271c-.759 2.474-2.33 4.617-4.708 6.423-2.383 1.809-4.805 2.712-7.283 2.712H146.895c-2.664 0-4.567-.9-5.708-2.712-1.144-1.806-1.333-3.949-.572-6.423z"/>'
}
})
/* eslint-disable */
var icon = require('vue-svgicon')
icon.register({
'eye': {
width: 16,
height: 16,
viewBox: '0 0 512 512',
data: '<path pid="0" d="M508.177 245.995C503.607 240.897 393.682 121 256 121S8.394 240.897 3.823 245.995a15.002 15.002 0 0 0 0 20.01C8.394 271.103 118.32 391 256 391s247.606-119.897 252.177-124.995a15.004 15.004 0 0 0 0-20.01zM256 361c-57.891 0-105-47.109-105-105s47.109-105 105-105 105 47.109 105 105-47.109 105-105 105z"/><path pid="1" d="M271 226c0-15.09 7.491-28.365 18.887-36.53C279.661 184.235 268.255 181 256 181c-41.353 0-75 33.647-75 75s33.647 75 75 75c37.024 0 67.668-27.034 73.722-62.358C299.516 278.367 271 255.522 271 226z"/>'
}
})
/* eslint-disable */
var icon = require('vue-svgicon')
icon.register({
'gift': {
width: 16,
height: 16,
viewBox: '0 0 512 512',
data: '<path pid="0" d="M32 271.692v192c0 17.664 14.368 32 32 32h160v-224H32zM480 143.692H378.752c7.264-4.96 13.504-9.888 17.856-14.304 25.824-25.952 25.824-68.192 0-94.144-25.088-25.28-68.8-25.216-93.856 0-13.888 13.92-50.688 70.592-45.6 108.448h-2.304c5.056-37.856-31.744-94.528-45.6-108.448-25.088-25.216-68.8-25.216-93.856 0-25.792 25.952-25.792 68.192-.032 94.144 4.384 4.416 10.624 9.344 17.888 14.304H32c-17.632 0-32 14.368-32 32v48c0 8.832 7.168 16 16 16h208v-64h64v64h208c8.832 0 16-7.168 16-16v-48c0-17.632-14.336-32-32-32zm-257.888-1.056s-1.344 1.056-5.92 1.056c-22.112 0-64.32-22.976-78.112-36.864-13.408-13.504-13.408-35.52 0-49.024 6.496-6.528 15.104-10.112 24.256-10.112 9.12 0 17.728 3.584 24.224 10.112 21.568 21.696 43.008 77.12 35.552 84.832zm73.664 1.056c-4.544 0-5.888-1.024-5.888-1.056-7.456-7.712 13.984-63.136 35.552-84.832 12.896-13.024 35.456-13.088 48.48 0 13.44 13.504 13.44 35.52 0 49.024-13.792 13.888-56 36.864-78.144 36.864zM288 271.692v224h160c17.664 0 32-14.336 32-32v-192H288z"/>'
}
})
/* eslint-disable */
require('./heart')
require('./book')
require('./eye')
require('./gift')
require('./key')
require('./srct')
/* eslint-disable */
var icon = require('vue-svgicon')
icon.register({
'key': {
width: 480.509,
height: 480.509,
viewBox: '0 0 480.509 480.509',
data: '<path pid="0" d="M418.119 331.046c4.094 4.374 7.766 8.186 10.996 11.416a142.687 142.687 0 0 0 10.427 9.422c3.71 3.042 6.427 4.568 8.135 4.568 3.241 0 9.517-4.661 18.843-13.99 9.328-9.321 13.989-15.604 13.989-18.842 0-1.523-2.714-5.421-8.138-11.704-5.421-6.276-12.364-13.702-20.838-22.271a2036.088 2036.088 0 0 0-24.694-24.55c-8.001-7.81-15.8-15.373-23.417-22.703-7.611-7.327-11.992-11.56-13.135-12.703-1.902-1.902-4.093-2.853-6.563-2.853-3.237 0-9.521 4.661-18.843 13.988-9.328 9.322-13.989 15.605-13.989 18.843 0 1.711 1.522 4.421 4.568 8.138a144.41 144.41 0 0 0 9.421 10.424c3.23 3.23 7.047 6.899 11.42 10.992 4.377 4.093 6.848 6.423 7.423 6.995l-27.408 27.404-101.362-101.352c24.94-33.498 37.408-68.236 37.408-104.211 0-31.024-9.761-56.293-29.263-75.801-19.512-19.511-44.778-29.265-75.805-29.265-30.454 0-60.244 9.042-89.363 27.119-29.121 18.083-52.727 41.686-70.808 70.808C9.042 140.038 0 169.828 0 200.28c0 31.029 9.753 56.286 29.265 75.803 19.511 19.517 44.777 29.27 75.801 29.27 35.976 0 70.71-12.467 104.212-37.407l191.574 191.579c5.332 5.328 11.796 7.994 19.417 7.994 7.991 0 15.704-3.72 23.12-11.14 7.426-7.426 11.143-15.129 11.143-23.127 0-7.617-2.666-14.092-7.994-19.417l-62.811-62.811 27.405-27.404c.567.575 2.901 3.046 6.987 7.426zM221.556 161.458c-10.656 10.657-23.601 15.987-38.828 15.987-7.996 0-15.896-1.812-23.7-5.43 3.617 7.808 5.426 15.706 5.426 23.7 0 15.229-5.327 28.171-15.987 38.828-10.66 10.655-23.606 15.986-38.831 15.986-15.227 0-28.168-5.325-38.828-15.986-10.657-10.657-15.987-23.599-15.987-38.828 0-15.227 5.327-28.171 15.987-38.828C81.464 146.23 94.409 140.9 109.636 140.9c7.992 0 15.893 1.809 23.695 5.424-3.616-7.804-5.424-15.706-5.424-23.699 0-15.227 5.327-28.171 15.987-38.828 10.66-10.657 23.604-15.987 38.831-15.987 15.227 0 28.171 5.327 38.828 15.987 10.657 10.66 15.987 23.601 15.987 38.828-.001 15.227-5.331 28.172-15.984 38.833z"/>'
}
})
......@@ -8,6 +8,11 @@ import 'bootstrap';
Vue.config.productionTip = false;
Vue.use(SvgIcon);
router.beforeEach((to, from, next) => {
document.title = to.meta.title;
next();
});
new Vue({
router,
render: (h) => h(App),
......
......@@ -12,6 +12,9 @@ export default new Router({
path: '/',
name: 'home',
component: Home,
meta: {
title: 'SRCT Bookshare - Home',
},
},
{
path: '/about',
......@@ -20,6 +23,9 @@ export default new Router({
// 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'),
meta: {
title: 'SRCT Bookshare - About',
},
},
],
});
<template>
<div class="home">
<img alt="Vue logo" src="../assets/logo.png">
<div class="container">
<div class="row">
<div class="col-md-12 license">
<div class="jumbotron jumboindex">
<h1 class="text-center"><strong>SRCT</strong>&#8203;BOOKSHARE</h1>
<h3 class="text-center">A place for Mason students to exchange textbooks.</h3>
</div>
<a href="https://creativecommons.org/licenses/by/4.0/" target="_blank"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/80x15.png" title="'Mason Statue Desktop' by Daniel Bond is licensed under a Creative Commons Attribution 4.0 International License."/></a>
</div>
</div>
</div>
<legend/>
<div class="row">
<div class="col-sm-3 text-center">
<svgicon icon="key" alt="key" class="svg-home"/>
<h4>Log in with your Mason credentials</h4>
</div>
<div class="col-sm-3 text-center">
<svgicon icon="gift" alt="gift" class="svg-home"/>
<h4>Exchange your used textbooks with Mason students</h4>
</div>
<div class="col-sm-3 text-center">
<svgicon icon="book" alt="book" class="svg-home"/>
<h4>Search for textbooks by course and more</h4>
</div>
<div class="col-sm-3 text-center">
<svgicon icon="eye" alt="eye" class="svg-home"/>
<h4>Get updates when textbooks you want are posted</h4>
</div>
</div>
<hr/>
<div class="row">
<div class="col-sm-5 col-sm-offset-1">
<router-link to="/create_listing" class="btn btn-primary btn-lg btn-block">I <em>have</em> a book</router-link>
</div>
<div class="col-sm-5">
<router-link to="/all_listing" class="btn btn-primary btn-lg btn-block">I <em>need</em> a book</router-link>
</div>
</div>
</div>
</template>
<script lang="ts">
import axios from 'axios';
import '@/components/icons/key';
import '@/components/icons/book';
import '@/components/icons/gift';
import '@/components/icons/eye';
import { Component, Vue } from 'vue-property-decorator';
// import NavigationBar from '@/components/NavigationBar.vue'; // @ is an alias to /src
@Component({
components: {
......@@ -16,3 +56,31 @@ import { Component, Vue } from 'vue-property-decorator';
})
export default class Home extends Vue {}
</script>
<style scoped>
.svg-home {
width: 50px;
height: 50px;
}
.jumboindex {
background: url(../assets/mason-statue-desktop.jpg) no-repeat;
background-size: cover;
background-position: center;
box-shadow: inset 0px 0px 20px #333;
color: white;
text-shadow: 2px 2px 4px #000;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 21px;
font-size: 22.5px;
line-height: inherit;
color: #3c4042;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment