113 lines
3.6 KiB
HTML
113 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="ben @ tilde.team unix group">
|
|
<meta name="author" content="Ben Harris">
|
|
<title>ben~tilde.team</title>
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
|
|
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
|
|
<link rel="manifest" href="/manifest.json">
|
|
<meta name="msapplication-TileColor" content="#ffffff">
|
|
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
|
<meta name="theme-color" content="#00cc00">
|
|
|
|
<link rel="stylesheet" href="css/hacker.css">
|
|
<link rel="stylesheet" href="css/font-awesome.css">
|
|
|
|
<style>
|
|
[v-cloak] {
|
|
display: none
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app" class="container">
|
|
<div class="page-header">
|
|
<div class="pull-right">
|
|
<p>
|
|
<a href="/"><- back to tilde team</a>
|
|
</p>
|
|
</div>
|
|
<h1>~ben</h1>
|
|
<p v-cloak>{{ tagline }}
|
|
<button class="btn btn-xs btn-primary" @click="getnewtagline">
|
|
<i class="fa fa-refresh"></i>
|
|
</button>
|
|
</p>
|
|
</div>
|
|
|
|
<p>i built and maintain tilde.team</p>
|
|
<p>come join the tilde team :)</p>
|
|
<p>check out some of my stuff on:</p>
|
|
|
|
<ul v-cloak>
|
|
<li v-for="link in links">
|
|
<a :href="link.href">
|
|
<i :class="faclass(link.icon)"></i> {{ link.text }}</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<hr>
|
|
<strong>
|
|
<h3>contact me</h3>
|
|
</strong>
|
|
|
|
<a href="mailto:ben@tilde.team" class="btn btn-primary">
|
|
<i class="fa fa-envelope"></i> send me an email</a>
|
|
or
|
|
<a href="https://wire.com" class="btn btn-warning">
|
|
<i class=" fa fa-chat "></i> find me on wire @bharris</a>
|
|
or
|
|
<a href="https://twitter.com/nebsirrah" class="btn btn-info">
|
|
<i class="fa fa-twitter"></i> hit me up on tweeter</a>
|
|
|
|
|
|
<div v-cloak v-if="fonts.length> 0">
|
|
<hr>
|
|
<strong>
|
|
<h3>play with some ascii art</h3>
|
|
</strong>
|
|
<form>
|
|
<div class="form-group">
|
|
<label for="font-selector">pick a font</label>
|
|
<select v-model="font" id="font-selector" @change="updateOutput" class="form-control">
|
|
<option v-for="font in fonts" :value="font">{{ font }}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="asciiinput">put some text here</label>
|
|
<input v-model="text" id="asciiinput" @input="updateOutput" placeholder="put some text here" class="form-control">
|
|
</div>
|
|
|
|
<div class="form-group" v-if="output">
|
|
<pre style="background-color:#333;">{{ output }}</pre>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<hr>
|
|
<div v-cloak>
|
|
<img :src="yesnoimg" :alt="yesno" class="img-responsive">
|
|
<h3>should u do it</h3>
|
|
<strong>{{ yesno }}</strong>
|
|
</div>
|
|
<a class="btn btn-danger" @click="getyesno">find out</a>
|
|
|
|
</div>
|
|
|
|
<script src="js/es6-promise.auto.min.js"></script>
|
|
<script src="js/vue.js"></script>
|
|
<script src="js/axios.min.js"></script>
|
|
<script src="js/app.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|