-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathindex.html
106 lines (106 loc) · 5.43 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A high-performance toolkit for molecular simulation. Use it as a library, or as an application. We include extensive language bindings for Python, C, C++, and even Fortran. The code is open source and actively maintained on Github, licensed under MIT and LGPL.">
<script src="https://www.googletagmanager.com/gtag/js?id=G-HW60Z9TDXB" async></script>
<script>
window.dataLayer = window.dataLayer || []
function gtag() { dataLayer.push(arguments) }
gtag('js', new Date())
gtag('config', 'G-HW60Z9TDXB')
</script>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/default.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/gh-fork-ribbon.min.css" rel="stylesheet">
<link href="images/logo.svg" rel="shortcut icon">
<title>OpenMM</title>
</head>
<body>
<div id="app">
<a class="github-fork-ribbon" data-ribbon="Visit me on GitHub" href="https://github.com/openmm/" target="blank"></a>
<v-app>
<v-card class="grey lighten-3">
<v-container class="d-flex flex-wrap space-around" fluid>
<v-card class="grey lighten-3" height="120px" width="120px" flat>
<v-img src="images/logo.svg">
</v-card>
<v-card class="grey lighten-3" flat>
<v-card-title class="text-h2 font-weight-medium">OpenMM</v-card-title>
<v-card-text class="text-body-1">
High performance, customizable molecular simulation.
</v-card-text>
</v-card>
</v-container>
<v-tabs v-model="currentTab" background-color="grey lighten-3" grow show-arrows>
<v-tab v-for="tab in tabs" :to="tab.path">
<v-icon left>{{ tab.icon }}</v-icon>{{ tab.name }}
</v-tab>
</v-tabs>
</v-card>
<v-main class="pb-6">
<v-tabs-items v-model="currentTab" @change="$router.push($event)">
<v-tab-item v-for= "tab in tabs" :value="tab.path">
<router-view v-if="currentTab === tab.path"/>
</v-tab-item>
</v-tabs-items>
</v-main>
<v-footer class="grey lighten-3" padless>
<v-container class="d-flex justify-center">
<v-card class="grey lighten-3 text--secondary text-body-2" flat>
Copyright © 2017-{{ new Date().getFullYear() }}, OpenMM team.
Report an <a href="https://github.com/openmm/openmm-org" target="_blank" rel="noopener">issue</a>.
Designed by <a href="https://github.com/raimis" target="_blank" rel="noopener">raimis</a>.
</v-card>
</v-container>
</v-footer>
</v-app>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/src/httpVueLoader.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/marked.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/languages/python.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/postscribe.min.js"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
Vue.use(hljs.vuePlugin);
marked.setOptions({ highlight: (code, lang) => hljs.highlight(lang, code).value });
const tabs = [
{ name: 'Home', path: '/', icon: 'mdi-home-outline' },
{ name: 'News', path: '/news', icon: 'mdi-newspaper-variant-outline' },
{ name: 'Benchmarks', path: '/benchmarks', icon: 'mdi-speedometer' },
{ name: 'Documentation', path: '/documentation', icon: 'mdi-book-open-page-variant-outline' },
{ name: 'Ecosystem', path: '/ecosystem', icon: 'mdi-vector-combine' },
{ name: 'Development', path: '/development', icon: 'mdi-account-group-outline' },
]
const routes = tabs.map(tab => {
const component = httpVueLoader(`components/${tab.name.toLowerCase()}.vue`)
return { path: tab.path, component }
}).concat([
{ path: '/documentation.html', redirect: '/documentation'},
{ path: '*', redirect: '/'},
])
const router = new VueRouter({
base: document.URL.includes('/openmm-org') ? '/openmm-org/' : '/',
mode: 'history',
routes
})
router.afterEach((to, from) => {
gtag('set', 'page_path', to.path);
gtag('event', 'page_view');
})
const app = new Vue({
el: '#app',
router,
vuetify: new Vuetify(),
data: { tabs, currentTab: '/' }
});
</script>
</body>
</html>