first commit
This commit is contained in:
Adolfo Delorenzo
parent
636ca549ae
commit
5926fbd130
8
Dockerfile
Normal file
8
Dockerfile
Normal file
@ -0,0 +1,8 @@
|
||||
FROM nginx:alpine
|
||||
|
||||
# Bring in the microbot
|
||||
COPY html /usr/share/nginx/html
|
||||
COPY start_nginx.sh /
|
||||
|
||||
# Run nginx
|
||||
CMD /start_nginx.sh
|
||||
21
LICENSE
Normal file
21
LICENSE
Normal file
@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2016 Patrick O'Connor
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
10
build
Executable file
10
build
Executable file
@ -0,0 +1,10 @@
|
||||
#!/bin/bash
|
||||
imagename="portable-portainer"
|
||||
if [ $# -eq 0 ];then
|
||||
tagver="latest"
|
||||
else
|
||||
tagver="${1}"
|
||||
fi
|
||||
echo "Now building: ${imagename}:${tagver}"
|
||||
docker build --rm=true --no-cache=true --pull=true -t ${imagename}:${tagver} .
|
||||
#docker push ${imagename}:${tagver}
|
||||
13
build-virtual
Executable file
13
build-virtual
Executable file
@ -0,0 +1,13 @@
|
||||
#!/bin/bash
|
||||
imagename="portable-portainer"
|
||||
if [ $# -eq 0 ];then
|
||||
tagver="virtual"
|
||||
else
|
||||
tagver="${1}"
|
||||
fi
|
||||
echo "Now building: ${imagename}:${tagver}"
|
||||
docker build --rm=true --no-cache=true --pull=true -t ${imagename}:${tagver} .
|
||||
docker image tag portable-portainer:virtual registry.oe74.net/portable-portainer:virtual
|
||||
docker image push registry.oe74.net/portable-portainer:virtual
|
||||
#docker image push adelorenzo74/portable-portainer/portable-portainer:virtual
|
||||
#docker push adelorenzo74/portable-portainer:virtual
|
||||
2
hooks.yaml
Normal file
2
hooks.yaml
Normal file
@ -0,0 +1,2 @@
|
||||
- id: 2boot
|
||||
execute-command: "reset.sh"
|
||||
23
html/.ipynb_checkpoints/01-checkpoint.html
Normal file
23
html/.ipynb_checkpoints/01-checkpoint.html
Normal file
@ -0,0 +1,23 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Welcome to our Unf*cking Kubernetes tutorial</h1></center>
|
||||
<hr>
|
||||
<h2>Select the cluster</h2>
|
||||
<p>Now that you've logged in, select the <b>Kubernetes</b> cluster on the main screen</p>
|
||||
<br>
|
||||
<img src="img/soccer-faking.gif" /><br>
|
||||
<center><i><b>don't worry if your kubernetes cluster looks like it's down:<br><hr><img src="img/kubernetes_red.png" /><hr><br>it's just kubernetes being a drama queen...</b></i><br>
|
||||
<br>
|
||||
<a href="tutorial.html" button type="button" class="btn btn-primary btn-lg btn-block">Previous</a> <a href="02.html" button type="button" class="btn btn-primary btn-lg btn-block">Next</a></center>
|
||||
</body>
|
||||
</html>
|
||||
27
html/.ipynb_checkpoints/02-checkpoint.html
Normal file
27
html/.ipynb_checkpoints/02-checkpoint.html
Normal file
@ -0,0 +1,27 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Welcome to our Unf*cking Kubernetes tutorial</h1></center>
|
||||
<hr>
|
||||
<h2>Creating a Namespace</h2>
|
||||
<p>Now let's create a namespace to deploy our application:</p>
|
||||
<ul>
|
||||
<li>click on <strong>Namespaces</strong> on the left menu</li>
|
||||
<li>then the <strong>+Add namespace with form</strong> button</li>
|
||||
<li>name the namespace <strong>tutorial</strong></li>
|
||||
<li>for now you can disable <strong>Resource assignment</strong></li>
|
||||
<li>and finally click on <strong>Create namespace</strong></li>
|
||||
</ul>
|
||||
<br><br>
|
||||
<center><a href="01.html" button type="button" class="btn btn-primary btn-lg btn-block">Previous</a> <a href="03.html" button type="button" class="btn btn-primary btn-lg btn-block">Next</a></center>
|
||||
</body>
|
||||
</html>
|
||||
31
html/.ipynb_checkpoints/03-checkpoint.html
Normal file
31
html/.ipynb_checkpoints/03-checkpoint.html
Normal file
@ -0,0 +1,31 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Welcome to our Unf*cking Kubernetes tutorial</h1></center>
|
||||
<hr>
|
||||
<h2>Deploying an Application - a MySQL database</h2>
|
||||
<p>Almost there! We will now deploy our application:</p>
|
||||
<ul>
|
||||
<li>click on <strong>Applications</strong> on the left menu</li>
|
||||
<li>then the <strong>+Add application with form</strong> button</li>
|
||||
<li>select the <strong>tutorial</strong> namespace that we created on the previous step</li>
|
||||
<li>let's name the application on the first field for example, <strong>mydb</strong></li>
|
||||
<li>on the <strong>Image</strong> field you can use <code>ubuntu/mysql</code></li>
|
||||
<li>on <strong>Environment variables, </strong> click on the <strong>+add environment variable</strong> button</li>
|
||||
<li>on the <strong>name</strong> field you add <code>MYSQL_ROOT_PASSWORD</code> and on the <strong>value</strong> field you can add <code>db1234</code></li>
|
||||
<li>you can enable the <strong>Enable publishing for this application </strong>, select <strong>ClusterIP</strong> and type <code>3306</code> on the <strong>container port</strong> field</li>
|
||||
<li>and now you can click on the <strong>Deploy application</strong> button</li>
|
||||
</ul>
|
||||
<br><br>
|
||||
<center><a href="02.html" button type="button" class="btn btn-primary btn-lg btn-block">Previous</a> <a href="04.html" button type="button" class="btn btn-primary btn-lg btn-block">Next</a></center>
|
||||
</body>
|
||||
</html>
|
||||
22
html/.ipynb_checkpoints/04-checkpoint.html
Normal file
22
html/.ipynb_checkpoints/04-checkpoint.html
Normal file
@ -0,0 +1,22 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Unf*king Kubernetes tutorial with Portainer</h1></center>
|
||||
<hr>
|
||||
<h2>That's it!</h2>
|
||||
<center><img src="img/barack-obama-what.gif" width="100%" /></center><br>
|
||||
<p>It really is that easy to deploy an application using Portainer. For sure, more complex apps have more steps and take longer, but Portainer can handle anything you throw at it.
|
||||
<br>Click the <b>Refresh</b> <img src="img/refresh.png" /> button beside Application list to check if the application deployed successfully.</p>
|
||||
<br><br>
|
||||
<center><a href="03.html" button type="button" class="btn btn-primary btn-lg btn-block">Previous</a> <a href="05.html" button type="button" class="btn btn-primary btn-lg btn-block">Next</a></center>
|
||||
</body>
|
||||
</html>
|
||||
21
html/.ipynb_checkpoints/05-checkpoint.html
Normal file
21
html/.ipynb_checkpoints/05-checkpoint.html
Normal file
@ -0,0 +1,21 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Unf*king Kubernetes tutorial with Portainer</h1></center>
|
||||
<hr>
|
||||
<h2>Prize time!</h2>
|
||||
<p>Click to claim your totally cool <b>unf*ck Kubernetes</b> t-shirt!<br></p>
|
||||
<center><img src="img/t-shirt.png" width="100%" /></center>
|
||||
<br><br>
|
||||
<center><a href="04.html" button type="button" class="btn btn-primary btn-lg btn-block">Previous</a> <a href="https://portainer.io/unfucktshirt" button type="button" class="btn btn-primary btn-lg btn-block">Prize</a></center>
|
||||
</body>
|
||||
</html>
|
||||
20
html/.ipynb_checkpoints/06-checkpoint.html
Normal file
20
html/.ipynb_checkpoints/06-checkpoint.html
Normal file
@ -0,0 +1,20 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script>
|
||||
var iframes = document.getElementsByTagName('iframe');
|
||||
for (var i = 0; i < iframes.length; i++) {
|
||||
iframes[i].parentNode.removeChild(iframes[i]);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<iframe marginheight="0" src="https://portainer.io/unfucktshirt" marginwidth="0" frameborder="0" height="100%" scrolling="no" width="100%"></iframe><br>
|
||||
</body>
|
||||
<html>
|
||||
21
html/.ipynb_checkpoints/2boot-checkpoint.html
Normal file
21
html/.ipynb_checkpoints/2boot-checkpoint.html
Normal file
@ -0,0 +1,21 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center>
|
||||
<!--<h1>Unf*king Kubernetes with Portainer</h1>
|
||||
<hr>
|
||||
<h2>Please select below one of the options:</h2>-->
|
||||
<img src="img/morpheus.png" width="50%" /><br><br>
|
||||
<a href="./frames.html" button type="button" class="btn btn-secondary btn-lg btn-lg">Tutorial</a> <a href="https://localhost:9443" button type="button" class="btn btn-secondary btn-lg btn-lg">Portainer</a><br><br>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
0
html/.ipynb_checkpoints/anim-checkpoint.html
Normal file
0
html/.ipynb_checkpoints/anim-checkpoint.html
Normal file
2
html/.ipynb_checkpoints/frames-checkpoint.html
Normal file
2
html/.ipynb_checkpoints/frames-checkpoint.html
Normal file
@ -0,0 +1,2 @@
|
||||
<iframe src="https://localhost:9443" frameborder="0" scrolling="yes" style="overflow: hidden; height: 100%; width: 75%; float: left; " height="100%" width="75%" align="left"></iframe>
|
||||
<iframe src="./tutorial.html" frameborder="0" scrolling="yes" style="overflow: hidden; height: 100%; width: 25%; float: left; " height="100%" width="25%" align="left"></iframe>
|
||||
63
html/.ipynb_checkpoints/index-checkpoint.html
Normal file
63
html/.ipynb_checkpoints/index-checkpoint.html
Normal file
@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="refresh" content="14;url=http://localhost:7777/frames.html" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="css/jquery.simpleTxtSlider.css" rel="stylesheet">
|
||||
<link stylesheet="css/font.css"/>
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery.simpleTxtSlider.js"></script>
|
||||
<script>
|
||||
$(function(){
|
||||
$.simpleTxtSlider($("#pakainfo-txtslider-fade-example"),{'effectType':'fade'});
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
div.txtslider{
|
||||
position: fixed; /* or absolute */
|
||||
top: 25%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-family: Raleway;
|
||||
font-weight: bold;
|
||||
font-size: 120px;
|
||||
color: #38DAFF;
|
||||
}
|
||||
div.txtslider ul{
|
||||
margin: auto;
|
||||
}
|
||||
#myVideo {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(function(){
|
||||
$.simpleTxtSlider($("#pakainfo-txtslider-roll-example"),{
|
||||
delay : 3500, effectType : 'slide',
|
||||
speed : 1500
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<video autoplay loop id="myVideo">
|
||||
<source src="vids/blurred2.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div id="pakainfo-txtslider-roll-example" class="txtslider">
|
||||
<ul>
|
||||
<li>Hello....</li>
|
||||
<li>We’re on a mission to unf*ck Kubernetes.</li>
|
||||
<li>Are you in?</li>
|
||||
<li><img src="img/Portainer-large-alt-positive.png"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
19
html/.ipynb_checkpoints/index-checkpoint.old
Normal file
19
html/.ipynb_checkpoints/index-checkpoint.old
Normal file
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/vid.css">
|
||||
</head>
|
||||
<body>
|
||||
<video autoplay muted id="myVideo">
|
||||
<source src="vids/un-f-ck.m4v" type="video/mp4">
|
||||
Your browser does not support HTML5 video.
|
||||
</video>
|
||||
<script>
|
||||
var video1 = document.getElementById("myVideo");
|
||||
video1.onended = function(e) {
|
||||
window.location.replace("http://localhost:7777/frames.html");
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
89
html/.ipynb_checkpoints/index-checkpoint.orig
Normal file
89
html/.ipynb_checkpoints/index-checkpoint.orig
Normal file
@ -0,0 +1,89 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style>
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: Arial;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
#myVideo {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
color: #f1f1f1;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#myBtn {
|
||||
width: 200px;
|
||||
font-size: 18px;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#myBtn:hover {
|
||||
background: #ddd;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<video autoplay muted id="myVideo">
|
||||
<source src="vids/blurred.mp4" type="video/mp4">
|
||||
Your browser does not support HTML5 video.
|
||||
</video>
|
||||
|
||||
<!--<div class="content">
|
||||
<h1>Portainer is now Kubernetes</h1>
|
||||
<h2>We...re on a mission to unf*ck Kubernetes. Are you with us?</h2>
|
||||
<p>Portainer enables centralized configuration, management and security of Kubernetes and Docker environments, allowing you to deliver
|
||||
<p>Adopting container orchestration platforms like Kubernetes is hard. To succeed, you need to give everyone secure access to the funct
|
||||
<p>With its super-simple 'opinionated' GUI, Portainer makes it easy for everyone to get up and running quickly. It lets Platform Manage
|
||||
<p>Portainer works with Docker, Docker Swarm and Kubernetes. It can be deployed in the cloud on prem or at the edge. Portainer Business
|
||||
<button id="myBtn" onclick="myFunction()">Pause</button>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var video = document.getElementById("myVideo");
|
||||
var btn = document.getElementById("myBtn");
|
||||
|
||||
function myFunction() {
|
||||
if (video.paused) {
|
||||
video.play();
|
||||
btn.innerHTML = "Pause";
|
||||
} else {
|
||||
video.pause();
|
||||
btn.innerHTML = "Play";
|
||||
}
|
||||
}
|
||||
</script>-->
|
||||
|
||||
<script>
|
||||
var video1 = document.getElementById("myVideo");
|
||||
video1.onended = function(e) {
|
||||
window.location.replace("http://localhost:7777/frames.html");
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
8
html/.ipynb_checkpoints/reset-checkpoint.html
Normal file
8
html/.ipynb_checkpoints/reset-checkpoint.html
Normal file
@ -0,0 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="refresh" content="1;url=./01.html" />
|
||||
<iframe src="http://localhost:9000/hooks/2boot" frameborder="0" scrolling="yes" height="100%" width="25%" align="left"></iframe>
|
||||
</head>
|
||||
</html>
|
||||
25
html/.ipynb_checkpoints/tutorial-checkpoint.html
Normal file
25
html/.ipynb_checkpoints/tutorial-checkpoint.html
Normal file
@ -0,0 +1,25 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Welcome to our Unf*cking Kubernetes tutorial</h1></center>
|
||||
<hr>
|
||||
<p>Thanks for downloading Portainer. This experience will take you about 2 or 3 minutes to run through. By the end, you will have deployed your first application on a Kubernetes cluster using Portainer and taken the first important step towards unf*cking Kubernetes. At the end of the experience you can claim your exclusive unf*king kubernetes t-shirt!</p>
|
||||
<h2>Login</h2>
|
||||
<p>The first step is to login to Portainer with the following credentials:</p>
|
||||
<ul>
|
||||
<li>username: <code>portainer</code></li>
|
||||
<li>password: <code>portainer1234</code></li>
|
||||
</ul>
|
||||
<br>
|
||||
<center><a href="reset.html" button type="button" class="btn btn-primary btn-lg btn-block">Next</a></center>
|
||||
</body>
|
||||
</html>
|
||||
22
html/.ipynb_checkpoints/typewriter-checkpoint.css
Normal file
22
html/.ipynb_checkpoints/typewriter-checkpoint.css
Normal file
@ -0,0 +1,22 @@
|
||||
.typewriter h1 {
|
||||
overflow: hidden; /* Ensures the content is not revealed until the animation */
|
||||
border-right: .15em solid orange; /* The typwriter cursor */
|
||||
white-space: nowrap; /* Keeps the content on a single line */
|
||||
margin: 0 auto; /* Gives that scrolling effect as the typing happens */
|
||||
letter-spacing: .15em; /* Adjust as needed */
|
||||
animation:
|
||||
typing 3.5s steps(40, end),
|
||||
blink-caret .75s step-end infinite;
|
||||
}
|
||||
|
||||
/* The typing effect */
|
||||
@keyframes typing {
|
||||
from { width: 0 }
|
||||
to { width: 100% }
|
||||
}
|
||||
|
||||
/* The typewriter cursor effect */
|
||||
@keyframes blink-caret {
|
||||
from, to { border-color: transparent }
|
||||
50% { border-color: orange; }
|
||||
}
|
||||
22
html/01.html
Normal file
22
html/01.html
Normal file
@ -0,0 +1,22 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Welcome to our Unf*cking Kubernetes tutorial</h1></center>
|
||||
<hr>
|
||||
<h2>Select the cluster</h2>
|
||||
<p>Now that you've logged in, select the <b>Kubernetes</b> cluster on the main screen</p>
|
||||
<br>
|
||||
<center><i><b>don't worry if your kubernetes cluster looks like it's down:<br><hr><img src="img/kubernetes_red.png" /><hr><br><img src="img/soccer-faking.gif" /><br><br>it's just kubernetes being a drama queen...</b></i><br>
|
||||
<br>
|
||||
<a href="tutorial.html" button type="button" class="btn btn-primary btn-lg btn-block">Previous</a> <a href="02.html" button type="button" class="btn btn-primary btn-lg btn-block">Next</a></center>
|
||||
</body>
|
||||
</html>
|
||||
27
html/02.html
Normal file
27
html/02.html
Normal file
@ -0,0 +1,27 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Welcome to our Unf*cking Kubernetes tutorial</h1></center>
|
||||
<hr>
|
||||
<h2>Creating a Namespace</h2>
|
||||
<p>Now let's create a namespace to deploy our application:</p>
|
||||
<ul>
|
||||
<li>click on <strong>Namespaces</strong> on the left menu</li>
|
||||
<li>then the <strong>+Add namespace with form</strong> button</li>
|
||||
<li>name the namespace <strong>tutorial</strong></li>
|
||||
<li>for now you can disable <strong>Resource assignment</strong></li>
|
||||
<li>and finally click on <strong>Create namespace</strong></li>
|
||||
</ul>
|
||||
<br><br>
|
||||
<center><a href="01.html" button type="button" class="btn btn-primary btn-lg btn-block">Previous</a> <a href="03.html" button type="button" class="btn btn-primary btn-lg btn-block">Next</a></center>
|
||||
</body>
|
||||
</html>
|
||||
31
html/03.html
Normal file
31
html/03.html
Normal file
@ -0,0 +1,31 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Welcome to our Unf*cking Kubernetes tutorial</h1></center>
|
||||
<hr>
|
||||
<h2>Deploying an Application - a MySQL database</h2>
|
||||
<p>Almost there! We will now deploy our application:</p>
|
||||
<ul>
|
||||
<li>click on <strong>Applications</strong> on the left menu</li>
|
||||
<li>then the <strong>+Add application with form</strong> button</li>
|
||||
<li>select the <strong>tutorial</strong> namespace that we created on the previous step</li>
|
||||
<li>let's name the application on the first field for example, <strong>mydb</strong></li>
|
||||
<li>on the <strong>Image</strong> field you can use <code>ubuntu/mysql</code></li>
|
||||
<li>on <strong>Environment variables, </strong> click on the <strong>+add environment variable</strong> button</li>
|
||||
<li>on the <strong>name</strong> field you add <code>MYSQL_ROOT_PASSWORD</code> and on the <strong>value</strong> field you can add <code>db1234</code></li>
|
||||
<li>you can enable the <strong>Enable publishing for this application </strong>, select <strong>ClusterIP</strong> and type <code>3306</code> on the <strong>container port</strong> field</li>
|
||||
<li>and now you can click on the <strong>Deploy application</strong> button</li>
|
||||
</ul>
|
||||
<br><br>
|
||||
<center><a href="02.html" button type="button" class="btn btn-primary btn-lg btn-block">Previous</a> <a href="04.html" button type="button" class="btn btn-primary btn-lg btn-block">Next</a></center>
|
||||
</body>
|
||||
</html>
|
||||
22
html/04.html
Normal file
22
html/04.html
Normal file
@ -0,0 +1,22 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Unf*king Kubernetes tutorial with Portainer</h1></center>
|
||||
<hr>
|
||||
<h2>That's it!</h2>
|
||||
<center><img src="img/barack-obama-what.gif" width="100%" /></center><br>
|
||||
<p>It really is that easy to deploy an application using Portainer. For sure, more complex apps have more steps and take longer, but Portainer can handle anything you throw at it.
|
||||
<br>Click the <b>Refresh</b> <img src="img/refresh.png" /> button beside Application list to check if the application deployed successfully.</p>
|
||||
<br><br>
|
||||
<center><a href="03.html" button type="button" class="btn btn-primary btn-lg btn-block">Previous</a> <a href="05.html" button type="button" class="btn btn-primary btn-lg btn-block">Next</a></center>
|
||||
</body>
|
||||
</html>
|
||||
21
html/05.html
Normal file
21
html/05.html
Normal file
@ -0,0 +1,21 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Unf*king Kubernetes tutorial with Portainer</h1></center>
|
||||
<hr>
|
||||
<h2>Prize time!</h2>
|
||||
<p>Click to claim your totally cool <b>unf*ck Kubernetes</b> t-shirt!<br></p>
|
||||
<center><img src="img/t-shirt.png" width="100%" /></center>
|
||||
<br><br>
|
||||
<center><a href="04.html" button type="button" class="btn btn-primary btn-lg btn-block">Previous</a> <a href="https://portainer.io/unfucktshirt" button type="button" class="btn btn-primary btn-lg btn-block">Prize</a></center>
|
||||
</body>
|
||||
</html>
|
||||
20
html/06.html
Normal file
20
html/06.html
Normal file
@ -0,0 +1,20 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script>
|
||||
var iframes = document.getElementsByTagName('iframe');
|
||||
for (var i = 0; i < iframes.length; i++) {
|
||||
iframes[i].parentNode.removeChild(iframes[i]);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<iframe marginheight="0" src="https://portainer.io/unfucktshirt" marginwidth="0" frameborder="0" height="100%" scrolling="no" width="100%"></iframe><br>
|
||||
</body>
|
||||
<html>
|
||||
21
html/2boot.html
Normal file
21
html/2boot.html
Normal file
@ -0,0 +1,21 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center>
|
||||
<!--<h1>Unf*king Kubernetes with Portainer</h1>
|
||||
<hr>
|
||||
<h2>Please select below one of the options:</h2>-->
|
||||
<img src="img/morpheus.png" width="50%" /><br><br>
|
||||
<a href="./frames.html" button type="button" class="btn btn-secondary btn-lg btn-lg">Tutorial</a> <a href="https://localhost:9443" button type="button" class="btn btn-secondary btn-lg btn-lg">Portainer</a><br><br>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
63
html/anim.html
Normal file
63
html/anim.html
Normal file
@ -0,0 +1,63 @@
|
||||
<html>
|
||||
<style>
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
|
||||
|
||||
body {
|
||||
font-family: 'Open Sans', 'sans-serif';
|
||||
color: #cecece;
|
||||
background: #222;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.item-1,
|
||||
.item-2,
|
||||
.item-3 {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 2em;
|
||||
|
||||
width: 60%;
|
||||
|
||||
font-size: 2em;
|
||||
|
||||
animation-duration: 20s;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.item-1{
|
||||
animation-name: anim-1;
|
||||
}
|
||||
|
||||
.item-2{
|
||||
animation-name: anim-2;
|
||||
}
|
||||
|
||||
.item-3{
|
||||
animation-name: anim-3;
|
||||
}
|
||||
|
||||
@keyframes anim-1 {
|
||||
0%, 8.3% { left: -100%; opacity: 0; }
|
||||
8.3%,25% { left: 25%; opacity: 1; }
|
||||
33.33%, 100% { left: 110%; opacity: 0; }
|
||||
}
|
||||
|
||||
@keyframes anim-2 {
|
||||
0%, 33.33% { left: -100%; opacity: 0; }
|
||||
41.63%, 58.29% { left: 25%; opacity: 1; }
|
||||
66.66%, 100% { left: 110%; opacity: 0; }
|
||||
}
|
||||
|
||||
@keyframes anim-3 {
|
||||
0%, 66.66% { left: -100%; opacity: 0; }
|
||||
74.96%, 91.62% { left: 25%; opacity: 1; }
|
||||
100% { left: 110%; opacity: 0; }
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="item-1">This is your last chance. After this, there is no turning back.</p>
|
||||
<p class="item-2">You take the blue pill - the story ends, you wake up in your bed and believe whatever you want to believe.</p>
|
||||
<p class="item-3">You take the red pill - you stay in Wonderland and I show you how deep the rabbit-hole goes.</p>
|
||||
</body>
|
||||
</html>
|
||||
18
html/css/.ipynb_checkpoints/font-checkpoint.css
Normal file
18
html/css/.ipynb_checkpoints/font-checkpoint.css
Normal file
@ -0,0 +1,18 @@
|
||||
/* lato-700 - latin_latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Raleway';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Raleway Bold'), local('Raleway-Bold'),
|
||||
url('./fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
||||
url('./fonts/raleway-v22-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||
}
|
||||
/* lato-regular - latin_latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Raleway';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Raleway Regular'), local('Raleway-Regular'),
|
||||
url('./fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
||||
url('./fonts/raleway-v22-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||
}
|
||||
52
html/css/.ipynb_checkpoints/intro-checkpoint.css
Normal file
52
html/css/.ipynb_checkpoints/intro-checkpoint.css
Normal file
@ -0,0 +1,52 @@
|
||||
body {
|
||||
font-family: 'Raleway', 'sans-serif';
|
||||
color: #38DAFF;
|
||||
background: #222;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.item-1,
|
||||
.item-2,
|
||||
.item-3 {
|
||||
position: relative;
|
||||
display: block;
|
||||
top: 1em;
|
||||
|
||||
width: 60%;
|
||||
|
||||
font-size: 5.5em;
|
||||
|
||||
animation-duration: 14s;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.item-1{
|
||||
animation-name: anim-1;
|
||||
}
|
||||
|
||||
.item-2{
|
||||
animation-name: anim-2;
|
||||
}
|
||||
|
||||
.item-3{
|
||||
animation-name: anim-3;
|
||||
}
|
||||
|
||||
@keyframes anim-1 {
|
||||
0%, 8.3% { left: -100%; opacity: 0; }
|
||||
8.3%,25% { left: 25%; opacity: 1; }
|
||||
33.33%, 100% { left: 110%; opacity: 0; }
|
||||
}
|
||||
|
||||
@keyframes anim-2 {
|
||||
0%, 33.33% { left: -100%; opacity: 0; }
|
||||
41.63%, 58.29% { left: 25%; opacity: 1; }
|
||||
66.66%, 100% { left: 110%; opacity: 0; }
|
||||
}
|
||||
|
||||
@keyframes anim-3 {
|
||||
0%, 66.66% { left: -100%; opacity: 0; }
|
||||
74.96%, 91.62% { left: 25%; opacity: 1; }
|
||||
100% { left: 110%; opacity: 0; }
|
||||
}
|
||||
@ -0,0 +1,17 @@
|
||||
.txtslider {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.txtslider ul {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.txtslider ul li {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
155
html/css/.ipynb_checkpoints/slideshow-checkpoint.css
Normal file
155
html/css/.ipynb_checkpoints/slideshow-checkpoint.css
Normal file
@ -0,0 +1,155 @@
|
||||
*{box-sizing: border-box; -webkit-box-sizing: border-box; }
|
||||
html, body { height: 100%; }
|
||||
body { margin: 0; font: 16px/1.3 sans-serif; }
|
||||
|
||||
/*
|
||||
PURE RESPONSIVE CSS3 SLIDESHOW GALLERY by Roko C. buljan
|
||||
http://stackoverflow.com/a/34696029/383904
|
||||
*/
|
||||
|
||||
.CSSgal {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 75%; /* Or set a fixed height */
|
||||
}
|
||||
|
||||
/* SLIDER */
|
||||
|
||||
.CSSgal .slider {
|
||||
height: 100%;
|
||||
white-space: nowrap;
|
||||
font-size: 0;
|
||||
transition: 0.8s;
|
||||
}
|
||||
|
||||
/* SLIDES */
|
||||
|
||||
.CSSgal .slider > * {
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
white-space: normal;
|
||||
vertical-align: top;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: none 50% no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* PREV/NEXT, CONTAINERS & ANCHORS */
|
||||
|
||||
.CSSgal .prevNext {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.CSSgal .prevNext > div+div {
|
||||
visibility: hidden; /* Hide all but first P/N container */
|
||||
}
|
||||
|
||||
.CSSgal .prevNext a {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
line-height: 60px; /* If you want to place numbers */
|
||||
text-align: center;
|
||||
opacity: 0.7;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
left: 0;
|
||||
}
|
||||
.CSSgal .prevNext a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.CSSgal .prevNext a+a {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* NAVIGATION */
|
||||
|
||||
.CSSgal .bullets {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
bottom: 0;
|
||||
padding: 10px 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.CSSgal .bullets > a {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.CSSgal .bullets > a+a {
|
||||
background: rgba(255, 255, 255, 0.5); /* Dim all but first */
|
||||
}
|
||||
.CSSgal .bullets > a:hover {
|
||||
background: rgba(255, 255, 255, 0.7) !important;
|
||||
}
|
||||
|
||||
/* NAVIGATION BUTTONS */
|
||||
/* ALL: */
|
||||
.CSSgal >s:target ~ .bullets >* { background: rgba(255, 255, 255, 0.5);}
|
||||
/* ACTIVE */
|
||||
#s1:target ~ .bullets >*:nth-child(1) {background: rgba(255, 255, 255, 1);}
|
||||
#s2:target ~ .bullets >*:nth-child(2) {background: rgba(255, 255, 255, 1);}
|
||||
#s3:target ~ .bullets >*:nth-child(3) {background: rgba(255, 255, 255, 1);}
|
||||
#s4:target ~ .bullets >*:nth-child(4) {background: rgba(255, 255, 255, 1);}
|
||||
#s5:target ~ .bullets >*:nth-child(5) {background: rgba(255, 255, 255, 1);}
|
||||
/* More slides? Add here more rules */
|
||||
|
||||
/* PREV/NEXT CONTAINERS VISIBILITY */
|
||||
/* ALL: */
|
||||
.CSSgal >s:target ~ .prevNext >* { visibility: hidden;}
|
||||
/* ACTIVE: */
|
||||
#s1:target ~ .prevNext >*:nth-child(1) {visibility: visible;}
|
||||
#s2:target ~ .prevNext >*:nth-child(2) {visibility: visible;}
|
||||
#s3:target ~ .prevNext >*:nth-child(3) {visibility: visible;}
|
||||
#s4:target ~ .prevNext >*:nth-child(4) {visibility: visible;}
|
||||
#s5:target ~ .prevNext >*:nth-child(4) {visibility: visible;}
|
||||
/* More slides? Add here more rules */
|
||||
|
||||
/* SLIDER ANIMATION POSITIONS */
|
||||
|
||||
#s1:target ~ .slider {transform: translateX( 0%); -webkit-transform: translateX( 0%);}
|
||||
#s2:target ~ .slider {transform: translateX(-100%); -webkit-transform: translateX(-100%);}
|
||||
#s3:target ~ .slider {transform: translateX(-200%); -webkit-transform: translateX(-200%);}
|
||||
#s4:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
|
||||
#s5:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
|
||||
/* More slides? Add here more rules */
|
||||
|
||||
|
||||
/* YOU'RE THE DESIGNER!
|
||||
____________________
|
||||
All above was mainly to get it working :)
|
||||
CSSgal CUSTOM STYLES / OVERRIDES HERE: */
|
||||
|
||||
.CSSgal{
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.CSSgal .slider h2 {
|
||||
margin-top: 40vh;
|
||||
font-weight: 200;
|
||||
letter-spacing: -0.06em;
|
||||
word-spacing: 0.2em;
|
||||
font-size: 3em;
|
||||
}
|
||||
.CSSgal a {
|
||||
border-radius: 50%;
|
||||
margin: 0 3px;
|
||||
color: rgba(0,0,0,0.8);
|
||||
text-decoration: none;
|
||||
}
|
||||
41
html/css/.ipynb_checkpoints/vid-checkpoint.css
Normal file
41
html/css/.ipynb_checkpoints/vid-checkpoint.css
Normal file
@ -0,0 +1,41 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: Arial;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
#myVideo {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
color: #f1f1f1;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#myBtn {
|
||||
width: 200px;
|
||||
font-size: 18px;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#myBtn:hover {
|
||||
background: #ddd;
|
||||
color: black;
|
||||
}
|
||||
11222
html/css/bootstrap.css
vendored
Normal file
11222
html/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
html/css/bootstrap.min.css
vendored
Normal file
7
html/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
18
html/css/font.css
Normal file
18
html/css/font.css
Normal file
@ -0,0 +1,18 @@
|
||||
/* lato-700 - latin_latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Raleway';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Raleway Bold'), local('Raleway-Bold'),
|
||||
url('./fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
||||
url('./fonts/raleway-v22-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||
}
|
||||
/* lato-regular - latin_latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Raleway';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Raleway Regular'), local('Raleway-Regular'),
|
||||
url('./fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
||||
url('./fonts/raleway-v22-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||
}
|
||||
52
html/css/intro.css
Normal file
52
html/css/intro.css
Normal file
@ -0,0 +1,52 @@
|
||||
body {
|
||||
font-family: 'Raleway', 'sans-serif';
|
||||
color: #38DAFF;
|
||||
background: #222;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.item-1,
|
||||
.item-2,
|
||||
.item-3 {
|
||||
position: relative;
|
||||
display: block;
|
||||
top: 1em;
|
||||
|
||||
width: 60%;
|
||||
|
||||
font-size: 5.5em;
|
||||
|
||||
animation-duration: 14s;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.item-1{
|
||||
animation-name: anim-1;
|
||||
}
|
||||
|
||||
.item-2{
|
||||
animation-name: anim-2;
|
||||
}
|
||||
|
||||
.item-3{
|
||||
animation-name: anim-3;
|
||||
}
|
||||
|
||||
@keyframes anim-1 {
|
||||
0%, 8.3% { left: -100%; opacity: 0; }
|
||||
8.3%,25% { left: 25%; opacity: 1; }
|
||||
33.33%, 100% { left: 110%; opacity: 0; }
|
||||
}
|
||||
|
||||
@keyframes anim-2 {
|
||||
0%, 33.33% { left: -100%; opacity: 0; }
|
||||
41.63%, 58.29% { left: 25%; opacity: 1; }
|
||||
66.66%, 100% { left: 110%; opacity: 0; }
|
||||
}
|
||||
|
||||
@keyframes anim-3 {
|
||||
0%, 66.66% { left: -100%; opacity: 0; }
|
||||
74.96%, 91.62% { left: 25%; opacity: 1; }
|
||||
100% { left: 110%; opacity: 0; }
|
||||
}
|
||||
17
html/css/jquery.simpleTxtSlider.css
Normal file
17
html/css/jquery.simpleTxtSlider.css
Normal file
@ -0,0 +1,17 @@
|
||||
.txtslider {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.txtslider ul {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.txtslider ul li {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
155
html/css/slideshow.css
Normal file
155
html/css/slideshow.css
Normal file
@ -0,0 +1,155 @@
|
||||
*{box-sizing: border-box; -webkit-box-sizing: border-box; }
|
||||
html, body { height: 100%; }
|
||||
body { margin: 0; font: 16px/1.3 sans-serif; }
|
||||
|
||||
/*
|
||||
PURE RESPONSIVE CSS3 SLIDESHOW GALLERY by Roko C. buljan
|
||||
http://stackoverflow.com/a/34696029/383904
|
||||
*/
|
||||
|
||||
.CSSgal {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 75%; /* Or set a fixed height */
|
||||
}
|
||||
|
||||
/* SLIDER */
|
||||
|
||||
.CSSgal .slider {
|
||||
height: 100%;
|
||||
white-space: nowrap;
|
||||
font-size: 0;
|
||||
transition: 0.8s;
|
||||
}
|
||||
|
||||
/* SLIDES */
|
||||
|
||||
.CSSgal .slider > * {
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
white-space: normal;
|
||||
vertical-align: top;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: none 50% no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* PREV/NEXT, CONTAINERS & ANCHORS */
|
||||
|
||||
.CSSgal .prevNext {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.CSSgal .prevNext > div+div {
|
||||
visibility: hidden; /* Hide all but first P/N container */
|
||||
}
|
||||
|
||||
.CSSgal .prevNext a {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
line-height: 60px; /* If you want to place numbers */
|
||||
text-align: center;
|
||||
opacity: 0.7;
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
left: 0;
|
||||
}
|
||||
.CSSgal .prevNext a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.CSSgal .prevNext a+a {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* NAVIGATION */
|
||||
|
||||
.CSSgal .bullets {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
bottom: 0;
|
||||
padding: 10px 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.CSSgal .bullets > a {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
-webkit-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.CSSgal .bullets > a+a {
|
||||
background: rgba(255, 255, 255, 0.5); /* Dim all but first */
|
||||
}
|
||||
.CSSgal .bullets > a:hover {
|
||||
background: rgba(255, 255, 255, 0.7) !important;
|
||||
}
|
||||
|
||||
/* NAVIGATION BUTTONS */
|
||||
/* ALL: */
|
||||
.CSSgal >s:target ~ .bullets >* { background: rgba(255, 255, 255, 0.5);}
|
||||
/* ACTIVE */
|
||||
#s1:target ~ .bullets >*:nth-child(1) {background: rgba(255, 255, 255, 1);}
|
||||
#s2:target ~ .bullets >*:nth-child(2) {background: rgba(255, 255, 255, 1);}
|
||||
#s3:target ~ .bullets >*:nth-child(3) {background: rgba(255, 255, 255, 1);}
|
||||
#s4:target ~ .bullets >*:nth-child(4) {background: rgba(255, 255, 255, 1);}
|
||||
#s5:target ~ .bullets >*:nth-child(5) {background: rgba(255, 255, 255, 1);}
|
||||
/* More slides? Add here more rules */
|
||||
|
||||
/* PREV/NEXT CONTAINERS VISIBILITY */
|
||||
/* ALL: */
|
||||
.CSSgal >s:target ~ .prevNext >* { visibility: hidden;}
|
||||
/* ACTIVE: */
|
||||
#s1:target ~ .prevNext >*:nth-child(1) {visibility: visible;}
|
||||
#s2:target ~ .prevNext >*:nth-child(2) {visibility: visible;}
|
||||
#s3:target ~ .prevNext >*:nth-child(3) {visibility: visible;}
|
||||
#s4:target ~ .prevNext >*:nth-child(4) {visibility: visible;}
|
||||
#s5:target ~ .prevNext >*:nth-child(4) {visibility: visible;}
|
||||
/* More slides? Add here more rules */
|
||||
|
||||
/* SLIDER ANIMATION POSITIONS */
|
||||
|
||||
#s1:target ~ .slider {transform: translateX( 0%); -webkit-transform: translateX( 0%);}
|
||||
#s2:target ~ .slider {transform: translateX(-100%); -webkit-transform: translateX(-100%);}
|
||||
#s3:target ~ .slider {transform: translateX(-200%); -webkit-transform: translateX(-200%);}
|
||||
#s4:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
|
||||
#s5:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
|
||||
/* More slides? Add here more rules */
|
||||
|
||||
|
||||
/* YOU'RE THE DESIGNER!
|
||||
____________________
|
||||
All above was mainly to get it working :)
|
||||
CSSgal CUSTOM STYLES / OVERRIDES HERE: */
|
||||
|
||||
.CSSgal{
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.CSSgal .slider h2 {
|
||||
margin-top: 40vh;
|
||||
font-weight: 200;
|
||||
letter-spacing: -0.06em;
|
||||
word-spacing: 0.2em;
|
||||
font-size: 3em;
|
||||
}
|
||||
.CSSgal a {
|
||||
border-radius: 50%;
|
||||
margin: 0 3px;
|
||||
color: rgba(0,0,0,0.8);
|
||||
text-decoration: none;
|
||||
}
|
||||
22
html/css/typewriter.css
Normal file
22
html/css/typewriter.css
Normal file
@ -0,0 +1,22 @@
|
||||
.typewriter h1 {
|
||||
overflow: hidden; /* Ensures the content is not revealed until the animation */
|
||||
border-right: .15em solid orange; /* The typwriter cursor */
|
||||
white-space: nowrap; /* Keeps the content on a single line */
|
||||
margin: 0 auto; /* Gives that scrolling effect as the typing happens */
|
||||
letter-spacing: .15em; /* Adjust as needed */
|
||||
animation:
|
||||
typing 3.5s steps(40, end),
|
||||
blink-caret .75s step-end infinite;
|
||||
}
|
||||
|
||||
/* The typing effect */
|
||||
@keyframes typing {
|
||||
from { width: 0 }
|
||||
to { width: 100% }
|
||||
}
|
||||
|
||||
/* The typewriter cursor effect */
|
||||
@keyframes blink-caret {
|
||||
from, to { border-color: transparent }
|
||||
50% { border-color: orange; }
|
||||
}
|
||||
41
html/css/vid.css
Normal file
41
html/css/vid.css
Normal file
@ -0,0 +1,41 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: Arial;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
#myVideo {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
color: #f1f1f1;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#myBtn {
|
||||
width: 200px;
|
||||
font-size: 18px;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#myBtn:hover {
|
||||
background: #ddd;
|
||||
color: black;
|
||||
}
|
||||
BIN
html/fonts/raleway-v22-latin-regular.eot
Normal file
BIN
html/fonts/raleway-v22-latin-regular.eot
Normal file
Binary file not shown.
326
html/fonts/raleway-v22-latin-regular.svg
Normal file
326
html/fonts/raleway-v22-latin-regular.svg
Normal file
@ -0,0 +1,326 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<defs >
|
||||
<font id="Raleway" horiz-adv-x="566" ><font-face
|
||||
font-family="Raleway Thin"
|
||||
units-per-em="1000"
|
||||
panose-1="0 0 0 0 0 0 0 0 0 0"
|
||||
ascent="940"
|
||||
descent="-234"
|
||||
alphabetic="0" />
|
||||
<glyph unicode=" " horiz-adv-x="255" />
|
||||
<glyph unicode="!" horiz-adv-x="252" d="M92 228V717H160V228H92ZM92 0V112H160V0H92Z" />
|
||||
<glyph unicode=""" horiz-adv-x="292" d="M69 522V716H128V522H69ZM164 522V716H223V522H164Z" />
|
||||
<glyph unicode="#" horiz-adv-x="680" d="M642 457H513L466 261H600V207H453L403 0H345L396 207H207L157 0H99L150 207H37V261H163L210 457H80V508H223L272 710H330L280 508H469L518 710H576L526 508H642V457ZM409 261L456 457H267L220 261H409Z" />
|
||||
<glyph unicode="$" horiz-adv-x="619" d="M289 28L335 27V-103H289V28ZM293 37V673L331 678V35L293 37ZM289 815H335V681L289 676V815ZM510 577Q496 594 476 607T431 631T377 647T316 653Q223 653 180 618T136 521Q136 479 157 455T221 416T334 385Q409 369 464
|
||||
347T549 288T579 186Q579 137 561 101T508 41T426 6T323 -6Q269 -6 218 5T123 39T38 97L73 154Q92 134 118 117T177 85T247 64T325 56Q410 56 457 87T505 179Q505 223 482 249T410 293T291 326Q217 343 167 364T90 419T64 511Q64 577 96 622T186 691T317 715Q364
|
||||
715 404 706T479 678T544 633L510 577Z" />
|
||||
<glyph unicode="%" horiz-adv-x="714" d="M190 433Q149 433 115 452T61 504T40 576Q40 616 60 649T115 701T190 720Q231 720 265 701T319 649T339 577Q339 537 319 504T265 452T190 433ZM190 472Q217 472 239 486T275 525T288 576Q288 605 274 629T238 666T190
|
||||
680Q162 680 140 666T105 628T91 577Q91 548 104 525T140 487T190 472ZM525 -10Q484 -10 450 9T396 61T376 134Q376 174 396 206T450 258T525 277Q567 277 601 258T655 207T675 134Q675 94 655 62T601 10T525 -10ZM525 30Q553 30 575 44T610 82T623 133Q623 162
|
||||
610 186T574 224T525 238Q498 238 476 224T440 185T427 134Q427 105 440 82T476 44T525 30ZM64 27L344 367L615 714L650 684L372 344L99 -4L64 27Z" />
|
||||
<glyph unicode="&" horiz-adv-x="667" d="M571 0L217 373Q174 419 148 451T111 510T100 563Q100 607 123 642T187 698T278 719Q325 719 362 702T422 653T444 579Q444 534 419 499T353 433T263 371Q222 343 188 315T133 254T113 181Q113 137 138 107T201 61T281
|
||||
45Q335 45 380 69T460 137T512 237T531 356H589Q589 280 565 214T499 97T399 19T274 -10Q212 -10 160 14T78 82T47 183Q47 237 72 277T138 350T224 412Q270 442 305 467T361 519T381 577Q381 616 352 641T278 666Q245 666 219 652T178 615T163 565Q163 548 171
|
||||
530T202 484T268 411L661 0H571Z" />
|
||||
<glyph unicode="'" horiz-adv-x="197" d="M69 521V716H128V521H69Z" />
|
||||
<glyph unicode="(" horiz-adv-x="269" d="M44 346Q44 448 85 544T184 739L236 714Q216 684 194 640T152 546T120 443T108 343Q108 265 142 173T235 -10L184 -37Q142 26 111 90T62 218T44 346Z" />
|
||||
<glyph unicode=")" horiz-adv-x="268" d="M224 346Q224 283 207 219T158 90T84 -37L34 -10Q93 81 127 173T161 343Q161 391 149 443T117 545T75 640T32 714L85 739Q143 641 183 545T224 346Z" />
|
||||
<glyph unicode="*" horiz-adv-x="321" d="M87 546L130 608L62 630L73 666L142 640L140 713H181L179 640L248 666L259 630L191 608L235 546L203 524L161 589L118 524L87 546Z" />
|
||||
<glyph unicode="+" horiz-adv-x="415" d="M363 383V327H239V192H176V327H52V383H176V518H239V383H363Z" />
|
||||
<glyph unicode="," horiz-adv-x="225" d="M86 -81L103 3H80V98H146V3L121 -81H86Z" />
|
||||
<glyph unicode="-" horiz-adv-x="422" d="M65 241V304H357V241H65Z" />
|
||||
<glyph unicode="." horiz-adv-x="189" d="M65 0V98H124V0H65Z" />
|
||||
<glyph unicode="/" horiz-adv-x="604" d="M576 710L104 0H27L499 710H576Z" />
|
||||
<glyph unicode="0" horiz-adv-x="612" d="M557 293Q557 205 525 137T435 29T306 -10Q234 -10 178 29T88 136T55 293Q55 381 88 449T177 557T306 597Q378 597 435 558T524 450T557 293ZM488 293Q488 364 465 418T401 502T306 533Q252 533 211 503T147 418T123 293Q123
|
||||
222 146 168T211 84T306 54Q360 54 401 84T465 168T488 293Z" />
|
||||
<glyph unicode="1" horiz-adv-x="428" d="M406 62V0H67V62H209V490Q201 478 182 464T139 438T90 418T46 410V476Q69 476 96 489T148 519T190 551T209 571H279V62H406Z" />
|
||||
<glyph unicode="2" horiz-adv-x="521" d="M44 0Q44 34 50 68T73 137T123 202T210 262Q239 277 270 291T328 323T372 363T389 417Q389 442 375 466T331 505T257 520Q225 520 199 511T153 489T119 462T96 439L53 486Q58 492 75 507T120 540T185 569T268 581Q329
|
||||
581 372 560T439 502T462 424Q462 383 445 354T400 303T343 266T289 239Q242 217 210 195T159 151T130 107T115 62H473V0H44Z" />
|
||||
<glyph unicode="3" horiz-adv-x="534" d="M343 236Q388 229 420 204T470 141T488 55Q488 -5 459 -51T378 -122T257 -147Q181 -147 124 -117T38 -32L85 11Q107 -32 150 -58T257 -85Q331 -85 374 -49T418 56Q418 124 373 164T243 205H218V263H245Q322 263 363 299T404
|
||||
391Q404 432 385 459T334 500T259 514Q202 514 159 489T93 418L49 460Q66 495 98 521T173 561T265 576Q327 576 374 554T448 491T475 397Q475 357 459 323T414 266T343 236Z" />
|
||||
<glyph unicode="4" horiz-adv-x="546" d="M356 -127V51H23V111L378 571H424V113H512V51H424V-127H356ZM95 113H363V464L95 113Z" />
|
||||
<glyph unicode="5" horiz-adv-x="545" d="M262 -149Q187 -149 126 -112T35 -13L80 21Q108 -28 156 -58T263 -88Q313 -88 352 -66T415 -5T439 85Q439 134 417 171T356 230T269 251Q223 251 181 231T113 171H50L129 571H472V508H180L131 253Q157 281 195 296T277
|
||||
312Q342 312 394 283T478 203T509 86Q509 16 476 -37T386 -119T262 -149Z" />
|
||||
<glyph unicode="6" horiz-adv-x="603" d="M559 234Q559 301 527 355T439 442T315 474Q270 474 231 458T162 413T118 345Q118 443 142 512T211 618T314 655Q370 655 415 625T482 543L526 583Q497 644 441 679T314 715Q236 715 177 668T85 527T52 287Q52 195 85
|
||||
128T175 26T307 -10Q378 -10 435 23T525 111T559 234ZM309 50Q258 50 216 75T149 142T123 234Q123 285 148 326T215 393T309 418Q359 418 401 393T468 326T494 234Q494 184 469 142T401 75T309 50Z" />
|
||||
<glyph unicode="7" horiz-adv-x="535" d="M417 520H34V583H525L166 -127H88L417 520Z" />
|
||||
<glyph unicode="8" horiz-adv-x="593" d="M543 197Q543 135 509 89T418 18T294 -8Q223 -8 168 20T82 96T50 201Q50 246 71 282T125 344T192 380Q161 393 134 414T91 465T75 529Q75 573 94 606T146 663T217 698T297 710Q336 710 375 699T447 664T499 608T519 530Q519
|
||||
495 503 466T459 415T400 380Q439 367 471 341T523 278T543 197ZM474 202Q474 238 459 265T417 312T359 341T295 351Q252 351 212 333T146 281T120 201Q120 166 135 139T177 93T234 63T298 53Q341 53 381 71T448 124T474 202ZM143 526Q143 488 166 461T226 419T296
|
||||
405Q332 405 367 419T426 461T450 528Q450 566 428 593T371 634T295 648Q257 648 222 634T165 592T143 526Z" />
|
||||
<glyph unicode="9" horiz-adv-x="586" d="M36 327Q36 260 68 206T157 119T280 87Q326 87 365 103T434 148T478 216Q477 118 453 49T385 -57T281 -94Q226 -94 180 -63T113 18L69 -22Q98 -83 154 -118T281 -154Q359 -154 418 -107T510 34T543 274Q543 367 511 433T421
|
||||
535T288 571Q218 571 161 538T70 450T36 327ZM287 511Q337 511 379 486T447 419T472 327Q472 277 447 235T380 168T287 143Q237 143 195 168T127 235T101 327Q101 378 126 419T194 486T287 511Z" />
|
||||
<glyph unicode=":" horiz-adv-x="188" d="M65 420V518H123V420H65ZM65 0V98H123V0H65Z" />
|
||||
<glyph unicode=";" horiz-adv-x="205" d="M70 420V518H128V420H70ZM76 -81L93 3H70V98H136V3L111 -81H76Z" />
|
||||
<glyph unicode="<" horiz-adv-x="508" d="M33 276L452 528V455L132 259L452 64V-11L33 239V276Z" />
|
||||
<glyph unicode="=" horiz-adv-x="438" d="M68 194V243H370V194H68ZM68 309V358H370V309H68Z" />
|
||||
<glyph unicode=">" horiz-adv-x="508" d="M474 239L55 -11V64L375 259L55 455V528L474 276V239Z" />
|
||||
<glyph unicode="?" horiz-adv-x="476" d="M154 202Q154 246 163 277T191 332T239 372Q258 384 282 397T328 427T364 470T378 532Q378 576 359 604T308 647T242 662Q207 662 176 649T120 612T81 560L34 590Q53 631 85 660T159 704T243 719Q280 719 315 708T377
|
||||
672T421 613T438 528Q438 488 427 461T397 414T353 379T303 350Q280 337 259 321T225 278T212 202H154ZM155 0V107H214V0H155Z" />
|
||||
<glyph unicode="@" horiz-adv-x="837" d="M417 603Q491 603 556 576T672 498T752 377T781 222Q781 205 779 176T768 114T745 52T702 3T635 -16Q602 -16 585 -3T561 31T551 76Q524 47 480 26T382 5Q311 5 272 43T232 139Q232 190 260 219T330 260T417 273Q461 273
|
||||
494 265T544 250Q544 298 534 334T496 390T420 411Q381 411 345 399T280 364L262 403Q298 427 339 441T426 455Q482 455 514 437T563 389T584 322T589 250V121Q589 92 592 69T607 34T641 21Q672 21 692 42T724 95T740 162T745 224Q745 297 721 359T651 469T546
|
||||
542T416 569Q347 569 287 544T181 474T109 366T83 230Q83 159 107 97T176 -12T281 -85T411 -112Q453 -112 490 -102T564 -74L577 -106Q537 -126 495 -136T410 -146Q335 -146 270 -118T154 -40T76 80T47 230Q47 315 77 383T160 501T278 576T417 603ZM478 70Q506
|
||||
83 520 99T538 135T543 172V212Q530 213 497 223T415 234Q380 234 349 226T298 198T278 141Q278 113 292 92T330 60T385 48Q409 48 434 54T478 70Z" />
|
||||
<glyph unicode="A" horiz-adv-x="676" d="M309 710H368L663 0H589L497 222H178L87 0H12L309 710ZM481 277L338 628L193 277H481Z" />
|
||||
<glyph unicode="B" horiz-adv-x="666" d="M623 183Q623 130 596 89T524 24T424 0H89V710H431Q481 710 517 684T573 616T593 529Q593 476 566 431T491 364Q552 346 587 297T623 183ZM553 195Q553 231 537 261T494 311T431 330H159V61H424Q460 61 489 80T535 129T553
|
||||
195ZM159 649V387H403Q438 387 465 405T508 454T524 518Q524 554 509 583T468 631T409 649H159Z" />
|
||||
<glyph unicode="C" horiz-adv-x="686" d="M42 360Q42 425 64 487T130 601T236 683T379 714Q474 714 541 671T641 559L586 525Q563 572 528 599T454 639T375 651Q311 651 262 626T180 558T129 463T112 356Q112 297 132 243T188 148T272 82T378 57Q418 57 460 71T538
|
||||
114T597 189L655 159Q633 106 587 69T485 13T374 -6Q301 -6 240 25T135 109T66 227T42 360Z" />
|
||||
<glyph unicode="D" horiz-adv-x="715" d="M89 0V710H330Q443 710 518 663T632 535T670 356Q670 248 629 168T511 44T330 0H89ZM600 356Q600 441 569 507T477 610T330 648H159V62H330Q418 62 478 101T569 206T600 356Z" />
|
||||
<glyph unicode="E" horiz-adv-x="609" d="M566 62V0H89V710H557V648H159V392H506V333H159V62H566Z" />
|
||||
<glyph unicode="F" horiz-adv-x="589" d="M89 0V710H555V648H159V387H493V329H159V0H89Z" />
|
||||
<glyph unicode="G" horiz-adv-x="716" d="M374 -5Q303 -5 242 25T136 108T67 224T42 356Q42 428 66 492T135 607T239 686T370 715Q475 715 541 672T641 560L587 524Q553 590 496 621T369 652Q310 652 263 627T181 560T130 465T112 355Q112 295 132 242T189 147T274
|
||||
82T379 58Q444 58 502 90T613 191V117Q512 -5 374 -5ZM602 295H444V349H661V0H602V295Z" />
|
||||
<glyph unicode="H" horiz-adv-x="738" d="M649 710V0H580V332H159V0H89V710H159V394H580V710H649Z" />
|
||||
<glyph unicode="I" horiz-adv-x="248" d="M89 0V710H159V0H89Z" />
|
||||
<glyph unicode="J" horiz-adv-x="481" d="M34 89Q55 74 89 63T169 52Q221 52 253 69T302 122T325 211T331 335V710H401V349Q401 269 393 203T362 89T293 15T171 -11Q122 -11 84 0T14 33L34 89Z" />
|
||||
<glyph unicode="K" horiz-adv-x="643" d="M89 0V709H159V297L550 710H627L337 398L642 0H563L292 356L159 218V0H89Z" />
|
||||
<glyph unicode="L" horiz-adv-x="583" d="M89 0V710H159V62H569V0H89Z" />
|
||||
<glyph unicode="M" horiz-adv-x="877" d="M718 0V578L461 129H417L159 578V0H89V710H161L438 224L717 710H788V0H718Z" />
|
||||
<glyph unicode="N" horiz-adv-x="772" d="M159 581V0H89V710H147L613 118V709H683V0H618L159 581Z" />
|
||||
<glyph unicode="O" horiz-adv-x="751" d="M375 -5Q300 -5 239 25T134 106T66 222T42 355Q42 426 67 490T137 605T244 685T376 715Q451 715 512 684T616 601T684 485T708 354Q708 283 683 219T613 104T507 24T375 -5ZM112 355Q112 297 131 244T185 149T268 83T375
|
||||
58Q436 58 484 83T567 151T620 247T638 355Q638 413 619 466T565 561T481 627T375 651Q315 651 267 626T184 559T131 463T112 355Z" />
|
||||
<glyph unicode="P" horiz-adv-x="622" d="M89 0V710H383Q429 710 467 691T534 640T578 568T594 487Q594 429 569 378T497 294T389 262H159V0H89ZM159 324H386Q428 324 459 347T507 407T524 487Q524 531 504 568T452 626T380 648H159V324Z" />
|
||||
<glyph unicode="Q" horiz-adv-x="749" d="M375 -5Q300 -5 239 25T134 107T66 222T42 355Q42 426 67 490T137 605T244 685T376 715Q451 715 512 684T616 601T684 485T708 354Q708 283 683 219T613 104T507 24T375 -5ZM375 58Q436 58 484 83T567 151T620 247T638
|
||||
355Q638 413 619 466T565 561T481 627T375 652Q315 652 267 627T184 559T131 463T112 355Q112 297 131 244T185 149T268 83T375 58ZM439 218H508L692 0H623L439 218Z" />
|
||||
<glyph unicode="R" horiz-adv-x="653" d="M89 0V710H389Q435 710 473 691T539 640T583 568T599 487Q599 436 580 391T525 315T441 274L615 0H536L369 262H159V0H89ZM159 324H391Q433 324 464 347T512 407T529 487Q529 530 510 566T458 625T385 648H159V324Z" />
|
||||
<glyph unicode="S" horiz-adv-x="607" d="M504 577Q489 594 469 607T424 631T371 647T310 653Q217 653 174 618T130 521Q130 479 150 455T215 416T327 385Q403 369 458 347T543 288T573 186Q573 137 554 101T501 41T420 6T317 -6Q262 -6 212 5T116 39T32 97L67
|
||||
154Q86 134 112 117T171 85T241 64T319 56Q404 56 451 87T499 179Q499 223 475 249T403 293T285 326Q211 343 160 364T84 419T58 511Q58 577 90 622T180 691T311 715Q358 715 398 706T473 678T538 633L504 577Z" />
|
||||
<glyph unicode="T" horiz-adv-x="610" d="M593 648H340V0H270V648H17V710H593V648Z" />
|
||||
<glyph unicode="U" horiz-adv-x="755" d="M378 -5Q294 -5 236 25T144 105T95 220T79 352V710H148V352Q148 297 159 244T197 149T267 83T377 58Q445 58 489 83T559 151T596 245T607 352V710H677V352Q677 281 661 216T610 102T517 24T378 -5Z" />
|
||||
<glyph unicode="V" horiz-adv-x="679" d="M86 710L340 87L593 710H666L372 0H308L13 710H86Z" />
|
||||
<glyph unicode="W" horiz-adv-x="1046" d="M356 705H422L522 453L623 705H690L566 402L702 81L959 710H1035L734 0H672L523 351L373 0H312L12 710H87L345 81L480 402L356 705Z" />
|
||||
<glyph unicode="X" horiz-adv-x="632" d="M85 710L317 401L548 710H627L355 350L619 0H540L317 299L93 0H13L277 350L5 710H85Z" />
|
||||
<glyph unicode="Y" horiz-adv-x="651" d="M93 710L325 328L559 710H635L360 264V0H290V266L16 710H93Z" />
|
||||
<glyph unicode="Z" horiz-adv-x="629" d="M31 55L514 648H39V710H595V655L118 62H594V0H31V55Z" />
|
||||
<glyph unicode="[" horiz-adv-x="258" d="M88 -40V740H207V683H152V17H207V-40H88Z" />
|
||||
<glyph unicode="\" horiz-adv-x="568" d="M105 710L540 0H464L28 710H105Z" />
|
||||
<glyph unicode="]" horiz-adv-x="258" d="M50 -40V17H106V683H50V740H170V-40H50Z" />
|
||||
<glyph unicode="^" horiz-adv-x="539" d="M43 303L241 710H299L496 303H436L270 646L101 303H43Z" />
|
||||
<glyph unicode="_" horiz-adv-x="511" d="M65 -62V0H446V-62H65Z" />
|
||||
<glyph unicode="`" horiz-adv-x="222" d="M49 730H120L180 637L136 620L49 730Z" />
|
||||
<glyph unicode="a" horiz-adv-x="545" d="M33 150Q33 199 61 234T138 289T253 309Q291 309 332 303T405 285V329Q405 395 366 434T258 473Q216 473 176 458T91 412L65 460Q116 495 165 512T265 530Q361 530 417 475T473 323V82Q473 68 479 62T498 54V0Q487 -1
|
||||
479 -2T467 -2Q442 -1 429 14T415 46L414 84Q379 39 323 15T209 -10Q159 -10 119 11T56 69T33 150ZM382 110Q393 124 399 137T405 160V236Q371 249 335 256T261 263Q188 263 143 234T98 155Q98 126 113 101T157 59T225 42Q274 42 316 61T382 110Z" />
|
||||
<glyph unicode="b" horiz-adv-x="617" d="M330 -10Q269 -10 217 21T136 101V0H75V730H143V412Q178 465 227 497T341 530Q396 530 439 507T514 446T561 359T577 259Q577 204 559 156T506 71T428 12T330 -10ZM314 50Q356 50 392 67T454 114T494 181T508 259Q508
|
||||
314 485 362T420 440T322 470Q282 470 248 452T187 405T143 340V178Q147 151 164 128T206 87T260 60T314 50Z" />
|
||||
<glyph unicode="c" horiz-adv-x="549" d="M301 -10Q244 -10 197 11T114 71T59 158T39 262Q39 336 72 397T164 494T300 530Q373 530 429 497T512 406L446 385Q424 425 385 447T297 470Q245 470 202 443T134 369T108 262Q108 203 134 155T203 79T298 50Q332 50 363
|
||||
62T418 94T450 139L517 119Q503 82 471 53T395 7T301 -10Z" />
|
||||
<glyph unicode="d" horiz-adv-x="622" d="M40 259Q40 333 70 394T155 493T278 530Q343 530 394 496T475 412V730H543V82Q543 68 549 62T567 54V0Q547 -3 536 -2Q515 -1 499 15T483 50V101Q452 50 399 20T289 -10Q235 -10 190 12T111 72T59 158T40 259ZM475 179V340Q462
|
||||
376 433 405T368 452T295 470Q253 470 219 453T161 405T123 337T110 259Q110 217 124 179T166 112T228 66T304 50Q330 50 358 60T411 87T454 129T475 179Z" />
|
||||
<glyph unicode="e" horiz-adv-x="587" d="M300 -10Q244 -10 196 11T113 70T59 157T39 262Q39 335 72 396T165 493T299 530Q376 530 433 493T524 396T557 263Q557 255 557 248T556 236H110Q115 180 141 137T210 68T303 42Q354 42 399 68T463 136L522 120Q506 83
|
||||
473 53T396 7T300 -10ZM108 285H493Q489 342 463 385T394 452T300 477Q249 477 207 453T139 385T108 285Z" />
|
||||
<glyph unicode="f" horiz-adv-x="330" d="M100 0V467H28V521H100V535Q100 599 118 645T171 715T253 740Q284 740 313 731T363 707L342 658Q329 669 308 675T266 681Q219 681 194 644T168 537V521H312V467H168V0H100Z" />
|
||||
<glyph unicode="g" horiz-adv-x="618" d="M284 -7Q231 -7 186 15T109 74T58 160T40 259Q40 314 57 362T107 449T184 508T282 530Q349 530 398 496T482 412V521H543V-2Q543 -74 509 -123T416 -198T288 -223Q199 -223 144 -191T54 -105L96 -72Q127 -121 178 -145T288
|
||||
-169Q339 -169 381 -151T449 -95T475 -2V101Q445 52 393 23T284 -7ZM303 50Q334 50 362 61T415 90T455 132T475 179V340Q460 378 432 407T369 453T295 470Q251 470 217 452T159 403T122 334T109 258Q109 216 124 179T165 112T227 66T303 50Z" />
|
||||
<glyph unicode="h" horiz-adv-x="583" d="M513 0H445V291Q445 379 414 423T325 468Q287 468 250 449T184 396T143 319V0H75V730H143V403Q174 461 229 495T348 530Q393 530 424 514T475 468T504 397T513 305V0Z" />
|
||||
<glyph unicode="i" horiz-adv-x="218" d="M75 0V521H143V0H75ZM75 630V730H143V630H75Z" />
|
||||
<glyph unicode="j" horiz-adv-x="225" d="M-3 -181Q-36 -181 -65 -172T-117 -142L-84 -96Q-69 -110 -50 -115T-11 -120Q13 -120 34 -108T68 -75T82 -27V521H150V-23Q150 -69 128 -105T71 -161T-3 -181ZM82 630V730H150V630H82Z" />
|
||||
<glyph unicode="k" horiz-adv-x="530" d="M447 0L254 267L143 163V0H75V730H143V236L438 520H513L300 307L521 0H447Z" />
|
||||
<glyph unicode="l" horiz-adv-x="272" d="M78 730H146V118Q146 79 160 67T194 55Q212 55 230 59T261 67L273 12Q254 4 227 -1T179 -6Q133 -6 106 21T78 95V730Z" />
|
||||
<glyph unicode="m" horiz-adv-x="919" d="M850 0H782V291Q782 382 753 425T667 468Q608 468 562 426T496 318V0H428V291Q428 383 400 425T314 468Q256 468 209 427T143 319V0H75V521H137V403Q170 464 221 497T336 530Q401 530 441 493T490 396Q526 462 576 496T691
|
||||
530Q735 530 765 514T814 469T841 398T850 305V0Z" />
|
||||
<glyph unicode="n" horiz-adv-x="583" d="M513 0H445V291Q445 383 418 425T333 468Q293 468 254 449T186 396T143 319V0H75V521H137V403Q158 441 192 469T269 514T358 530Q401 530 431 514T479 469T505 398T513 305V0Z" />
|
||||
<glyph unicode="o" horiz-adv-x="595" d="M297 -10Q241 -10 194 11T112 70T58 156T39 259Q39 315 58 363T112 449T194 508T298 530Q354 530 401 509T483 450T537 364T556 259Q556 205 537 157T484 71T402 12T297 -10ZM108 258Q108 200 133 153T202 78T297 50Q349
|
||||
50 392 78T461 154T487 260Q487 318 461 366T392 442T297 470Q245 470 203 441T134 365T108 258Z" />
|
||||
<glyph unicode="p" horiz-adv-x="617" d="M341 -10Q276 -10 225 24T143 108V-213H75V521H136V420Q167 469 219 499T330 530Q384 530 429 508T507 447T558 361T577 260Q577 187 548 126T465 27T341 -10ZM322 50Q365 50 399 67T457 115T495 182T508 260Q508 302
|
||||
494 340T452 407T390 453T314 470Q288 470 260 460T207 432T164 390T143 341V181Q159 144 186 115T248 68T322 50Z" />
|
||||
<glyph unicode="q" horiz-adv-x="617" d="M276 -10Q223 -10 180 12T105 72T57 158T40 260Q40 315 59 363T111 449T190 508T288 530Q349 530 400 499T481 419V521H542V-213H474V108Q397 -10 276 -10ZM297 50Q338 50 371 66T430 111T474 173V334Q471 361 454 385T412
|
||||
429T358 459T301 470Q258 470 224 452T163 404T123 336T109 259Q109 203 133 155T200 79T297 50Z" />
|
||||
<glyph unicode="r" horiz-adv-x="351" d="M335 461Q267 459 216 423T143 324V0H75V521H139V396Q166 451 210 485T305 523Q315 524 322 524T335 523V461Z" />
|
||||
<glyph unicode="s" horiz-adv-x="483" d="M246 -10Q182 -10 127 11T32 75L60 123Q104 82 148 64T243 45Q304 45 342 69T380 140Q380 171 362 187T309 214T226 237Q172 252 136 268T81 310T62 377Q62 428 87 461T157 512T257 530Q317 530 363 511T438 458L405 412Q377
|
||||
444 339 459T253 475Q221 475 192 467T145 439T126 385Q126 357 140 342T182 316T251 293Q310 277 354 261T422 218T446 145Q446 72 391 31T246 -10Z" />
|
||||
<glyph unicode="t" horiz-adv-x="335" d="M325 25Q317 22 300 14T259 0T207 -6Q178 -6 153 5T112 38T97 94V467H25V521H97V697H165V521H285V467H165V113Q167 85 185 71T228 57Q256 57 279 66T307 80L325 25Z" />
|
||||
<glyph unicode="u" horiz-adv-x="594" d="M70 215V521H138V227Q138 138 168 94T259 50Q299 50 336 67T403 117T447 193V521H515V82Q515 68 521 62T539 54V0Q527 -1 520 -1T507 -2Q487 0 473 14T457 48L455 118Q421 58 363 24T236 -10Q154 -10 112 47T70 215Z" />
|
||||
<glyph unicode="v" horiz-adv-x="533" d="M230 0L19 521H90L268 68L447 521H514L303 0H230Z" />
|
||||
<glyph unicode="w" horiz-adv-x="813" d="M731 521H798L574 0H515L406 259L298 0H239L15 521H81L271 70L367 305L279 520H340L406 351L473 520H533L446 305L542 70L731 521Z" />
|
||||
<glyph unicode="x" horiz-adv-x="504" d="M91 521L244 317L252 302L260 317L412 521H489L291 259L489 0H412L260 203L252 217L244 203L92 0H15L212 259L15 521H91Z" />
|
||||
<glyph unicode="y" horiz-adv-x="542" d="M105 -160Q119 -161 132 -161T151 -160Q163 -158 174 -146T200 -100T242 0L15 521H87L278 70L454 521H522L252 -151Q245 -170 231 -186T197 -212T146 -223Q137 -224 128 -224T105 -221V-160Z" />
|
||||
<glyph unicode="z" horiz-adv-x="492" d="M31 46L380 470H39V521H457V475L110 51H456V0H31V46Z" />
|
||||
<glyph unicode="{" horiz-adv-x="259" d="M154 683V422Q154 410 149 392T127 360Q143 347 148 329T154 298V26H209V-31H115Q107 -31 100 -25T92 -1V280Q92 300 82 316T53 335V387Q67 387 75 396T88 419T92 440V710Q92 729 101 734T115 740H209V683H154Z" />
|
||||
<glyph unicode="|" horiz-adv-x="231" d="M86 -130V775H145V-130H86Z" />
|
||||
<glyph unicode="}" horiz-adv-x="259" d="M50 683V740H144Q149 740 158 735T167 710V440Q167 432 170 419T182 397T205 387V335Q187 333 177 317T167 280V-1Q167 -18 159 -24T144 -31H50V26H105V298Q105 310 110 328T131 360Q115 374 110 392T105 422V683H50Z" />
|
||||
<glyph unicode="~" horiz-adv-x="511" d="M66 241Q66 246 72 262T91 297T124 330T174 344Q204 344 230 330T281 301T334 286Q359 286 374 298T396 323T403 338H446Q446 336 441 321T422 288T388 255T333 241Q300 241 273 255T222 284T173 299Q150 299 136 285T116
|
||||
257T109 241H66Z" />
|
||||
<glyph unicode=" " horiz-adv-x="255" />
|
||||
<glyph unicode="¡" horiz-adv-x="251" d="M159 487V-2H91V487H159ZM159 715V603H91V715H159Z" />
|
||||
<glyph unicode="¢" horiz-adv-x="561" d="M276 -120V-9Q225 -5 183 19T109 81T60 164T43 258Q43 326 71 385T152 484T276 529V645H313V529Q387 527 437 495T516 406L451 385Q428 426 392 446T313 468V51Q340 52 370 63T424 94T455 139L522 119Q506 77 470
|
||||
48T392 5T313 -10V-120H276ZM113 258Q113 209 134 165T192 91T276 54V466Q237 462 207 443T155 395T124 330T113 258Z" />
|
||||
<glyph unicode="£" horiz-adv-x="499" d="M52 372H388V318H52V372ZM54 42Q100 88 127 123T166 190T178 254Q178 299 163 335T128 405T93 472T78 544Q78 591 102 630T168 692T259 715Q313 715 361 687T440 610L400 568Q376 609 337 633T257 658Q225 658 199
|
||||
642T157 600T141 540Q141 507 155 476T189 412T223 343T238 258Q238 225 229 194T196 129T135 54Q154 58 172 60T208 63Q236 63 259 59T304 50T350 45Q370 45 391 49T439 63L456 11Q431 -2 403 -8T347 -15Q317 -15 291 -9T238 3T180 9Q156 9 127 4T72 -8L54 42Z"
|
||||
/>
|
||||
<glyph unicode="¤" horiz-adv-x="537" d="M156 480Q178 499 206 509T268 519Q301 519 329 509T381 480L451 551L485 518L413 446Q430 424 439 396T448 336Q448 306 439 278T412 226L485 154L455 125L381 194Q359 177 330 166T268 155Q235 155 206 165T154
|
||||
194L83 125L53 154L124 225Q88 275 88 336Q88 367 97 395T123 447L53 518L86 551L156 480ZM145 335Q145 298 161 268T206 221T268 203Q302 203 330 221T374 270T391 337Q391 375 375 405T330 452T268 470Q235 470 207 453T162 404T145 335Z" />
|
||||
<glyph unicode="¥" horiz-adv-x="676" d="M432 366H516V318H405L372 264V237H517V189H372V0H302V189H159V237H302V266L271 318H159V366H245L29 710H105L337 328L571 710H648L432 366Z" />
|
||||
<glyph unicode="¦" horiz-adv-x="234" d="M147 277V-130H87V277H147ZM147 775V368H87V775H147Z" />
|
||||
<glyph unicode="§" horiz-adv-x="506" d="M417 195Q440 181 451 155T463 90Q463 45 444 12T395 -44T330 -77T261 -88Q227 -88 197 -80T142 -58T97 -29T62 3L107 45Q144 10 180 -6T259 -23Q292 -23 322 -10T373 28T393 88Q393 127 374 145T326 171T267 179Q211
|
||||
182 167 200T97 254T72 341Q72 368 79 390T98 427Q77 442 62 473T47 544Q47 595 75 633T149 693T242 715Q279 715 308 707T359 686T398 655T427 620L373 595Q362 617 341 630T295 648T246 653Q213 653 183 640T134 603T115 544Q115 487 152 465T247 442Q283 442
|
||||
318 434T383 407T430 359T447 287Q447 259 439 234T417 195ZM138 333Q138 296 153 275T194 245T248 232T305 226T353 215Q366 226 374 245T382 286Q382 324 361 345T309 376T249 386Q225 386 202 389T163 400Q152 389 145 371T138 333Z" />
|
||||
<glyph unicode="¨" horiz-adv-x="329" d="M61 633V727H119V633H61ZM210 633V727H268V633H210Z" />
|
||||
<glyph unicode="©" horiz-adv-x="832" d="M415 -7Q336 -7 269 20T153 96T76 211T48 355Q48 432 75 498T152 612T269 688T415 715Q494 715 561 688T679 613T756 498T784 355Q784 277 757 211T679 96T562 20T415 -7ZM415 30Q485 30 544 53T649 120T719 222T745
|
||||
353Q745 422 720 481T651 585T546 653T415 678Q345 678 285 654T181 585T112 483T87 354Q87 285 111 227T180 124T285 55T415 30ZM423 123Q377 123 335 139T261 186T209 259T189 355Q189 397 203 438T245 514T316 568T417 589Q483 589 534 561T609 478L543 457Q530
|
||||
487 508 502T461 523T417 529Q377 529 347 514T298 474T269 418T259 355Q259 313 273 281T311 227T363 194T419 182Q444 182 470 191T518 218T550 258L616 239Q606 215 580 188T514 142T423 123Z" />
|
||||
<glyph unicode="ª" horiz-adv-x="434" d="M166 346Q117 346 83 377T48 456Q48 504 90 534T197 565Q255 565 298 547V575Q298 618 273 643T203 668Q175 668 147 658T89 627L69 664Q139 710 208 710Q278 710 318 674T358 569V426Q358 415 362 410T377 404V352Q368
|
||||
351 362 351T349 350Q331 351 320 361T308 386L307 411Q282 380 246 363T166 346ZM182 391Q215 391 243 402T286 434Q298 446 298 460V512Q278 521 254 524T206 528Q161 528 133 510T104 460Q104 431 126 411T182 391Z" />
|
||||
<glyph unicode="«" horiz-adv-x="573" d="M41 276L289 454V395L96 259L289 125V66L41 239V276ZM261 276L510 454V395L317 259L510 125V66L261 239V276Z" />
|
||||
<glyph unicode="¬" horiz-adv-x="582" d="M512 364V126H452V302H73V364H512Z" />
|
||||
<glyph unicode="­" horiz-adv-x="570" d="M65 241V304H504V241H65Z" />
|
||||
<glyph unicode="®" horiz-adv-x="832" d="M416 -7Q336 -7 269 20T153 96T76 211T48 355Q48 432 75 498T152 612T269 688T416 715Q495 715 562 688T679 613T756 498T784 355Q784 277 757 211T679 96T562 20T416 -7ZM416 29Q508 29 582 70T700 184T744 354Q744
|
||||
423 720 482T651 585T547 653T416 678Q345 678 286 654T182 585T113 483T88 355Q88 286 112 227T181 123T285 54T416 29ZM263 580H454Q494 580 524 559T571 505T589 437Q589 405 576 377T540 328T486 302L597 127H539L433 295H316V127H263V580ZM454 341Q494 341
|
||||
515 369T537 437Q537 479 513 505T450 532H316V341H454Z" />
|
||||
<glyph unicode="¯" horiz-adv-x="396" d="M54 663V710H343V663H54Z" />
|
||||
<glyph unicode="°" horiz-adv-x="266" d="M50 642Q50 677 74 700T133 724Q168 724 192 701T216 642Q216 606 192 582T133 558Q99 558 75 582T50 642ZM102 672Q89 658 89 641Q89 622 102 610Q115 597 133 597Q152 597 165 610Q170 616 173 624T177 641Q177
|
||||
650 174 658T165 672Q159 679 151 682T133 685Q114 685 102 672Z" />
|
||||
<glyph unicode="±" horiz-adv-x="467" d="M72 61V118H395V61H72ZM395 393V336H265V196H202V336H72V393H202V533H265V393H395Z" />
|
||||
<glyph unicode="²" horiz-adv-x="388" d="M36 407Q36 459 50 493T91 551T162 590Q192 602 224 614T277 644T299 693Q299 724 274 745T197 767Q164 767 139 758T97 736T70 712L40 743Q46 751 65 767T120 797T203 811Q276 811 312 777T349 692Q349 661 335
|
||||
640T299 605T253 582T208 567Q164 552 142 532T113 490T105 450H344V407H36Z" />
|
||||
<glyph unicode="³" horiz-adv-x="390" d="M190 401Q128 401 86 425T35 490L62 519Q64 503 80 486T125 457T189 446Q238 446 272 465T306 517Q306 552 265 571T157 591H134V632H157Q220 632 256 649T292 698Q292 731 261 750T186 770Q145 770 115 755T69 714L39
|
||||
748Q51 768 73 782T125 803T186 811Q230 811 264 797T319 757T340 701Q340 667 317 645T249 613Q295 606 323 578T351 511Q351 477 329 452T270 414T190 401Z" />
|
||||
<glyph unicode="´" horiz-adv-x="222" d="M94 620L49 637L108 730H180L94 620Z" />
|
||||
<glyph unicode="µ" horiz-adv-x="620" d="M82 521H150V227Q150 138 180 94T273 50Q312 50 349 67T416 117T460 193V521H528V88Q528 74 534 67T552 60V0Q540 -1 533 -1T519 -2Q497 0 483 16T468 52V118Q451 83 420 54T350 7T269 -10Q238 -10 213 1T172 31T146
|
||||
75L150 -212H82V521Z" />
|
||||
<glyph unicode="¶" horiz-adv-x="602" d="M34 469Q34 582 108 646T316 710H557V656H487V-80H427V231H353V-80H294V231Q214 232 156 261T66 343T34 469ZM93 471Q93 409 120 369T194 309T294 285V656Q196 655 145 606T93 471ZM427 656H353V285H427V656Z" />
|
||||
<glyph unicode="·" horiz-adv-x="189" d="M65 246V358H124V246H65Z" />
|
||||
<glyph unicode="¸" horiz-adv-x="283" d="M149 -180Q124 -180 94 -173T35 -152L55 -113Q76 -123 95 -129T138 -135Q171 -135 189 -123T207 -84Q207 -58 189 -39T137 0L166 19Q205 -5 229 -30T253 -95Q253 -135 225 -157T149 -180Z" />
|
||||
<glyph unicode="¹" horiz-adv-x="272" d="M250 451V406H49V451H130V760Q123 752 107 740T71 720T34 711V756Q56 756 78 769T115 796T130 811H175V451H250Z" />
|
||||
<glyph unicode="º" horiz-adv-x="449" d="M224 346Q171 346 130 371T67 438T44 528Q44 577 67 619T130 685T224 710Q278 710 318 686T381 619T405 528Q405 480 382 438T319 371T224 346ZM101 527Q101 490 118 460T162 413T224 395Q259 395 286 413T330 461T347
|
||||
529Q347 566 331 595T286 643T224 661Q191 661 163 644T118 595T101 527Z" />
|
||||
<glyph unicode="»" horiz-adv-x="573" d="M532 239L284 66V125L477 259L284 395V454L532 276V239ZM312 239L63 66V125L256 259L63 395V454L312 276V239Z" />
|
||||
<glyph unicode="¼" horiz-adv-x="796" d="M250 371V326H49V371H130V680Q123 672 107 660T71 640T34 631V676Q56 676 78 689T115 716T130 731H175V371H250ZM56 27L335 367L607 714L642 684L363 344L90 -4L56 27ZM664 0V103H436V145L678 399H709V147H766V103H709V0H664ZM484
|
||||
147H665V338L484 147Z" />
|
||||
<glyph unicode="½" horiz-adv-x="807" d="M461 0Q461 52 474 86T515 144T584 184Q614 195 644 206T696 236T717 286Q717 317 692 339T618 361Q585 361 561 352T520 329T493 305L465 337Q470 344 489 360T542 390T624 404Q695 404 730 370T765 285Q765 254
|
||||
752 233T717 198T673 175T629 160Q586 146 564 125T535 83T528 44H766V0H461ZM250 371V326H49V371H130V680Q123 672 107 660T71 640T34 631V676Q56 676 78 689T115 716T130 731H175V371H250ZM55 27L335 367L606 714L641 684L363 344L90 -4L55 27Z" />
|
||||
<glyph unicode="¾" horiz-adv-x="914" d="M190 321Q128 321 86 345T35 410L62 439Q64 423 80 406T125 377T189 366Q238 366 272 385T306 437Q306 472 265 491T157 511H134V552H157Q220 552 256 569T292 618Q292 651 261 670T186 690Q145 690 115 675T69 634L39
|
||||
668Q51 688 73 702T125 723T186 731Q230 731 264 717T319 677T340 621Q340 587 317 565T249 533Q295 526 323 498T351 431Q351 397 329 372T270 334T190 321ZM174 27L453 367L725 714L760 684L481 344L208 -4L174 27ZM782 0V103H554V145L796 399H827V147H884V103H827V0H782ZM602
|
||||
147H783V338L602 147Z" />
|
||||
<glyph unicode="¿" horiz-adv-x="469" d="M318 304Q318 260 309 229T281 175T233 134Q213 122 189 109T144 79T108 36T94 -26Q94 -69 113 -98T164 -141T230 -156Q266 -156 297 -143T352 -106T391 -54L437 -84Q419 -125 387 -154T313 -198T229 -213Q192 -213
|
||||
157 -202T94 -166T50 -107T33 -22Q33 18 44 45T75 92T118 127T169 156Q193 170 213 185T247 228T260 304H318ZM316 506V399H258V506H316Z" />
|
||||
<glyph unicode="À" horiz-adv-x="676" d="M309 710H368L663 0H589L497 222H178L87 0H12L309 710ZM481 277L338 628L193 277H481ZM245 917H316L376 824L332 807L245 917Z" />
|
||||
<glyph unicode="Á" horiz-adv-x="676" d="M309 710H368L663 0H589L497 222H178L87 0H12L309 710ZM481 277L338 628L193 277H481ZM362 807L317 824L376 917H448L362 807Z" />
|
||||
<glyph unicode="Â" horiz-adv-x="676" d="M309 710H368L663 0H589L497 222H178L87 0H12L309 710ZM481 277L338 628L193 277H481ZM215 832L313 917H363L462 832L423 811L338 874L253 811L215 832Z" />
|
||||
<glyph unicode="Ã" horiz-adv-x="676" d="M309 710H368L663 0H589L497 222H178L87 0H12L309 710ZM481 277L338 628L193 277H481ZM399 825Q369 825 348 835T310 855T271 865Q249 865 239 855T225 832T221 817H179Q179 822 182 837T196 868T223 897T270 910Q298
|
||||
910 317 900T355 879T398 868Q424 868 436 879T451 903T455 917H497Q497 912 493 898T479 866T449 837T399 825Z" />
|
||||
<glyph unicode="Ä" horiz-adv-x="676" d="M309 710H368L663 0H589L497 222H178L87 0H12L309 710ZM481 277L338 628L193 277H481ZM235 820V914H293V820H235ZM384 820V914H442V820H384Z" />
|
||||
<glyph unicode="Å" horiz-adv-x="676" d="M309 710H368L663 0H589L497 222H178L87 0H12L309 710ZM481 277L338 628L193 277H481ZM249 857Q249 894 274 917T338 941Q377 941 402 918T427 857Q427 820 402 797T338 774Q300 774 275 797T249 857ZM338 906Q318
|
||||
906 304 893T289 857Q289 836 303 822T338 808Q357 808 372 821T388 857Q388 880 373 893T338 906Z" />
|
||||
<glyph unicode="Æ" horiz-adv-x="961" d="M431 710H912V648H518V393H858V331H518V62H921V0H450V222H191L50 0H-26L431 710ZM445 284V626L223 284H445Z" />
|
||||
<glyph unicode="Ç" horiz-adv-x="686" d="M42 360Q42 425 64 487T130 601T236 683T379 714Q474 714 541 671T641 559L586 525Q563 572 528 599T454 639T375 651Q311 651 262 626T180 558T129 463T112 356Q112 297 132 243T188 148T272 82T378 57Q418 57 460
|
||||
71T538 114T597 189L655 159Q633 106 587 69T485 13T374 -6Q301 -6 240 25T135 109T66 227T42 360ZM363 -180Q338 -180 308 -173T249 -152L269 -113Q290 -123 309 -129T352 -135Q385 -135 403 -123T421 -84Q421 -58 403 -39T351 0L380 19Q419 -5 443 -30T467 -95Q467
|
||||
-135 439 -157T363 -180Z" />
|
||||
<glyph unicode="È" horiz-adv-x="609" d="M566 62V0H89V710H557V648H159V392H506V333H159V62H566ZM244 917H315L375 824L331 807L244 917Z" />
|
||||
<glyph unicode="É" horiz-adv-x="609" d="M566 62V0H89V710H557V648H159V392H506V333H159V62H566ZM360 807L315 824L374 917H446L360 807Z" />
|
||||
<glyph unicode="Ê" horiz-adv-x="609" d="M566 62V0H89V710H557V648H159V392H506V333H159V62H566ZM214 832L312 917H362L461 832L422 811L337 874L252 811L214 832Z" />
|
||||
<glyph unicode="Ë" horiz-adv-x="609" d="M566 62V0H89V710H557V648H159V392H506V333H159V62H566ZM233 820V914H291V820H233ZM382 820V914H440V820H382Z" />
|
||||
<glyph unicode="Ì" horiz-adv-x="248" d="M89 0V710H159V0H89ZM31 917H102L162 824L118 807L31 917Z" />
|
||||
<glyph unicode="Í" horiz-adv-x="248" d="M89 0V710H159V0H89ZM147 807L102 824L161 917H233L147 807Z" />
|
||||
<glyph unicode="Î" horiz-adv-x="248" d="M89 0V710H159V0H89ZM1 832L99 917H149L248 832L209 811L124 874L39 811L1 832Z" />
|
||||
<glyph unicode="Ï" horiz-adv-x="248" d="M89 0V710H159V0H89ZM20 820V914H78V820H20ZM169 820V914H227V820H169Z" />
|
||||
<glyph unicode="Ð" horiz-adv-x="721" d="M34 330V384H335V330H34ZM95 0V710H336Q450 710 525 663T638 535T676 356Q676 248 635 168T517 44T336 0H95ZM606 356Q606 441 575 507T483 610T336 648H165V62H336Q424 62 484 101T575 206T606 356Z" />
|
||||
<glyph unicode="Ñ" horiz-adv-x="772" d="M159 581V0H89V710H147L613 118V709H683V0H618L159 581ZM450 825Q420 825 399 835T361 855T322 865Q300 865 290 855T276 832T272 817H230Q230 822 233 837T247 868T274 897T321 910Q349 910 368 900T406 879T449
|
||||
868Q475 868 487 879T502 903T506 917H548Q548 912 544 898T530 866T500 837T450 825Z" />
|
||||
<glyph unicode="Ò" horiz-adv-x="751" d="M375 -5Q300 -5 239 25T134 106T66 222T42 355Q42 426 67 490T137 605T244 685T376 715Q451 715 512 684T616 601T684 485T708 354Q708 283 683 219T613 104T507 24T375 -5ZM112 355Q112 297 131 244T185 149T268
|
||||
83T375 58Q436 58 484 83T567 151T620 247T638 355Q638 413 619 466T565 561T481 627T375 651Q315 651 267 626T184 559T131 463T112 355ZM283 917H354L414 824L370 807L283 917Z" />
|
||||
<glyph unicode="Ó" horiz-adv-x="751" d="M375 -5Q300 -5 239 25T134 106T66 222T42 355Q42 426 67 490T137 605T244 685T376 715Q451 715 512 684T616 601T684 485T708 354Q708 283 683 219T613 104T507 24T375 -5ZM112 355Q112 297 131 244T185 149T268
|
||||
83T375 58Q436 58 484 83T567 151T620 247T638 355Q638 413 619 466T565 561T481 627T375 651Q315 651 267 626T184 559T131 463T112 355ZM400 807L355 824L414 917H486L400 807Z" />
|
||||
<glyph unicode="Ô" horiz-adv-x="751" d="M375 -5Q300 -5 239 25T134 106T66 222T42 355Q42 426 67 490T137 605T244 685T376 715Q451 715 512 684T616 601T684 485T708 354Q708 283 683 219T613 104T507 24T375 -5ZM112 355Q112 297 131 244T185 149T268
|
||||
83T375 58Q436 58 484 83T567 151T620 247T638 355Q638 413 619 466T565 561T481 627T375 651Q315 651 267 626T184 559T131 463T112 355ZM253 832L351 917H401L500 832L461 811L376 874L291 811L253 832Z" />
|
||||
<glyph unicode="Õ" horiz-adv-x="751" d="M375 -5Q300 -5 239 25T134 106T66 222T42 355Q42 426 67 490T137 605T244 685T376 715Q451 715 512 684T616 601T684 485T708 354Q708 283 683 219T613 104T507 24T375 -5ZM112 355Q112 297 131 244T185 149T268
|
||||
83T375 58Q436 58 484 83T567 151T620 247T638 355Q638 413 619 466T565 561T481 627T375 651Q315 651 267 626T184 559T131 463T112 355ZM437 825Q407 825 386 835T348 855T309 865Q287 865 277 855T263 832T259 817H217Q217 822 220 837T234 868T261 897T308
|
||||
910Q336 910 355 900T393 879T436 868Q462 868 474 879T489 903T493 917H535Q535 912 531 898T517 866T487 837T437 825Z" />
|
||||
<glyph unicode="Ö" horiz-adv-x="751" d="M375 -5Q300 -5 239 25T134 106T66 222T42 355Q42 426 67 490T137 605T244 685T376 715Q451 715 512 684T616 601T684 485T708 354Q708 283 683 219T613 104T507 24T375 -5ZM112 355Q112 297 131 244T185 149T268
|
||||
83T375 58Q436 58 484 83T567 151T620 247T638 355Q638 413 619 466T565 561T481 627T375 651Q315 651 267 626T184 559T131 463T112 355ZM273 820V914H331V820H273ZM422 820V914H480V820H422Z" />
|
||||
<glyph unicode="×" horiz-adv-x="457" d="M394 151L350 108L228 229L107 108L64 152L185 272L65 393L109 436L228 316L349 437L392 393L272 272L394 151Z" />
|
||||
<glyph unicode="Ø" horiz-adv-x="751" d="M375 -5Q300 -5 239 25T134 106T66 222T42 355Q42 426 67 490T137 605T244 685T376 715Q451 715 512 684T616 601T684 485T708 354Q708 283 683 219T613 104T507 24T375 -5ZM112 355Q112 297 131 244T185 149T268
|
||||
83T375 58Q436 58 484 83T567 151T620 247T638 355Q638 413 619 466T565 561T481 627T375 651Q315 651 267 626T184 559T131 463T112 355ZM650 710L178 0H101L573 710H650Z" />
|
||||
<glyph unicode="Ù" horiz-adv-x="755" d="M378 -5Q294 -5 236 25T144 105T95 220T79 352V710H148V352Q148 297 159 244T197 149T267 83T377 58Q445 58 489 83T559 151T596 245T607 352V710H677V352Q677 281 661 216T610 102T517 24T378 -5ZM285 917H356L416
|
||||
824L372 807L285 917Z" />
|
||||
<glyph unicode="Ú" horiz-adv-x="755" d="M378 -5Q294 -5 236 25T144 105T95 220T79 352V710H148V352Q148 297 159 244T197 149T267 83T377 58Q445 58 489 83T559 151T596 245T607 352V710H677V352Q677 281 661 216T610 102T517 24T378 -5ZM402 807L357 824L416
|
||||
917H488L402 807Z" />
|
||||
<glyph unicode="Û" horiz-adv-x="755" d="M378 -5Q294 -5 236 25T144 105T95 220T79 352V710H148V352Q148 297 159 244T197 149T267 83T377 58Q445 58 489 83T559 151T596 245T607 352V710H677V352Q677 281 661 216T610 102T517 24T378 -5ZM255 832L353 917H403L502
|
||||
832L463 811L378 874L293 811L255 832Z" />
|
||||
<glyph unicode="Ü" horiz-adv-x="755" d="M378 -5Q294 -5 236 25T144 105T95 220T79 352V710H148V352Q148 297 159 244T197 149T267 83T377 58Q445 58 489 83T559 151T596 245T607 352V710H677V352Q677 281 661 216T610 102T517 24T378 -5ZM275 820V914H333V820H275ZM424
|
||||
820V914H482V820H424Z" />
|
||||
<glyph unicode="Ý" horiz-adv-x="651" d="M93 710L325 328L559 710H635L360 264V0H290V266L16 710H93ZM348 807L303 824L362 917H434L348 807Z" />
|
||||
<glyph unicode="Þ" horiz-adv-x="603" d="M364 569Q411 569 449 550T515 499T559 427T575 345Q575 288 550 237T478 153T371 121H159V0H89V710H159V569H364ZM368 184Q411 184 441 207T489 267T506 346Q506 389 487 425T434 484T362 507H159V184H368Z" />
|
||||
<glyph unicode="ß" horiz-adv-x="551" d="M238 57Q331 59 387 96T443 211Q443 258 422 293T363 348T276 368H257V430H275Q310 430 337 444T380 484T396 544Q396 580 379 604T335 641T273 654Q229 654 199 634T155 581T140 505V0H75V515Q75 574 101 619T172
|
||||
689T275 714Q328 714 370 694T436 638T461 554Q461 519 447 487T409 433T356 403Q430 387 471 334T513 207Q513 156 493 117T437 52T351 11T238 -6V57Z" />
|
||||
<glyph unicode="à" horiz-adv-x="545" d="M33 150Q33 199 61 234T138 289T253 309Q291 309 332 303T405 285V329Q405 395 366 434T258 473Q216 473 176 458T91 412L65 460Q116 495 165 512T265 530Q361 530 417 475T473 323V82Q473 68 479 62T498 54V0Q487
|
||||
-1 479 -2T467 -2Q442 -1 429 14T415 46L414 84Q379 39 323 15T209 -10Q159 -10 119 11T56 69T33 150ZM382 110Q393 124 399 137T405 160V236Q371 249 335 256T261 263Q188 263 143 234T98 155Q98 126 113 101T157 59T225 42Q274 42 316 61T382 110ZM170 731H241L301
|
||||
638L257 621L170 731Z" />
|
||||
<glyph unicode="á" horiz-adv-x="545" d="M33 150Q33 199 61 234T138 289T253 309Q291 309 332 303T405 285V329Q405 395 366 434T258 473Q216 473 176 458T91 412L65 460Q116 495 165 512T265 530Q361 530 417 475T473 323V82Q473 68 479 62T498 54V0Q487
|
||||
-1 479 -2T467 -2Q442 -1 429 14T415 46L414 84Q379 39 323 15T209 -10Q159 -10 119 11T56 69T33 150ZM382 110Q393 124 399 137T405 160V236Q371 249 335 256T261 263Q188 263 143 234T98 155Q98 126 113 101T157 59T225 42Q274 42 316 61T382 110ZM287 620L242
|
||||
637L301 730H373L287 620Z" />
|
||||
<glyph unicode="â" horiz-adv-x="545" d="M33 150Q33 199 61 234T138 289T253 309Q291 309 332 303T405 285V329Q405 395 366 434T258 473Q216 473 176 458T91 412L65 460Q116 495 165 512T265 530Q361 530 417 475T473 323V82Q473 68 479 62T498 54V0Q487
|
||||
-1 479 -2T467 -2Q442 -1 429 14T415 46L414 84Q379 39 323 15T209 -10Q159 -10 119 11T56 69T33 150ZM382 110Q393 124 399 137T405 160V236Q371 249 335 256T261 263Q188 263 143 234T98 155Q98 126 113 101T157 59T225 42Q274 42 316 61T382 110ZM140 645L238
|
||||
730H288L387 645L348 624L263 687L178 624L140 645Z" />
|
||||
<glyph unicode="ã" horiz-adv-x="545" d="M33 150Q33 199 61 234T138 289T253 309Q291 309 332 303T405 285V329Q405 395 366 434T258 473Q216 473 176 458T91 412L65 460Q116 495 165 512T265 530Q361 530 417 475T473 323V82Q473 68 479 62T498 54V0Q487
|
||||
-1 479 -2T467 -2Q442 -1 429 14T415 46L414 84Q379 39 323 15T209 -10Q159 -10 119 11T56 69T33 150ZM382 110Q393 124 399 137T405 160V236Q371 249 335 256T261 263Q188 263 143 234T98 155Q98 126 113 101T157 59T225 42Q274 42 316 61T382 110ZM324 638Q294
|
||||
638 273 648T235 668T196 678Q174 678 164 668T150 645T146 630H104Q104 635 107 650T121 681T148 710T195 723Q223 723 242 713T280 692T323 681Q349 681 361 692T376 716T380 730H422Q422 725 418 711T404 679T374 650T324 638Z" />
|
||||
<glyph unicode="ä" horiz-adv-x="545" d="M33 150Q33 199 61 234T138 289T253 309Q291 309 332 303T405 285V329Q405 395 366 434T258 473Q216 473 176 458T91 412L65 460Q116 495 165 512T265 530Q361 530 417 475T473 323V82Q473 68 479 62T498 54V0Q487
|
||||
-1 479 -2T467 -2Q442 -1 429 14T415 46L414 84Q379 39 323 15T209 -10Q159 -10 119 11T56 69T33 150ZM382 110Q393 124 399 137T405 160V236Q371 249 335 256T261 263Q188 263 143 234T98 155Q98 126 113 101T157 59T225 42Q274 42 316 61T382 110ZM160 634V728H218V634H160ZM309
|
||||
634V728H367V634H309Z" />
|
||||
<glyph unicode="å" horiz-adv-x="545" d="M33 150Q33 199 61 234T138 289T253 309Q291 309 332 303T405 285V329Q405 395 366 434T258 473Q216 473 176 458T91 412L65 460Q116 495 165 512T265 530Q361 530 417 475T473 323V82Q473 68 479 62T498 54V0Q487
|
||||
-1 479 -2T467 -2Q442 -1 429 14T415 46L414 84Q379 39 323 15T209 -10Q159 -10 119 11T56 69T33 150ZM382 110Q393 124 399 137T405 160V236Q371 249 335 256T261 263Q188 263 143 234T98 155Q98 126 113 101T157 59T225 42Q274 42 316 61T382 110ZM174 670Q174
|
||||
707 199 730T263 754Q302 754 327 731T352 670Q352 633 327 610T263 587Q225 587 200 610T174 670ZM263 719Q243 719 229 706T214 670Q214 649 228 635T263 621Q282 621 297 634T313 670Q313 693 298 706T263 719Z" />
|
||||
<glyph unicode="æ" horiz-adv-x="932" d="M205 -10Q156 -10 117 11T56 69T33 152Q33 199 60 234T137 289T250 309Q285 309 319 304T384 289Q386 308 389 328T401 365Q392 418 355 448T257 479Q218 479 176 463T90 417L66 462Q169 530 263 530Q328 530 374
|
||||
503T443 426Q475 473 527 501T642 530Q718 530 776 493T868 396T902 260Q902 255 902 248T901 236H448Q453 180 480 137T552 68T648 42Q699 42 744 68T807 136L867 120Q851 83 818 53T741 7T645 -10Q577 -10 521 21T430 105Q409 64 371 39T289 2T205 -10ZM221 42Q274
|
||||
42 319 62T387 115Q403 132 405 150Q396 170 391 196T384 246Q355 256 323 261T259 266Q187 266 142 236T97 157Q97 125 113 99T158 57T221 42ZM837 282Q833 339 807 383T738 452T641 477Q589 477 546 452T477 383T448 282H837Z" />
|
||||
<glyph unicode="ç" horiz-adv-x="549" d="M301 -10Q244 -10 197 11T114 71T59 158T39 262Q39 336 72 397T164 494T300 530Q373 530 429 497T512 406L446 385Q424 425 385 447T297 470Q245 470 202 443T134 369T108 262Q108 203 134 155T203 79T298 50Q332
|
||||
50 363 62T418 94T450 139L517 119Q503 82 471 53T395 7T301 -10ZM289 -180Q264 -180 234 -173T175 -152L195 -113Q216 -123 235 -129T278 -135Q311 -135 329 -123T347 -84Q347 -58 329 -39T277 0L306 19Q345 -5 369 -30T393 -95Q393 -135 365 -157T289 -180Z"
|
||||
/>
|
||||
<glyph unicode="è" horiz-adv-x="587" d="M300 -10Q244 -10 196 11T113 70T59 157T39 262Q39 335 72 396T165 493T299 530Q376 530 433 493T524 396T557 263Q557 255 557 248T556 236H110Q115 180 141 137T210 68T303 42Q354 42 399 68T463 136L522 120Q506
|
||||
83 473 53T396 7T300 -10ZM108 285H493Q489 342 463 385T394 452T300 477Q249 477 207 453T139 385T108 285ZM204 731H275L335 638L291 621L204 731Z" />
|
||||
<glyph unicode="é" horiz-adv-x="587" d="M300 -10Q244 -10 196 11T113 70T59 157T39 262Q39 335 72 396T165 493T299 530Q376 530 433 493T524 396T557 263Q557 255 557 248T556 236H110Q115 180 141 137T210 68T303 42Q354 42 399 68T463 136L522 120Q506
|
||||
83 473 53T396 7T300 -10ZM108 285H493Q489 342 463 385T394 452T300 477Q249 477 207 453T139 385T108 285ZM320 620L275 637L334 730H406L320 620Z" />
|
||||
<glyph unicode="ê" horiz-adv-x="587" d="M300 -10Q244 -10 196 11T113 70T59 157T39 262Q39 335 72 396T165 493T299 530Q376 530 433 493T524 396T557 263Q557 255 557 248T556 236H110Q115 180 141 137T210 68T303 42Q354 42 399 68T463 136L522 120Q506
|
||||
83 473 53T396 7T300 -10ZM108 285H493Q489 342 463 385T394 452T300 477Q249 477 207 453T139 385T108 285ZM174 645L272 730H322L421 645L382 624L297 687L212 624L174 645Z" />
|
||||
<glyph unicode="ë" horiz-adv-x="587" d="M300 -10Q244 -10 196 11T113 70T59 157T39 262Q39 335 72 396T165 493T299 530Q376 530 433 493T524 396T557 263Q557 255 557 248T556 236H110Q115 180 141 137T210 68T303 42Q354 42 399 68T463 136L522 120Q506
|
||||
83 473 53T396 7T300 -10ZM108 285H493Q489 342 463 385T394 452T300 477Q249 477 207 453T139 385T108 285ZM193 634V728H251V634H193ZM342 634V728H400V634H342Z" />
|
||||
<glyph unicode="ì" horiz-adv-x="218" d="M75 0V521H143V0H75ZM272 731H343L403 638L359 621L272 731Z" />
|
||||
<glyph unicode="í" horiz-adv-x="218" d="M75 0V521H143V0H75ZM132 620L87 637L146 730H218L132 620Z" />
|
||||
<glyph unicode="î" horiz-adv-x="218" d="M75 0V521H143V0H75ZM242 645L340 730H390L489 645L450 624L365 687L280 624L242 645Z" />
|
||||
<glyph unicode="ï" horiz-adv-x="218" d="M75 0V521H143V0H75ZM261 634V728H319V634H261ZM410 634V728H468V634H410Z" />
|
||||
<glyph unicode="ð" horiz-adv-x="602" d="M559 277Q559 212 538 160T481 69T397 11T296 -10Q227 -10 169 22T76 110T42 233Q42 282 61 325T113 402T191 455T287 474Q353 474 408 442T490 357Q482 405 465 452T414 545T327 638T190 730H286Q368 682 421 626T504
|
||||
510T547 391T559 277ZM111 232Q111 182 136 141T203 75T298 50Q352 50 395 76T464 146T490 241Q490 291 465 330T396 393T301 417Q249 417 206 392T137 325T111 232ZM495 683L393 620L371 612L249 536L227 567L347 640L367 647L473 713L495 683Z" />
|
||||
<glyph unicode="ñ" horiz-adv-x="583" d="M513 0H445V291Q445 383 418 425T333 468Q293 468 254 449T186 396T143 319V0H75V521H137V403Q158 441 192 469T269 514T358 530Q401 530 431 514T479 469T505 398T513 305V0ZM357 638Q327 638 306 648T268 668T229
|
||||
678Q207 678 197 668T183 645T179 630H137Q137 635 140 650T154 681T181 710T228 723Q256 723 275 713T313 692T356 681Q382 681 394 692T409 716T413 730H455Q455 725 451 711T437 679T407 650T357 638Z" />
|
||||
<glyph unicode="ò" horiz-adv-x="595" d="M297 -10Q241 -10 194 11T112 70T58 156T39 259Q39 315 58 363T112 449T194 508T298 530Q354 530 401 509T483 450T537 364T556 259Q556 205 537 157T484 71T402 12T297 -10ZM108 258Q108 200 133 153T202 78T297
|
||||
50Q349 50 392 78T461 154T487 260Q487 318 461 366T392 442T297 470Q245 470 203 441T134 365T108 258ZM204 731H275L335 638L291 621L204 731Z" />
|
||||
<glyph unicode="ó" horiz-adv-x="595" d="M297 -10Q241 -10 194 11T112 70T58 156T39 259Q39 315 58 363T112 449T194 508T298 530Q354 530 401 509T483 450T537 364T556 259Q556 205 537 157T484 71T402 12T297 -10ZM108 258Q108 200 133 153T202 78T297
|
||||
50Q349 50 392 78T461 154T487 260Q487 318 461 366T392 442T297 470Q245 470 203 441T134 365T108 258ZM321 620L276 637L335 730H407L321 620Z" />
|
||||
<glyph unicode="ô" horiz-adv-x="595" d="M297 -10Q241 -10 194 11T112 70T58 156T39 259Q39 315 58 363T112 449T194 508T298 530Q354 530 401 509T483 450T537 364T556 259Q556 205 537 157T484 71T402 12T297 -10ZM108 258Q108 200 133 153T202 78T297
|
||||
50Q349 50 392 78T461 154T487 260Q487 318 461 366T392 442T297 470Q245 470 203 441T134 365T108 258ZM174 645L272 730H322L421 645L382 624L297 687L212 624L174 645Z" />
|
||||
<glyph unicode="õ" horiz-adv-x="595" d="M297 -10Q241 -10 194 11T112 70T58 156T39 259Q39 315 58 363T112 449T194 508T298 530Q354 530 401 509T483 450T537 364T556 259Q556 205 537 157T484 71T402 12T297 -10ZM108 258Q108 200 133 153T202 78T297
|
||||
50Q349 50 392 78T461 154T487 260Q487 318 461 366T392 442T297 470Q245 470 203 441T134 365T108 258ZM358 638Q328 638 307 648T269 668T230 678Q208 678 198 668T184 645T180 630H138Q138 635 141 650T155 681T182 710T229 723Q257 723 276 713T314 692T357
|
||||
681Q383 681 395 692T410 716T414 730H456Q456 725 452 711T438 679T408 650T358 638Z" />
|
||||
<glyph unicode="ö" horiz-adv-x="595" d="M297 -10Q241 -10 194 11T112 70T58 156T39 259Q39 315 58 363T112 449T194 508T298 530Q354 530 401 509T483 450T537 364T556 259Q556 205 537 157T484 71T402 12T297 -10ZM108 258Q108 200 133 153T202 78T297
|
||||
50Q349 50 392 78T461 154T487 260Q487 318 461 366T392 442T297 470Q245 470 203 441T134 365T108 258ZM194 634V728H252V634H194ZM343 634V728H401V634H343Z" />
|
||||
<glyph unicode="÷" horiz-adv-x="537" d="M239 399V490H298V399H239ZM239 74V164H298V74H239ZM67 254V311H470V254H67Z" />
|
||||
<glyph unicode="ø" horiz-adv-x="595" d="M297 -10Q241 -10 194 11T112 70T58 156T39 259Q39 314 58 363T112 449T194 508T297 530Q354 530 401 509T483 450T537 363T556 259Q556 205 537 157T484 71T402 12T297 -10ZM297 50Q349 50 392 78T461 154T487 260Q487
|
||||
318 461 366T392 442T297 470Q245 470 203 442T134 365T108 258Q108 200 133 153T202 78T297 50ZM82 -1L146 81L187 56L142 -1H82ZM193 61L153 84L403 462L447 442L193 61ZM454 446L410 466L451 523H513L454 446Z" />
|
||||
<glyph unicode="ù" horiz-adv-x="594" d="M70 215V521H138V227Q138 138 168 94T259 50Q299 50 336 67T403 117T447 193V521H515V82Q515 68 521 62T539 54V0Q527 -1 520 -1T507 -2Q487 0 473 14T457 48L455 118Q421 58 363 24T236 -10Q154 -10 112 47T70 215ZM197
|
||||
731H268L328 638L284 621L197 731Z" />
|
||||
<glyph unicode="ú" horiz-adv-x="594" d="M70 215V521H138V227Q138 138 168 94T259 50Q299 50 336 67T403 117T447 193V521H515V82Q515 68 521 62T539 54V0Q527 -1 520 -1T507 -2Q487 0 473 14T457 48L455 118Q421 58 363 24T236 -10Q154 -10 112 47T70 215ZM314
|
||||
620L269 637L328 730H400L314 620Z" />
|
||||
<glyph unicode="û" horiz-adv-x="594" d="M70 215V521H138V227Q138 138 168 94T259 50Q299 50 336 67T403 117T447 193V521H515V82Q515 68 521 62T539 54V0Q527 -1 520 -1T507 -2Q487 0 473 14T457 48L455 118Q421 58 363 24T236 -10Q154 -10 112 47T70 215ZM167
|
||||
645L265 730H315L414 645L375 624L290 687L205 624L167 645Z" />
|
||||
<glyph unicode="ü" horiz-adv-x="594" d="M70 215V521H138V227Q138 138 168 94T259 50Q299 50 336 67T403 117T447 193V521H515V82Q515 68 521 62T539 54V0Q527 -1 520 -1T507 -2Q487 0 473 14T457 48L455 118Q421 58 363 24T236 -10Q154 -10 112 47T70 215ZM187
|
||||
634V728H245V634H187ZM336 634V728H394V634H336Z" />
|
||||
<glyph unicode="ý" horiz-adv-x="542" d="M105 -160Q119 -161 132 -161T151 -160Q163 -158 174 -146T200 -100T242 0L15 521H87L278 70L454 521H522L252 -151Q245 -170 231 -186T197 -212T146 -223Q137 -224 128 -224T105 -221V-160ZM302 620L257 637L316
|
||||
730H388L302 620Z" />
|
||||
<glyph unicode="þ" horiz-adv-x="603" d="M565 257Q564 204 544 155T490 67T409 7T309 -16Q254 -16 211 11T144 74V-213H75V710H144V434Q173 474 215 503T318 532Q376 532 421 508T499 444T548 356T565 257ZM495 258Q495 314 473 362T410 440T315 470Q275
|
||||
470 243 453T186 408T144 348V172Q144 148 160 126T200 85T253 57T308 47Q349 47 383 64T442 112T481 180T495 258Z" />
|
||||
<glyph unicode="ÿ" horiz-adv-x="542" d="M105 -160Q119 -161 132 -161T151 -160Q163 -158 174 -146T200 -100T242 0L15 521H87L278 70L454 521H522L252 -151Q245 -170 231 -186T197 -212T146 -223Q137 -224 128 -224T105 -221V-160ZM175 634V728H233V634H175ZM324
|
||||
634V728H382V634H324Z" />
|
||||
<glyph unicode="–" horiz-adv-x="570" d="M65 241V304H504V241H65Z" />
|
||||
<glyph unicode="—" horiz-adv-x="901" d="M65 241V304H836V241H65Z" />
|
||||
<glyph unicode="‘" horiz-adv-x="196" d="M124 730L107 624H131V521H64V624L89 730H124Z" />
|
||||
<glyph unicode="’" horiz-adv-x="190" d="M71 521L88 628H64V730H130V628L105 521H71Z" />
|
||||
<glyph unicode="‚" horiz-adv-x="225" d="M86 -104L103 0H80V102H146V0L121 -104H86Z" />
|
||||
<glyph unicode="“" horiz-adv-x="316" d="M124 730L107 624H131V521H64V624L89 730H124ZM245 730L228 624H252V521H185V624L210 730H245Z" />
|
||||
<glyph unicode="”" horiz-adv-x="311" d="M71 521L88 628H64V730H130V628L105 521H71ZM192 521L209 628H185V730H251V628L226 521H192Z" />
|
||||
<glyph unicode="„" horiz-adv-x="343" d="M86 -104L103 0H80V102H146V0L121 -104H86ZM204 -104L221 0H198V102H264V0L239 -104H204Z" />
|
||||
<glyph unicode="•" horiz-adv-x="351" d="M265 346Q265 321 253 301T221 268T176 256Q152 256 132 268T99 300T86 346Q86 370 98 390T131 422T176 435Q200 435 220 423T253 390T265 346Z" />
|
||||
<glyph unicode="‹" horiz-adv-x="352" d="M41 276L289 454V395L96 259L289 125V66L41 239V276Z" />
|
||||
<glyph unicode="›" horiz-adv-x="352" d="M312 239L63 66V125L256 259L63 395V454L312 276V239Z" />
|
||||
</font>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 51 KiB |
BIN
html/fonts/raleway-v22-latin-regular.ttf
Normal file
BIN
html/fonts/raleway-v22-latin-regular.ttf
Normal file
Binary file not shown.
BIN
html/fonts/raleway-v22-latin-regular.woff
Normal file
BIN
html/fonts/raleway-v22-latin-regular.woff
Normal file
Binary file not shown.
BIN
html/fonts/raleway-v22-latin-regular.woff2
Normal file
BIN
html/fonts/raleway-v22-latin-regular.woff2
Normal file
Binary file not shown.
2
html/frames.html
Normal file
2
html/frames.html
Normal file
@ -0,0 +1,2 @@
|
||||
<iframe src="https://localhost:9443" frameborder="0" scrolling="yes" style="overflow: hidden; height: 100%; width: 75%; float: left; " height="100%" width="75%" align="left"></iframe>
|
||||
<iframe src="./tutorial.html" frameborder="0" scrolling="yes" style="overflow: hidden; height: 100%; width: 25%; float: left; " height="100%" width="25%" align="left"></iframe>
|
||||
BIN
html/img/.ipynb_checkpoints/t-shirt-checkpoint.png
Normal file
BIN
html/img/.ipynb_checkpoints/t-shirt-checkpoint.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
BIN
html/img/Portainer-large-alt-positive.png
Normal file
BIN
html/img/Portainer-large-alt-positive.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
html/img/barack-obama-what.gif
Normal file
BIN
html/img/barack-obama-what.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
html/img/getty_619745378_303256.jpg
Normal file
BIN
html/img/getty_619745378_303256.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
BIN
html/img/kubernetes_red.png
Normal file
BIN
html/img/kubernetes_red.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
html/img/morpheus.png
Normal file
BIN
html/img/morpheus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 479 KiB |
BIN
html/img/refresh.png
Normal file
BIN
html/img/refresh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
html/img/soccer-faking.gif
Normal file
BIN
html/img/soccer-faking.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 402 KiB |
BIN
html/img/t-shirt.png
Normal file
BIN
html/img/t-shirt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
63
html/index.html
Normal file
63
html/index.html
Normal file
@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="refresh" content="14;url=http://localhost:7777/frames.html" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="css/jquery.simpleTxtSlider.css" rel="stylesheet">
|
||||
<link stylesheet="css/font.css"/>
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/jquery.simpleTxtSlider.js"></script>
|
||||
<script>
|
||||
$(function(){
|
||||
$.simpleTxtSlider($("#pakainfo-txtslider-fade-example"),{'effectType':'fade'});
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
div.txtslider{
|
||||
position: fixed; /* or absolute */
|
||||
top: 25%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-family: Raleway;
|
||||
font-weight: bold;
|
||||
font-size: 120px;
|
||||
color: #38DAFF;
|
||||
}
|
||||
div.txtslider ul{
|
||||
margin: auto;
|
||||
}
|
||||
#myVideo {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(function(){
|
||||
$.simpleTxtSlider($("#pakainfo-txtslider-roll-example"),{
|
||||
delay : 3500, effectType : 'slide',
|
||||
speed : 1500
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<video autoplay loop id="myVideo">
|
||||
<source src="vids/blurred2.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div id="pakainfo-txtslider-roll-example" class="txtslider">
|
||||
<ul>
|
||||
<li>Hello....</li>
|
||||
<li>We’re on a mission to unf*ck Kubernetes.</li>
|
||||
<li>Are you in?</li>
|
||||
<li><img src="img/Portainer-large-alt-positive.png"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
19
html/index.old
Normal file
19
html/index.old
Normal file
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/vid.css">
|
||||
</head>
|
||||
<body>
|
||||
<video autoplay muted id="myVideo">
|
||||
<source src="vids/un-f-ck.m4v" type="video/mp4">
|
||||
Your browser does not support HTML5 video.
|
||||
</video>
|
||||
<script>
|
||||
var video1 = document.getElementById("myVideo");
|
||||
video1.onended = function(e) {
|
||||
window.location.replace("http://localhost:7777/frames.html");
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
89
html/index.orig
Normal file
89
html/index.orig
Normal file
@ -0,0 +1,89 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style>
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: Arial;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
#myVideo {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
color: #f1f1f1;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#myBtn {
|
||||
width: 200px;
|
||||
font-size: 18px;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#myBtn:hover {
|
||||
background: #ddd;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<video autoplay muted id="myVideo">
|
||||
<source src="vids/blurred.mp4" type="video/mp4">
|
||||
Your browser does not support HTML5 video.
|
||||
</video>
|
||||
|
||||
<!--<div class="content">
|
||||
<h1>Portainer is now Kubernetes</h1>
|
||||
<h2>We...re on a mission to unf*ck Kubernetes. Are you with us?</h2>
|
||||
<p>Portainer enables centralized configuration, management and security of Kubernetes and Docker environments, allowing you to deliver
|
||||
<p>Adopting container orchestration platforms like Kubernetes is hard. To succeed, you need to give everyone secure access to the funct
|
||||
<p>With its super-simple 'opinionated' GUI, Portainer makes it easy for everyone to get up and running quickly. It lets Platform Manage
|
||||
<p>Portainer works with Docker, Docker Swarm and Kubernetes. It can be deployed in the cloud on prem or at the edge. Portainer Business
|
||||
<button id="myBtn" onclick="myFunction()">Pause</button>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var video = document.getElementById("myVideo");
|
||||
var btn = document.getElementById("myBtn");
|
||||
|
||||
function myFunction() {
|
||||
if (video.paused) {
|
||||
video.play();
|
||||
btn.innerHTML = "Pause";
|
||||
} else {
|
||||
video.pause();
|
||||
btn.innerHTML = "Play";
|
||||
}
|
||||
}
|
||||
</script>-->
|
||||
|
||||
<script>
|
||||
var video1 = document.getElementById("myVideo");
|
||||
video1.onended = function(e) {
|
||||
window.location.replace("http://localhost:7777/frames.html");
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
5048
html/js/bootstrap.js
vendored
Normal file
5048
html/js/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
html/js/bootstrap.min.js
vendored
Normal file
7
html/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
html/js/jquery.min.js
vendored
Normal file
2
html/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
194
html/js/jquery.simpleTxtSlider.js
Normal file
194
html/js/jquery.simpleTxtSlider.js
Normal file
@ -0,0 +1,194 @@
|
||||
(function($) {
|
||||
$.simpleTxtSlider = function(element, options) {
|
||||
var defaults = {
|
||||
speed: 1000,
|
||||
delay: 3000,
|
||||
easing: 'swing',
|
||||
effectType: 'slide'
|
||||
}
|
||||
var param = {
|
||||
'ul': '',
|
||||
'li': '',
|
||||
'initList': '',
|
||||
'ulWidth': '',
|
||||
'liHeight': '',
|
||||
'txtsliderHook': 'txtsliderHook',
|
||||
'effect': {}
|
||||
}
|
||||
var bestslider = this;
|
||||
bestslider.settings = {}
|
||||
var $element = $(element),
|
||||
element = element;
|
||||
bestslider.init = function() {
|
||||
bestslider.settings = $.extend({}, defaults, options);
|
||||
param.ul = element.children('ul');
|
||||
param.li = element.find('li');
|
||||
param.initList = element.find('li:first');
|
||||
param.ulWidth = param.ul.width();
|
||||
param.liHeight = param.li.height();
|
||||
element.css({
|
||||
height: (param.liHeight)
|
||||
});
|
||||
param.li.css({
|
||||
top: '0',
|
||||
left: '0',
|
||||
position: 'absolute'
|
||||
});
|
||||
//dispatch
|
||||
switch (bestslider.settings.effectType) {
|
||||
case 'fade':
|
||||
bestslider.effect.fade();
|
||||
break;
|
||||
case 'roll':
|
||||
bestslider.effect.roll();
|
||||
break;
|
||||
case 'slide':
|
||||
bestslider.effect.slide();
|
||||
break;
|
||||
}
|
||||
bestslider.effect.exec();
|
||||
}
|
||||
bestslider.effect = {};
|
||||
bestslider.effect.exec = function() {
|
||||
param.initList.css(param.effect.init.css)
|
||||
.animate(param.effect.init.animate, bestslider.settings.speed, bestslider.settings.easing)
|
||||
.addClass(param.txtsliderHook);
|
||||
if (element.find(param.li).length > 1) {
|
||||
setInterval(function() {
|
||||
element.find('.' + param.txtsliderHook)
|
||||
.animate(param.effect.start.animate, bestslider.settings.speed, bestslider.settings.easing)
|
||||
.next()
|
||||
.css(param.effect.next.css)
|
||||
.animate(param.effect.next.animate, bestslider.settings.speed, bestslider.settings.easing)
|
||||
.addClass(param.txtsliderHook)
|
||||
.end()
|
||||
.appendTo(param.ul)
|
||||
.css(param.effect.end.css)
|
||||
.removeClass(param.txtsliderHook);
|
||||
}, bestslider.settings.delay);
|
||||
}
|
||||
}
|
||||
bestslider.effect.fade = function() {
|
||||
param.effect = {
|
||||
'init': {
|
||||
'css': {
|
||||
display: 'block',
|
||||
opacity: '0'
|
||||
},
|
||||
'animate': {
|
||||
opacity: '1',
|
||||
zIndex: '98'
|
||||
}
|
||||
},
|
||||
'start': {
|
||||
'animate': {
|
||||
opacity: '0'
|
||||
}
|
||||
},
|
||||
'next': {
|
||||
'css': {
|
||||
display: 'block',
|
||||
opacity: '0',
|
||||
zIndex: '99'
|
||||
},
|
||||
'animate': {
|
||||
opacity: '1'
|
||||
}
|
||||
},
|
||||
'end': {
|
||||
'css': {
|
||||
display: 'none',
|
||||
zIndex: '98'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
bestslider.effect.roll = function() {
|
||||
param.effect = {
|
||||
'init': {
|
||||
'css': {
|
||||
top: '3em',
|
||||
display: 'block',
|
||||
opacity: '0'
|
||||
},
|
||||
'animate': {
|
||||
top: '0',
|
||||
opacity: '1',
|
||||
zIndex: '98'
|
||||
}
|
||||
},
|
||||
'start': {
|
||||
'animate': {
|
||||
top: '-3em',
|
||||
opacity: '0'
|
||||
}
|
||||
},
|
||||
'next': {
|
||||
'css': {
|
||||
top: '3em',
|
||||
display: 'block',
|
||||
opacity: '0',
|
||||
zIndex: '99'
|
||||
},
|
||||
'animate': {
|
||||
top: '0',
|
||||
opacity: '1'
|
||||
}
|
||||
},
|
||||
'end': {
|
||||
'css': {
|
||||
zIndex: '98'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
bestslider.effect.slide = function() {
|
||||
param.effect = {
|
||||
'init': {
|
||||
'css': {
|
||||
left: (200),
|
||||
display: 'block',
|
||||
opacity: '0'
|
||||
},
|
||||
'animate': {
|
||||
left: '0',
|
||||
opacity: '1',
|
||||
zIndex: '98'
|
||||
}
|
||||
},
|
||||
'start': {
|
||||
'animate': {
|
||||
left: (-(200)),
|
||||
opacity: '0'
|
||||
}
|
||||
},
|
||||
'next': {
|
||||
'css': {
|
||||
left: (param.ulWidth),
|
||||
display: 'block',
|
||||
opacity: '0',
|
||||
zIndex: '99'
|
||||
},
|
||||
'animate': {
|
||||
left: '0',
|
||||
opacity: '1'
|
||||
}
|
||||
},
|
||||
'end': {
|
||||
'css': {
|
||||
zIndex: '98'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
bestslider.init();
|
||||
}
|
||||
$.fn.simpleTxtSlider = function(options) {
|
||||
return this.each(function() {
|
||||
if (undefined == $(this).data('simpleTxtSlider')) {
|
||||
var bestslider = new $.simpleTiecker(this, options);
|
||||
$(this).data('simpleTxtSlider', bestslider);
|
||||
}
|
||||
});
|
||||
}
|
||||
})(jQuery);
|
||||
8
html/reset.html
Normal file
8
html/reset.html
Normal file
@ -0,0 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="refresh" content="1;url=./01.html" />
|
||||
<iframe src="http://localhost:9000/hooks/2boot" frameborder="0" scrolling="yes" height="100%" width="25%" align="left"></iframe>
|
||||
</head>
|
||||
</html>
|
||||
25
html/tutorial.html
Normal file
25
html/tutorial.html
Normal file
@ -0,0 +1,25 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/font.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
<style>
|
||||
body {font-family:'Raleway', Arial, sans-serif; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
|
||||
h2 {font-family:'Raleway', Arial, sans-serif; color: #E86A25;}
|
||||
h1,h3,h4,h5,h6,a {font-family:'Raleway', Arial, sans-serif; color: #38DAFF;}
|
||||
</style>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<center><h1>Welcome to our Unf*cking Kubernetes tutorial</h1></center>
|
||||
<hr>
|
||||
<p>Thanks for downloading Portainer. This experience will take you about 2 or 3 minutes to run through. By the end, you will have deployed your first application on a Kubernetes cluster using Portainer and taken the first important step towards unf*cking Kubernetes. At the end of the experience you can claim your exclusive unf*king kubernetes t-shirt!</p>
|
||||
<h2>Login</h2>
|
||||
<p>The first step is to login to Portainer with the following credentials:</p>
|
||||
<ul>
|
||||
<li>username: <code>portainer</code></li>
|
||||
<li>password: <code>portainer1234</code></li>
|
||||
</ul>
|
||||
<br>
|
||||
<center><a href="reset.html" button type="button" class="btn btn-primary btn-lg btn-block">Next</a></center>
|
||||
</body>
|
||||
</html>
|
||||
BIN
html/vids/blurred2.mp4
Normal file
BIN
html/vids/blurred2.mp4
Normal file
Binary file not shown.
4
start.sh
Executable file
4
start.sh
Executable file
@ -0,0 +1,4 @@
|
||||
#!/bin/sh
|
||||
hostname=`hostname -f`
|
||||
sed -i "s/XXX/${hostname}/" /var/www/index.html
|
||||
/bin/asmttpd /var/www
|
||||
4
start_nginx.sh
Executable file
4
start_nginx.sh
Executable file
@ -0,0 +1,4 @@
|
||||
#!/bin/sh
|
||||
hostname=`hostname -f`
|
||||
sed -i "s/XXX/${hostname}/" /usr/share/nginx/html/index.html
|
||||
/usr/sbin/nginx -g "daemon off;"
|
||||
1
start_webhook.sh
Normal file
1
start_webhook.sh
Normal file
@ -0,0 +1 @@
|
||||
/usr/bin/webhook -nopanic -hooks /etc/hooks.yaml -hotreload -verbose &
|
||||
Loading…
Reference in New Issue
Block a user