Website-utilizing-Recursive-Inscriptions/template.html at main · brandonjamesmarshall/Website-utilizing-Recursive-Inscriptions · 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
<!-- This file is inscription-ready, but there are some things you'll want to change first.

    As a final step, I recommend using a service to minify this file to reduce its filesize so
    that inscribing will be as cheap as possible -->

<!DOCTYPE html><html lang="en";>

<!-- Give your website a metadata title -->
<title>Brandon Marshall</title>

<!-- Feel free to modify the colors or add any additional CSS here -->
<style>
body {
  color: #FFF;
  background-color:#FF4900;}
.content {
  margin: auto;
  max-width: 900px;
  text-align: center;
}
.main {
  background-color: white;
  color: black;
  padding: 20px;
  margin-top: 20px;}
h4 {
  margin-top:50px;
  color: #000;
  }
a.footer {
   color: #000;
   text-decoration: none;
}
</style>

<!-- This div just helps to center everything on the page -->
<div class="content">

    <!-- Enter your name below -->
    <H1>Brandon Marshall</H1>

    <!-- Enter in the inscription ID below that you'd like to use as the main photo -->
    <img src="/content/12e123387961518379f7494a9faf5ac6ee21df231aa9adb66e0fe90e8c8fd3aai0" width="300">

    <div class="main">

        <!-- Be sure to edit the links to your social media accounts. You can keep the images as-is if you like them already -->
        <p>
            <a href="https://twitter.com/marshallmixing" target="_blank"><img src="/content/434a0f224bf09495794e1477b4ab3fe3469093fa45fe50d25e9aa1ec947da545i0" width=70></a>
            <a href="https://www.linkedin.com/in/brandonjamesmarshall" target="_blank"><img src="/content/1be2c104bd801d080d8e2995a889eb8d69b820e59b37c5affcbee15cf86cfd7di0" width=70></a>
        </p>

        <!-- Write your bio here -->
        <h2>Hi! I'm Brandon. I write about Bitcoin and lead social media for Trust Machines.</h2>
        <p>This is a proof-of-concept to demonstrate what can be done on Bitcoin. This entire website, including every element referenced here such as my photo and various SVG files, is hosted on Bitcoin forever. As long as Bitcoin exists, this website will exist.</p>
        <p>More information can be found here: <a href="https://twitter.com/marshallmixing/status/1668383269598167040">https://twitter.com/marshallmixing/status/1668383269598167040</a></p>
        <p>Go build something! 💪</p>

    </div>

<!-- This is the footer, I'd love if you kept it but ultimately you can do whatever you like. Bitcoin is permissionless after all! -->
<h4><a class="footer" href="https://github.com/brandonjamesmarshall/Website-utilizing-Recursive-Inscriptions">Built on Bitcoin <img src="/content/b491b66c3d3835f0ee10cf7dac2966da953d3c53cc28f021637cbe9eeb249d8bi0" width=20></a></h4>

</div>