-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (121 loc) · 6.36 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-121961583-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-121961583-1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link href="https://stackpath.bootstrapcdn.com/bootswatch/4.1.3/cyborg/bootstrap.min.css" rel="stylesheet"
integrity="sha384-4DAPMwiyOJv/C/LvTiUsW5ueiD7EsaAhwUKO0Llp+fWzT40XrmAbayhVP00bAJVa" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
crossorigin="anonymous">
<link rel="stylesheet" href="/assets/css/styles.css">
<title>Mystikweb Projects</title>
</head>
<body>
<main role="main">
<div class="jumbotron">
<div class="container">
<h1 class="display-3">Mystikweb on
<a class="text-white" href="http://github.com/mystikweb" target="_blank">
<i class="fab fa-github"></i> GitHub
</a>
</h1>
<p class="lead">Projects for learning and demonstration</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md">
<p class="lead">
These projects are ideas that are based on inspiration that have been gathered from many
different sources, and cover a wide
range of topics that I have found to be interesting and useful. They are all written based on
my
own opinions.
</p>
</div>
</div>
<hr />
<div class="row">
<div class="col-md">
<h2 class="p-3 bg-info text-light">Orleans Demo</h2>
<p>
This is a demonstration implementation of an actor based system using the
<a class="text-body" href="https://dotnet.github.io/orleans" target="_blank">Microsort Orleans</a>
framework. The basic concept was to record data from a Raspberry PI using the
actor system as the runtime storage and then persisting it to a document based storage.
</p>
<p>
<a class="btn btn-secondary" href="https://mystikweb.github.io/OrleansDemo" target="_blank"
role="button">View details »</a>
</p>
</div>
<div class="col-md">
<h2 class="p-3 bg-info text-light">Orleans Web</h2>
<p>
Using the
<a class="text-body" href="https://angular.io" target="_blank">Angular</a> web framework and
the
<a class="text-body" href="https://material.angular.io" target="_blank">Angular Material</a>.
This is the web application front end for the Orleans Demo project.
</p>
<!-- <p>
<a class="btn btn-secondary" href="#" role="button">View details »</a>
</p> -->
</div>
<div class="col-md">
<!-- <h2 class="p-3 bg-info text-white">Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula
porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,
ut fermentum massa justo sit amet risus.</p>
<p>
<a class="btn btn-secondary" href="#" role="button">View details »</a>
</p> -->
</div>
</div>
<hr />
</div>
</main>
<footer class="container">
<span class="float-left text-muted">© 2018 Christopher Hair</span>
<a class="float-right text-muted ml-2" href="https://plus.google.com/u/0/+ChristopherHairMystikweb" target="_blank">
<i class="fab fa-google-plus-g"></i>
</a>
<a class="float-right text-muted ml-2" href="https://mystikweb.slack.com" target="_blank">
<i class="fab fa-slack-hash"></i>
</a>
<a class="float-right text-muted ml-2" href="https://www.facebook.com/mystikweb" target="_blank">
<i class="fab fa-facebook-f"></i>
</a>
<a class="float-right text-muted ml-2" href="https://www.linkedin.com/in/mystikweb" target="_blank">
<i class="fab fa-linkedin-in"></i>
</a>
<a class="float-right text-muted" href="https://twitter.com/Mystikweb" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
</body>
</html>