https://webulite.com/home

1<!DOCTYPE html>
2<html lang="en-us">
3<head>
4  

4<script src="https://code.iconify.design/2/2.0.3/iconify.min.js"></script>

4
5  <head>
6  <link href="http://gmpg.org/xfn/11" rel="profile">
7  <meta http-equiv="content-type" content="text/html; charset=utf-8">
8
9  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
10
11  <title>
12
13    
14      webulite.com
15    
16  
17  </title>
18  
19  
20  
21  
22  <link rel="canonical" href="/home">
23  
24
25  <link rel="stylesheet" href="/public/css/poole.css">
26  <link rel="stylesheet" href="/public/css/syntax.css">
27  <link rel="stylesheet" href="/public/css/lanyon.css">
28  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
29
30  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/public/apple-touch-icon-precomposed.png">
31
32
33  <link rel="shortcut icon" href="/public/favicon.ico?v=2">
34
35
36
37
38
39  <link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
40
41  
42
43
44

45<script>
46const queryString = window.location.search;
47//document.write(queryString);
48if(queryString.substr(0,8)=='?fbclid='){
49  window.location.href = "https://webulite.com";
50    }    
51</script>

51
52
53
54
55
56</head>
57
58
59  <style>
60    a:link { color: #ac4142; }    /* Unvisited */
61    a:visited { color: #ac4142; } /* Visited */
62    a:hover { color: #8a3334; }   /* Hover */
63    a:active { color: #ac4142; }  /* Active */
64  </style>
65
66</head>
67<body class="theme-base-08">
68
69  <div class="wrap">
70    <div style="margin-top:50px;"></div>
71
72    <div class="container content">
73      <div style="text-align:right; margin-top:0px; font-family:sans-serif;"></div>
74      <div id="pjax-container">
75        <div class="page">
76
77
78
79  <div style="float; margin-top:25px;"></div>
80
81<html><img src="/img/webulite.png" style="float:right; width:25%; margin-left:20px; margin-right:0px; margin-bottom:20px; " /></html>
82
83<!--
84Following the technology industry reveals the structural shifts shaping modern life. Understanding these trends provides a clearer perspective on where the world is heading, and helps one understand it better.
85-->
86
87<p><b><a href="/new-stuff">Books, tv shows &amp; movies</a></b> are something that are easily shared over the Internet. You can't share the taste of a sandwich you ate at lunch, but you can share a link to a book or movie.</p>
88
89<p><b><a href="/meditation">Meditation</a></b> is training / exercise for the mind. It's ultimate goal is to help you retrain how your mind thinks so you become free from mental suffering. As you become increasingly free of the suffering, caused by your mind, you will find yourself becoming increasingly happy, joyful, peaceful, kind, and generous... both to those around you, and to yourself.</p>
90
91<p><b><a href="/radio">Our 24/7 music audio stream</a></b> features all original music, with lyrics from the Theravada Buddhist Pali canon. Want music not created by me? Here are <b><a href="/music">songs I enjoy</a></b>.</p>
92
93<p><b><a href="https://x.com/webulite">We're on 𝕏</a></b> and post headlines from the Wall Street Journal and the tech industry there each morning, as well as some other stuff occasionally. We also have a Discord server which extends our 𝕏 community.</p>
94
95
96
97</div>
98
99      </div>
100    </div>
101  <div style="height: 80px;"></div>
102  </div>
103
104  

104<script src='/public/js/script.js'></script>

104
105  

105<script src="https://cdn.jsdelivr.net/npm/[email protected]/pjax.min.js"></script>

105
106  

106<script>
107    var pjax = new Pjax({
108      elements: "a[href^='/'], a[href=''], a.pjax-link, #audio-footer a",
109      selectors: ["title", "#pjax-container"]
110    });
111
112    document.addEventListener("pjax:success", function() {
113      var links = document.querySelectorAll('#pjax-container a[href^="http://"], #pjax-container a[href^="https://"]');
114      links.forEach(function(link) {
115        if (!link.href.includes(window.location.hostname)) {
116          link.setAttribute('target', '_blank');
117          link.setAttribute('rel', 'noopener noreferrer');
118        }
119      });
120    });
121  </script>

121
122
123  <div id="audio-footer" style="position:fixed; bottom:0; width:100%; z-index:999; text-align:center; font-family:sans-serif; background:#b2b2b2; padding: 10px 0 4px 0; ">
124    <audio id="stream-player" src="https://stream.webulite.com/radio"></audio>
125    <div>
126
127<a href="#" id="audio-control" title="audio stream" style="text-decoration:none; display:inline-block; vertical-align:middle; margin-right:15px;"><span class="iconify" data-icon="hugeicons:music-note-03" style="color: #ac4142;" data-width="30" data-height="30"></span></a>
128
129
130<a href="/meditation" class="pjax-link" title="meditation" style="display:inline-block; vertical-align:middle; margin:0 10px;"><span class="iconify" data-icon="hugeicons:yoga-02" style="color: #ac4142;" data-width="30" data-height="30"></span></a>
131
132
133
134
135<a href="/new-stuff" class="pjax-link" title="tv, books & movies" style="display:inline-block; vertical-align:middle; margin:0 10px;"><span class="iconify" data-icon="hugeicons:bookshelf-03" style="color: #ac4142;" data-width="30" data-height="30"></span></a>
136
137<a href="https://x.com/webulite" title="we're on 𝕏" style="display:inline-block; vertical-align:middle; margin:0 10px;"><span class="iconify" data-icon="hugeicons:new-twitter" style="color: #ac4142;" data-width="30" data-height="30"></span></a>
138
139
140<a href="/home" class="pjax-link" title="home" style="display:inline-block; vertical-align:middle; margin:0 10px;"><span class="iconify" data-icon="hugeicons:home-09" style="color: #ac4142;" data-width="30" data-height="30"></span></a>
141
142
143
144
145
146
147
148
149
150      
151    </div>
152  </div>
153
154  

154<script>
155    var player = document.getElementById('stream-player');
156    var control = document.getElementById('audio-control');
157
158    // Handle Play/Pause audio toggle logic
159    control.addEventListener('click', function(e) {
160      e.preventDefault();
161      var iconEl = control.querySelector('.iconify');
162      if (player.paused) {
163        player.play();
164        iconEl.setAttribute('data-icon', 'hugeicons:pause');
165      } else {
166        player.pause();
167        iconEl.setAttribute('data-icon', 'hugeicons:music-note-03');
168      }
169    });
170
171    // Intercept clicks on navigation icons inside the footer to prevent page reloads
172    document.querySelectorAll('#audio-footer .pjax-link').forEach(function(link) {
173      link.addEventListener('click', function(e) {
174        var href = this.getAttribute('href');
175        if (href && typeof pjax !== 'undefined') {
176          e.preventDefault();
177          pjax.loadUrl(href);
178        }
179      });
180    });
181  </script>

181
182
183  

183<script type="text/javascript" src="/site.js"></script>

183
184</body>
185</html>
186
187
188
189
190
191
192