-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (77 loc) · 3.65 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<meta content="Dexter Legaspi" name="author">
<meta content="html, css, JavaScript, VueJS, Vue3, Vue, CS601, BU" name="keywords">
<meta content="Term Project: Me, Myself, and I" name="description">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Dexter Legaspi</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito%20Sans:200,300,400,600,700">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" media="print" href="css/print.css">
<script src="https://unpkg.com/[email protected]/dist/tinyemitter.js"></script>
<script src="https://unpkg.com/[email protected]"></script>
<script src="https://unpkg.com/[email protected]"></script>
<script type="module" src="js/main.js" defer></script>
<noscript>This site requires JavaScript.</noscript>
</head>
<body>
<header>
<!--
This is a Single-Page Application using Vue + Vue Router
Please refer to README.md for detailed information of the design.
-->
<div id="mainMenu" class="header sticky-header collapse-on-print">
<div class="brand">
<div class="logo">
<h6 id="brand-name" class="header text-nowrap fade-in"><router-link to="/" class="brand-link">Dexter Legaspi</router-link></h6>
<h6 id="brand-name-short" class="header fade-in"><router-link to="/" class="brand-link">DL</router-link></h6>
</div>
<div class="nav-item">
<nav class="text-nowrap fade-in">
<router-link to="/" id="menu-home" class="nav-item">home</router-link>
<router-link to="/work" id="menu-work" class="nav-item"> work</router-link>
<router-link to="/portfolio" id="menu-portfolio" class="nav-item"> portfolio</router-link>
<router-link to="/articles" id="menu-articles" class="nav-item"> articles</router-link>
<router-link to="/gallery" id="menu-gallery" class="nav-item"> gallery</router-link>
<router-link to="/contact" id="menu-contact" class="nav-item"> contact</router-link>
</nav>
</div>
</div>
</div>
</header>
<main>
<!-- router content inserted here -->
<router-view v-slot="{ Component }">
<transition name="fade" mode="out-in" appear>
<component :is="Component"></component>
</transition>
</router-view>
<!-- Component for music control -->
<simple-music-control></simple-music-control>
<!-- permanent scroll top on bottom right -->
<simple-perm-scroll-top></simple-perm-scroll-top>
<br>
</main>
<footer class="collapse-on-print">
<footer>
<div class="content text-center">
<p class="small-text muted-darker">
Music by <a class="link-on-dark"
href="https://bensound.com/royalty-free-music/track/piano-moment">Bensound</a><br>
Boston University Metropolitan College<br>
Class CS601, Prof. Vijay Kanabar
</p>
</div>
<div class="content text-center">
<a href="https://bu.edu"><img alt="Boston University" id="bu-logo" src="images/bu-logo.png"></a>
</div>
<br>
</footer>
</footer>
</body>
</html>