-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (131 loc) · 8.38 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index.html | Site Name</title>
<meta name="description" content="60-80 characters preferred">
<!-- purecss.io -->
<link rel="stylesheet" href="css/purecss-stripped.css">
<!-- to use the full set of Pure CSS + Pure CSS Responsive Grids, comment out the line above and
uncomment the next 2 lines below -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/pure-min.css" integrity="sha384-X38yfunGUhNzHpBaEBsWLO+A0HDYOQi8ufWDkZ0k9e0eXz/tH3II7uKZ9msv++Ls" crossorigin="anonymous"> -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/grids-responsive-min.css" /> -->
<!-- to access the expanded, readable (not minified) full Pure CSS, delete "-min" from the 2 links above and
visit them in a web browser -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- site styles -->
<link rel="stylesheet" href="css/combined-styles.css">
<link rel="stylesheet" href="css/tkos.css">
<script src="js/from-scratch-menu.js" async></script>
<link rel="icon" href="favicon.gif">
<meta property="og:site_name" content="">
<meta property="og:type" content="website">
<meta property="og:title" content="">
<meta property="og:url" content="https://www.domain.tld/template.html">
<meta property="og:description" content="60-80 characters preferred">
<!-- <meta property="article:published_time" content="yyyy-mm-dd"> -->
<meta property="og:image" content="https://www.domain.tld/img/domain-social-a.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="describe image">
<meta name="twitter:title" content="">
<meta name="twitter:url" content="http://www.domain.tld/">
<!-- <meta name="twitter:card" content="summary"/> -->
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@twitHandle">
<meta name="twitter:image" content="http://www.domain.tld/img/domain-social-b.jpg">
<meta name="twitter:image:width" content="1200">
<meta name="twitter:image:height" content="630">
</head>
<body>
<nav class="nav-wrapper pure-g" id="main-menu">
<div class="pure-u-1 pure-u-md-1-4">
<div class="pure-menu">
<a href="index.html" class="pure-menu-heading site-title">Anywhere Bulletin Post</a>
<span class="main-menu-hamburger" id="main-menu-switch"><span
class="x-switch-animation"></span><span class="x-switch-animation"></span><span class="x-switch-animation"></span></span>
</div>
</div>
<div class="pure-u-1 pure-u-md-3-4">
<a href="fancy.html">Fancy web page of this Index/Home</a> (right click and select view-source to copy and paste or I'm just duplicating something you are supposed to know how to do for yourself) <i>empty so far</i>
<br>
<a href="plaintext.html">Really plain text to copy and paste web page of this Index/Home as an outline (like you would do for planning a school paper)</a> <i>empty so far</i>
<br>
<a href="markdown.html">Copy and paste plaintext html web page in Markdown of this Index/Home as an outline (like you would do for planning a school paper)</a> <i>empty so far</i>
</div>
<div class="pure-u-1 pure-u-md-3-4">
<div id="i-can-transform" class="pure-menu pure-menu-horizontal transforming-wrapper">
<ul id="main-menu-list" class="pure-menu-list">
<li class="pure-menu-item"><a class="pure-menu-link" href="template.html">About ABP</a> <i>empty so far</i></li>
<li class="pure-menu-item"><a class="pure-menu-link" href="template.html">About Easy Em</a> <i>empty so far</i></li>
<li class="pure-menu-item"><a class="pure-menu-link" href="template.html">About Yard BB</a> <i>empty so far</i></li>
<li class="pure-menu-item"><a class="pure-menu-link" href="template.html">About Me</a> <i>empty so far</i></li>
<li class="submenu-heading pure-menu-item"><span class="pure-menu-link"
id="submenu-switch">More</span>
<ul id="main-menu-list" class="pure-menu-list">
<li class="submenu-heading pure-menu-item"><span class="pure-menu-link"
id="submenu-switch">More</span>
<ul class="pure-menu-list" id="submenu">
<li class="submenu-item pure-menu-item"><a class="submenu-link pure-menu-link"
href="html/financials.html">Financials</a> <i>page exists</i></li>
<li class="submenu-item pure-menu-item"><a class="submenu-link pure-menu-link"
href="html/blog.html">Blog</a> <i>empty so far</i></li>
<li class="submenu-item pure-menu-item"><a class="submenu-link pure-menu-link"
href="html/suggested-reading.html">Suggested Reading</a> <i>empty so far</i></li>
<li class="submenu-item pure-menu-item"><a class="submenu-link pure-menu-link"
href="html/suggested-media.html">Suggested Media</a> <i>empty so far</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/things-to-do.html">Things to Do</a> <i>empty so far</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/how-to-clone.html">How-To / Clone</a> <i>empty so far</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/business-plan.html">Business Plan</a> <i>empty so far</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/known-pioneers.html">Known Pioneers</a> <i>empty so far</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/in-other-news.html">ABP in Other News</a> <i>empty so far</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/low-tech-risk.html">Lower Tech Risk</a> <i>page exists</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/trusted-journalism.html">Trusted Sources</a> <i>empty so far</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/travel-advisories-2024.html">Travel Advisdories (2024)</a> <i>page exists</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/advice.html">Advice from a Poet/Artist</a> <i>empty so far</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/polyvalency.html">Extras / Multi-Tool</a> <i>page exists</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/letter-cannon.html">Free Speech Letter Cannon</a> <i>page exists</i></li>
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="html/online-ads.html">Free Speech Social Media+ Cannon</a> <i>empty so far</i></li>
<!-- IRL low-visibility stuff is out of scope -->
<li class="submenu-item pure-menu-item"><a class="submnu-link pure-menu-link"
href="unimplemented-ideas.html">Unimplemented Ideas</a> <i>page exists</i></li>
</ul>
<li class="pure-menu-item"><a class="pure-menu-link bandwidth-switch"
href="ultra-light/index.html">Ultra-Light Copy</a> <i>empty so far</i></li>
</ul>
</div>
</div>
</nav>
<div class="forty-em-one-column pure-g">
<main class="main-column pure-u-1">
<h1>Newspaper, Scratchpad, and Megaphone of Home</h1>
<h2>. . . or anywhere with foot-traffic . . . . .</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.</p>
</main>
</div>
<footer class="forty-em-one-column pure-g">
<div class="pure-u-1 foot-1">
<p class="shrink">Anywhere Bulletin Post - by Cooper Dozier
<a href="https://github.com/cooperdozier/anywherebulletinpost.dev">https://github.com/cooperdozier/tbd/</a>
Licensed under the MIT license - http://opensource.org/licenses/MIT</p>
</div>
</footer>
</body>
</html>