homepage loads links without js

This commit is contained in:
Ben Harris 2018-07-22 20:28:25 -04:00
parent 0f21a3e8f1
commit 5c78e99a4b
6 changed files with 77 additions and 86 deletions

View File

@ -41,7 +41,7 @@ bashblog and your gopherhole
</div>
<!-- text begin -->
<p>i've created <a href="https://git.tildeverse.org/meta/basblog">a repo</a> for the tilde.team customizations to <a href="https://github.com/cfenollosa/bashblog">bashblog</a>.</p>
<p>i've created <a href="https://git.tildeverse.org/meta/bashblog">a repo</a> for the tilde.team customizations to <a href="https://github.com/cfenollosa/bashblog">bashblog</a>.</p>
<p>it will now make sure that your ~/public_gopher exists and symlink your blog into it with a nice gophermap to list all the markdown styled posts.</p>

View File

@ -1,6 +1,6 @@
bashblog and your gopherhole
i've created [a repo](https://git.tildeverse.org/meta/basblog) for the tilde.team customizations to [bashblog](https://github.com/cfenollosa/bashblog).
i've created [a repo](https://git.tildeverse.org/meta/bashblog) for the tilde.team customizations to [bashblog](https://github.com/cfenollosa/bashblog).
it will now make sure that your ~/public_gopher exists and symlink your blog into it with a nice gophermap to list all the markdown styled posts.

View File

@ -1 +0,0 @@
gh pages?

View File

@ -41,12 +41,7 @@
</p>
<p>other places to find/contact me</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>
<?php include "links.php"; ?>
<div v-cloak v-if="fonts.length> 0">
<hr>

View File

@ -1,81 +1,9 @@
var vm = new Vue({
el: '#app',
data: {
links: [
{
"text": "email",
"href": "mailto:ben@tilde.team",
"icon": "envelope"
},
{
"text": "pgp pubkey",
"href": "pubkey.txt",
"icon": "lock"
},
{
"text": "blog",
"href": "blog/",
"icon": "rss"
},
{
"text": "keybase",
"href": "https://keybase.io/bharris",
"icon": "key"
},
{
"text": "github",
"href": "https://github.com/benharri",
"icon": "github"
},
{
"text": "gitea",
"href": "https://git.tilde.team/ben",
"icon": "code-fork"
},
{
"text": "stack overflow",
"href": "https://stackoverflow.com/users/6352706/ben-harris",
"icon": "stack-overflow"
},
{
"text": "my git guide",
"href": "https://benharri.github.io/learngit/",
"icon": "git"
},
{
"text": "my personal site",
"href": "https://benharr.is",
"icon": "globe"
},
{
"text": "my discord bot",
"href": "https://bot.benharr.is",
"icon": "discord-alt"
},
{
"text": "software design pattern book",
"href": "patterns/",
"icon": "book"
},
{
"text": "win solitaire",
"href": "soli/",
"icon": "gamepad"
},
{
"text": "mastodon",
"href": "https://tilde.zone/@ben",
"icon": "mastodon-alt"
},
{
"text": "tilde irc",
"href": "https://tilde.chat",
"icon": "comments"
}
],
text: 'type here',
text: 'make ascii art',
output: '',
font: 'standard',
font: 'slant',
fonts: [],
yesno: '',
yesnoimg: '',
@ -111,9 +39,6 @@ var vm = new Vue({
axios.get('api/').then(function (response) {
vm.tagline = response.data
})
},
faclass: function (icon) {
return "fa fa-fw fa-" + icon
}
}
})

72
links.php Normal file
View File

@ -0,0 +1,72 @@
<?php
function faclass($icon) {
return "fa fa-fw fa-$icon";
}
$links = [
"email" => [
"href" => "mailto:ben@tilde.team",
"icon" => "envelope"
],
"pgp pubkey" => [
"href" => "pubkey.txt",
"icon" => "lock"
],
"blog" => [
"href" => "blog/",
"icon" => "rss"
],
"keybase" => [
"href" => "https://keybase.io/bharris",
"icon" => "key"
],
"github" => [
"href" => "https://github.com/benharri",
"icon" => "github"
],
"gitea" => [
"href" => "https://git.tilde.team/ben",
"icon" => "code-fork"
],
"stack overflow" => [
"href" => "https://stackoverflow.com/users/6352706/ben-harris",
"icon" => "stack-overflow"
],
"my git guide" => [
"href" => "https://benharri.github.io/learngit/",
"icon" => "git"
],
"my personal site" => [
"href" => "https://benharr.is",
"icon" => "globe"
],
"my discord bot" => [
"href" => "https://bot.benharr.is",
"icon" => "discord-alt"
],
"software design pattern book" => [
"href" => "patterns/",
"icon" => "book"
],
"win solitaire" => [
"href" => "soli/",
"icon" => "gamepad"
],
"mastodon" => [
"href" => "https://tilde.zone/@ben",
"icon" => "mastodon-alt"
],
"ben on tildenet irc" => [
"href" => "https://tilde.chat",
"icon" => "comments"
],
];
foreach ($links as $name => $link): ?>
<ul>
<li>
<a href="<?=$link["href"]?>">
<i class="<?=faclass($link["icon"])?>"></i> <?=$name?></a>
</li>
</ul>
<?php endforeach;