forked from Buildstarted/devring.club
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (66 loc) · 2.81 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
<html>
<head>
<meta charset="utf-8">
<meta name="google" value="notranslate">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="referrer" content="origin">
<title>devring.club</title>
<link href="/style.css" type="text/css" rel="stylesheet" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body>
<main>
<h1><img src="favicon-32x32.png" />devring.club</h1>
<p>Welcome at my small attempt to start a simple webring for developers.</p>
<p>To get started is simple. Submit a PR with your url added to the file <code>sites.txt</code> at the repository <a href="https://github.com/Buildstarted/devring.club">https://github.com/Buildstarted/devring.club</a> and after your
site is approved add the following html to your site.</p>
<p><a href="/list">Here</a> is a list of current sites or <a href="https://devring.club/random">Click here</a> to go to a random one</p>
<textarea rows=13>
<div class="devring">
<div class="devring-info">
Explore other dev related sites in this ring.
If you would like to join this ring <a href="https://devring.club">click here</a>.
</div>
<div class="devring-container">
<span class="devring-title"><a href="https://devring.club/">devring.club</a></span>
<a href="https://devring.club/sites/YOURSITEID/prev" class="devring-previous">Previous</a>
<a href="https://devring.club/random" class="devring-random">Random</a>
<a href="https://devring.club/sites/YOURSITEID/next" class="devring-next">Next</a>
</div>
</div>
</textarea>
<p>Here are some default styles you could use but I would definitely recommend you supply your own styling to match your site. This sample generates a small banner at the top.</p>
<textarea rows=13>
.devring-container {
max-width: 1024px;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: .5fr 1fr 1fr 1fr;
text-align: center;
}
.devring-info {
text-align:center;
}
</textarea>
</main>
<footer>created by <a href="https://buildstarted.com/">buildstarted</a> © 2021</footer>
<script async defer>
_dna = window._dna || {};
_dna.siteId = "devring.club";
_dna.outlink = true;
(function() {
let dna = document.createElement('script');
dna.type = 'text/javascript';
dna.async = true;
dna.src = '//dna.buildstarted.com/t.js';
let s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(dna, s);
})();
</script>
<noscript><img src="//dna.buildstarted.com/g?siteId=devring.club"/></noscript>
</body>
</html>