-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (110 loc) · 5.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
---
---
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>A Я B E E</title>
<meta name="description"
content="I (ARBEE) am a german guy who likes programming fun things. I'm creating Minecraft mods and Websites with Svelte.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="/css/index.css" />
<link rel="icon" href="img/2022-01_ARBEE_Bild-Marke_rgb_Verlauf_01.png">
<link rel="canonical" href="https://arbeeco.de">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@ARBEE_codes"" />
<meta name="twitter:creator" content="@ARBEE_codes" />
<meta property="og:url" content="https://arbeeco.de" />
<meta property="og:title" content="ARBEE" />
<meta property="og:description"
content="I (ARBEE) am a german guy who likes programming fun things. I'm creating Minecraft mods and Websites with Svelte." />
<meta property="og:image"
content="https://arbeeco.de/authorImg/2022-01_ARBEE_Bild-Marke_rgb_weiss_bg_verlauf_01.png" />
<meta name="theme-color" content="#2b8eaf" />
<meta name="keywords" content="Blog, Modding, Gamedev, Arbee, GitHub">
</head>
<body>
{% header %}
<main id="main">
<div id="center" class="center">
<img src="/img/CenterCircle.svg" id="centerIcon" alt="Hover to show Contact options.">
<img src="/img/CenterCross.svg" id="centerIcon2" class="hide" alt="Stop hovering to hide Contact options.">
<a href="https://arbeeco.de/links/discord" target="_blank">
<img src="/img/icon_clyde_circle_white.svg" alt="Contact ARBEE over Discord."
class="button hide unclickable discord" style="left: 39%; top: 15%;">
</img>
</a>
<a href="https://twitter.com/ARBEE_codes" class=" target=" _blank">
<img class="button hide unclickable twitter" src="/img/TwitterLogoWhite.svg"
alt="Contact ARBEE over Twitter" style="right: 15%; top: 39%">
</img>
</a>
<a href="https://github.com/Arbee4ever" target="_blank">
<img src="/img/GitHub-Logo.svg" alt="Contact ARBEE over GitHub."
class="button hide unclickable github" style="left: 15%; top: 39%;">
</img>
</a>
<a
href="mailto:%61%72%62%65%65%40%61%72%62%65%65%63%6F%2E%64%65?subject=Contact-Website&body=Hello%20ARBEE%2C">
<img src="/img/MailLogoWhite.svg" alt="Contact ARBEE over eMail." class="button hide unclickable mail"
style="left: 39%; bottom: 15%;">
</img>
</a>
</div>
<h1 id="description">I (ARBEE) am a german guy who likes programming fun things.
<br>I'm creating Minecraft mods and Websites with Svelte.
</h1>
<a href="#blog" id="blogBtnDiv">
<img class="blogBtn" src="/img/BlogIcon.svg" alt="Click to show blog.">
</a>
</main>
<section id="blog">
<div class="posts">
{% assign latest_posts = collections.post | reverse %}
{% for post in latest_posts %}
<div class="post" data-tilt data-tilt-scale="0.95" data-tilt-max="5">
<div id="postAbout">
<a href="{{ post.data.authorurl }}" target="_blank">
<img class="authorImg" src="{{ post.data.authorimage }}">
</a>
<a class="authorName" href="{{ post.data.authorurl }}" target="_blank">{{ post.data.author }}</a>
<p class="postDate">{{ post.date | date: "%d %b %Y" }}</p>
</div>
<h3 class="postCategory"><a href="/blog?c={{ post.data.category }}">{{ post.data.category }}</a>
</h3>
<a class="postLink" href="{{ post.url | remove: '.html'}}">
<article id="postContent">
{% if post.data.category == "MINECRAFT MOD" %}
<iframe id="postFrame" frameBorder="0" src="genImg?p={{ post.data.modrinthslug }}"></iframe>
{% else %}
<img id="postImg" src="{{ post.data.postimage }}">
{% endif %}
<h2 class="postTitle">{{ post.data.title }}</h2>
{% if post.data.category == "MINECRAFT MOD" %}
<p class="postPreview">{% modPostPreview post.data.modrinthslug %}</p>
{% else %}
<p class="postPreview">{{ post.templateContent | fifty_words }}</p>
{% endif %}
</article>
</a>
</div>
{% endfor %}
</div>
<div class="miscLinks" id="miscLinks">
<br>
<br>
<a onclick="moreLink()" class="postUtilities">MORE</a>
<br>
<br>
<br>
<a class="seeAll postUtilities" href="/blog">SEE ALL</a>
</div>
</section>
{% footer %}
<script src="/script/vanilla-tilt.js"></script>
<script src="/script/index.js"></script>
<script src="/script/top.js"></script>
<script src="https://unpkg.com/smoothscroll-polyfill/dist/smoothscroll.min.js"></script>
<script src="https://unpkg.com/smoothscroll-anchor-polyfill"></script>
</body>
</html>