-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (64 loc) · 3.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The internet is alive with misfits.">
<title>Internet for Misfits</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<img src="images/logo.svg" width="350" height="auto" class="logo" alt="Internet for Misfits">
</header>
<section>
<div class="tube">
<h2>Get a website</h2>
<p>The first step to having your own place on the web is well, having your own website. There are hundreds of ways
you can go about building your own site, from hand coding every line from scratch, to having a WordPress site
that will do most of the technical bits for you.</p>
<p>Need a hand getting started? Click this big button:</p>
<a href="https://indieweb.org/Getting_Started" class="btn">Get Started ></a>
</div>
</section>
</section>
<section class="inverse">
<div class="tube">
<h2>Own your Stuff</h2>
<p>The internet is filled with billions of sites, yet many people tend to upload every part of their virtual self
to just a handful of sites such as Facebook, Instagram or whatever Twitter’s called this week. By posting to
your own site, you have complete control over how your photos, videos, text posts and audio look and work</p>
<a href="https://indieweb.org/own_your_data" class="btn btn-alt">More Info ></a>
</div>
</section>
<section>
<div class="tube">
<h2>Be yourself</h2>
<p>It’s your website, so you have the ultimate freedom to just be yourself and show the world what interests you,
and how you want to be seen online. Whereas with the main social media sites you’re restricted with how you can
personalise your profile and what can or cannot be posted, along with expectations on how your present yourself
on different platforms.</p>
</div>
</section>
<section class="inverse">
<div class="tube">
<h2>Create things</h2>
<p>While having your own slice of the web is great, it’s only made better by posting to it. Whether it’s photos or
video, a song or a podcast, or a piece of writing, there’s no expectation as to what you post, or what frequency
you post. While it’s easy to get stuck in the trap of constantly perfecting your site, things truly come alive
when you post your own creations for the world to see. Using tools like Bridgy also makes it possible to send
your posts back to where your followers are, using POSSE</p>
<a href="https://indieweb.org/Getting_Started" class="btn">Get Ideas ></a>
</div>
</section>
<section>
<div class="tube">
<h2>Be Part of a Wider Community</h2>
<p>The IndieWeb is a global community of people from across the globe with a common interest in having their own
personal websites. From weekly meetups, to a thriving chat community, along with the ability to react and
comment on other people's site… {WEBMENTIONS}</p>
<a href="https://indieweb.org" class="btn btn-alt">Get Involved ></a>
</div>
</section>
</body>
</html>