-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost_javascript_no_more.html
93 lines (78 loc) · 3.39 KB
/
post_javascript_no_more.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
---
title: j45's Blog
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://j45.dev/css/index.css?v=1.0">
<link rel="icon" href="https://j45.dev/images/j45.png" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="j45's Blog">
<meta property="og:type" content="website">
<meta property="og:url" content="https://j45.dev/">
<meta property="og:title" content="j45">
<meta name="og:description" content="Hi, I'm j45(he/him). I am 17 years old and I live in England; in my free time, I like to program, play video games or hang out with friends.">
<meta name="og:image" content="https://j45.dev/images/bigj45.png">
<title>{{ page.title }}</title>
<style type="text/css">
.blogs {
border: 5px outset purple;
background-color: #ff9b9b;
margin: 1% 10% 0;
}
myButton {
background-color: #ff9b9b;
cursor: pointer;
color: blue;
text-decoration: underline;
}
bigtext {
font-size: 23px;
}
exit {
cursor: pointer;
float: right;
margin-right: 2%;
font-size: 23px;
text-decoration: none;
}
.repo img {
transition: transform .2s;
image-rendering: pixelated;
image-rendering: crisp-edges
}
.repo img:hover {
transform: scale(1.5);
opacity: 0.7;
}
.feeds {
width: 15%;
background: rgb(116, 81, 182);
border: 3px outset rgb(116, 81, 182);
border-radius: 5px;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
}
</style>
</head>
<body>
<div id="content">
<center>
{% include nav.html %}
<div class="tips">
TIP: Click on the return arrow at the bottom of the blog to go back to the main blog page!
</div>
<div class="blogs">
<br>
<bigtext>JavaScript No More</bigtext> - 3 April 2023<a href='https://j45.dev/blog/'><exit style='color: #000;'>X</exit></a><br><p>Some of you will be happy to hear that this blog no longer replies on JavaScript to work. The way that things work now is that everytime I push to the repo, a GitHub Action is run which runs a Go script that I wrote.<br>This Go script generates the html pages for all the blog posts using the template that I have. It also remakes the index.html page to make sure the list of blog posts there is up to date. Now that the visitor's browser doesnt run JavaScript code to load the blog content, posts should load a bit faster, but you probably wont notice this unless you are on old hardware.</p><br><myButton onclick='function copy() { navigator.clipboard.writeText(`https://j45.dev/blog/post_javascript_no_more.html`); alert(`Copied blog post link to clipboard`); }; copy();'>Share this blog post!</myButton><br><a href='https://j45.dev/blog/'><img src='https://j45.dev/images/return.png' style='cursor: pointer;'></a>
</div>
<br>
<a href="https://github.com/Minetest-j45/blog" title="Blog Repo" rel="me" class="repo"> <img alt="GitHub Repo" src="https://j45.dev/images/repo.png" width="96px" height="32px" /></a><br><br>
</center>
</div>
{% include footer.html %}
</body>
</html>