technicproblem.github.io/text.html at master · TechnicProblem/technicproblem.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">

<style>
a {
  color: #007bff;
}

body {
  font-family: 'Open Sans', sans-serif;
}

h1, h2 {
  font-weight: bolder;
}


</style>


    <title>TechnicProblem</title>
  </head>
  <body>
<h1>TechnicProblem</h1>
<p>New website! Made with HTML, CSS and coffee.</p>
<hr>

<h2>About</h2>
<p>Hi! I'm a Swedish student learning how to code, make websites and do other stuff. <br>I can write and understand HTML and CSS, and a little bit of JavaScript, C#, Java and Python.</p>


<hr>

<h2>Projects</h2>
<ul style="margin-top: 0rem; margin:0;padding:0;">
<li style="margin:0;padding:0;">
  <h3 style="margin:0;padding:0;"><a class="link" target="_blank" href="https://technicproblem.github.io/loading">Loading</a></h3>
  <p style="margin:0;padding:0;">It's loading forever. I don't even know why I'm listing this here, it's just a full-screen GIF.</p>
</li><br>
<li style="margin:0;padding:0;">
  <h3 style="margin:0;padding:0;"><a class="link" target="_blank" href="https://technicproblem.github.io/256">256</a></h3>
  <p style="margin:0;padding:0;">Fork of <a target="_blank" href="https://play2048.co/">2048</a>. I'm too bad at the game and can't win the original game, so here you win at 256.</p>
</li><br>
<li style="margin:0;padding:0;">
  <h3 style="margin:0;padding:0;"><a class="link" target="_blank" href="https://technicproblem.github.io/modblock">ModBlock</a></h3>
  <p style="margin:0;padding:0;">A Minecraft modpack. Made the pack and the website.</p>
</li><br>
<li style="margin:0;padding:0;">
  <h3 style="margin:0;padding:0;"><a class="link" href="/">This website</a></h3>
  <p style="margin:0;padding:0;">This website. Made with HTML and CSS.</p>
</li><br>
<li style="margin:0;padding:0;">
  <h3 style="margin:0;padding:0;"><a class="link" href="/blog">Blog</a></h3>
  <p style="margin:0;padding:0;">A blog, which currently is empty.</p>
</li>
</ul>

<hr>

<h2>Contact</h2>
<p><a class="link" href="mailto:technicproblem@outlook.com">technicproblem@outlook.com</a></p>

<hr>

<p>© TechnicProblem 2019-2026 | technicproblem.github.io</p>

<a href="/">Back to normal site</a>


    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  </body>
</html>