forked from cadars/john-doe
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
234 lines (195 loc) · 14.3 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="darkreader-lock">
<title>david.qa</title>
<meta name="description" content="Curated answers to tech questions written by me, David.">
<link rel="icon" type="image/x-icon" href="img/favicon.png" id="favicon">
<!-- Recommended minimum -->
<meta property="og:title" content="david.qa">
<meta property="og:description" content="Curated answers to tech questions written by me, David.">
<meta property="og:image" content="img/site-image.jpg">
<meta name="twitter:card" content="summary_large_image">
<!-- You could also inline the stylesheet -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>
<a href="#home">david.qa</a>
</h1>
<nav>
<a href="#windows">Windows</a>
<a href="#browser">Browser</a>
<a href="#websites">Websites</a>
<a href="#android">Android</a>
<a href="#streaming">Streaming</a>
<a href="#marketing">Marketing</a>
</nav>
</header>
<main>
<section id="windows"> <!-- WINDOWS -->
<h2>What's the recommended setup for a new Windows installs?</h2>
<p>For a comprehensive guide on setting up a new Windows installation, check out my <a href="https://davidvkimball.com/posts/recommended-setup-and-software-for-new-windows-installs/" target="_blank"></a>setup & install master list</a>. It covers essential software and configurations.</p>
<h2>What's the easiest way to install multiple programs at once on Windows?</h2>
<p><a href="https://ninite.com" target="_blank">Ninite</a> is an excellent tool for batch installing popular software on Windows. It saves time and ensures you get the latest versions of your preferred applications.</p>
<h2>How can I customize Windows beyond the built-in settings?</h2>
<p><a href="https://winaero.com/download-winaero-tweaker/" target="_blank">WinAeroTweaker</a> is a powerful tool for advanced Windows customization. It allows you to modify various system settings not easily accessible through the standard Windows interface.</p>
<h2>What's a good note-taking app for Windows?</h2>
<p><a href="https://obsidian.md/" target="_blank">Obsidian</a> is a highly recommended note-taking app. It uses markdown format and offers features like linking between notes, making it great for knowledge management.</p>
<h2>What does a clean Windows desktop looks like?</h2>
<p>Here's a screenshot of my Windows desktop and taskbar. I've removed any distractions and unnecessary icons. Overflow programs are tucked away in the Start Menu.</p>
<p><img loading="lazy" alt="Floorp custom new tab page." src="img/windows-desktop.png"></p>
</section>
<section id="browser"> <!-- BROWSER -->
<h2>What's the best browser for tech-savvy users?</h2>
<p><a href="https://www.mozilla.org/en-US/firefox/new/" target="_blank">Mozilla Firefox</a> is an excellent choice for tech-savvy users. For those who want even more customization, <a href="https://floorp.app/en" target="_blank">Floorp</a> is a Firefox-based browser with additional features. If you prefer a Chromium-based option, consider Brave or Vivaldi.</p>
<h2>How can I block ads effectively while browsing?</h2>
<p><a href="https://ublockorigin.com/" target="_blank">uBlock Origin</a> is widely considered the most effective and efficient ad blocker. It's open-source, lightweight, and regularly updated to counter new ad techniques.</p>
<h2>What's a good password manager to use with my browser?</h2>
<p><a href="https://bitwarden.com/" target="_blank">Bitwarden</a> is a highly recommended, open-source password manager. It offers secure password storage, generation, and syncing across devices.</p>
<h2>How can I improve my YouTube viewing experience?</h2>
<p>Install these extensions:</p>
<ul>
<li><a href="https://sponsor.ajay.app/" target="_blank">Sponsorblock</a> to skip sponsored segments in videos</li>
<li><a href="https://returnyoutubedislike.com/" target="_blank">Return YouTube Dislike</a> to see dislike counts again</li>
<li><a href="https://github.com/kwaschny/unwanted-twitch" target="_blank">Unwanted Twitch</a> to remove categories, channels, or tags you don't want to see</li>
</ul>
<h2>What's the best way to translate web pages?</h2>
<p>The <a href="https://addons.mozilla.org/en-us/firefox/addon/traduzir-paginas-web/" target="_blank">TWP - Translate Web Pages</a> extension is an excellent tool for translating web pages directly in your browser.</p>
<h2>What does an example of a customized Floorp browser look like?</h2>
<p>Here's a screenshot of my Floorp browser setup. I've hidden a majority of the buttons and only display extensions on the menu bar I use regularly.</p>
<p><img loading="lazy" alt="Floorp custom new tab page." src="img/floorp-new-tab.png"></p>
<p>I make some minor tweaks for a minimal new tab page. Here's my <code>customize-new-tab-page.css</code> file:</p>
<textarea id="newtab" readonly rows="5">
@-moz-document url("about:home"), url("about:newtab") {
.icon-settings {
opacity: 0; /* Make the element invisible */
transition: opacity 0.3s ease; /* Smooth transition effect */
}
.icon-settings:hover {
opacity: 1; /* Make the element visible on hover */
}
#floorp {
display: none !important;
}
#unsplash {
display: none !important;
}
.wordmark {
display: none !important;
}
body {
--newtab-search-icon: url("chrome://global/skin/icons/search-glass.svg") !important;
}
.search-wrapper .search-inner-wrapper {
opacity: 0.90;
}
}
</textarea>
<p>And for the minimal sidebar, here's my <code>remove-sidebar-icons.css</code> file:</p>
<textarea id="sidepanel" readonly rows="5">
toolbarbutton#add-button.sidepanel-browser-icon{
display:none !important;
}
toolbarbutton#addons-icon.sidepanel-browser-icon{
display:none !important;
}
toolbarbutton#passwords-icon.sidepanel-browser-icon{
display:none !important;
}
</textarea>
</section>
<section id="websites"> <!-- WEBSITES -->
<h2>How can I quickly create a free custom website?</h2>
<p>Check out my guide on <a href="https://davidvkimball.com/posts/how-to-create-a-free-custom-website-in-15-minutes/" target="_blank">how to create a free custom website in 15 minutes</a>. It covers the basics of setting up a simple, custom site using modern tools.</p>
<h2>What are some essential tools for web development?</h2>
<p>Some key tools include:</p>
<ul>
<li><a href="https://github.com" target="_blank">GitHub</a> for version control and collaboration</li>
<li><a href="https://netlify.com" target="_blank">Netlify</a> for easy deployment and hosting</li>
<li><a href="https://code.visualstudio.com/" target="_blank">Visual Studio Code</a> for coding</li>
<li><a href="https://www.sourcetreeapp.com/" target="_blank">SourceTree</a> for Git management</li>
<li><a href="https://webcode.tools/" target="_blank">Web Code Tools</a> for generating various web code snippets</li>
<li><a href="https://cloudflare.com/" target="_blank">Cloudflare</a> as a domain registrar and DNS manager.</li>
</ul>
<h2>Where can I find free, high-quality images for my website?</h2>
<p>Try these resources:</p>
<ul>
<li><a href="https://pixabay.com/" target="_blank">Pixabay</a></li>
<li><a href="https://unsplash.com/" target="_blank">Unsplash</a></li>
<li><a href="https://www.pexels.com/" target="_blank">Pexels</a></li>
</ul>
<h2>How can I remove backgrounds from images easily?</h2>
<p><a href="https://www.remove.bg/">remove.bg</a> is a user-friendly tool for removing backgrounds from images quickly.</p>
<h2>What's a good tool for compressing images for web use?</h2>
</p><a href="https://tinypng.com/">TinyPNG</a> is an excellent tool for compressing PNG and JPEG images without significant quality loss.</p>
<h2>What's are some websites that take you back to the earlier days of the web?</h2>
<p>
<ul>
<li><a href="https://create.david.qa" target="_blank">create.david.qa</a></li>
<li><a href="https://neocities.org" target="_blank">Neocities</a></li>
<li><a href="https://spacehey.com" target="_blank">Spacehey</a></li>
<li><a href="https://www.bitview.net/" target="_blank">BitView</a></li>
<li><a href="https://blips.club/" target="_blank">Blips.club</a></li>
<li><a href="https://www.htmlbasix.com/" target="_blank">HTML Basix</a></li>
</ul>
</p>
</section>
<section id="android"> <!-- ANDROID -->
<h2>What's a unique launcher for Android that's different from the standard options?</h2>
<p><a href="https://play.google.com/store/apps/details?id=com.ss.squarehome2" target="_blank">Square Home</a> is a distinctive launcher inspired by the Windows Phone interface, offering a tile-based home screen layout.</p>
<h2>How can I get a clean, minimalist look for my Android icons?</h2>
<p>The <a href="https://play.google.com/store/apps/details?id=com.whicons.iconpack" target="_blank">Whicons - White Icon Pack</a> provides a set of clean, white icons for a minimalist aesthetic, which fit Metro UI-inspired designs perfectly.</p>
<h2>What's a good weather widget for Android?</h2>
<p><a href="https://play.google.com/store/apps/details?id=aplicacion.tiempo&hl=en_US" target="_blank">Meteored - Weather Widget</a> offers a flat, simple weather display icon and temperature for your home screen.</p>
<h2>How can I get an ad-free YouTube experience on Android?</h2>
<p><a href="https://revanced.app/" target="_blank">ReVanced</a> is a popular modified version of YouTube that removes ads and adds features. Use it with <a href="https://github.com/ReVanced/GmsCore" target="_blank">Micro-G</a> for it to work.</p>
<h2>What does Square Home on Android look like?</h2>
<p>Here you can see my Android home screen, using Square Home, inspired by the Start screen of Windows Phone, along with the Meteored weather widget.</p>
<p><img src="img/android-homescreen.jpg" width="300px"></p>
</section>
<section id="streaming"> <!-- STREAMING -->
<h2>What's the best software for live streaming?</h2>
<p><a href="https://obsproject.com/" target="_blank">OBS Studio</a> is widely regarded as the best free, open-source software for live streaming and screen recording.</p>
<h2>How can I manage stream overlays and alerts easily?</h2>
<p><a href="https://streamelements.com/selive" target="_blank">SE.Live</a> by StreamElements is a powerful tool for managing stream overlays, alerts, and other interactive elements.</p>
<h2>What's a good bot for managing stream interactions?</h2>
<p><a href="https://mixitupapp.com/" target="_blank">MixItUp Streaming Bot</a> is a versatile bot that can handle various stream management tasks and viewer interactions.</p>
</section>
<section id="marketing"> <!-- MARKETING -->
<h2>What's a comprehensive SEO checklist I can follow?</h2>
<p>The <a href="https://www.semrush.com/blog/seo-checklist/" target="_blank">Ultimate SEO Checklist</a> by SEMrush provides a thorough guide to optimizing your website for search engines.</p>
<h2>How can I find good keywords for my content?</h2>
<p><a href="https://www.wordtracker.com/" target="_blank">Wordtracker</a> offers a free keyword search tool to help you find relevant keywords for your content.</p>
<h2>Is there a tool to analyze and improve my headlines?</h2>
<p>The <a href="https://coschedule.com/headline-analyzer" target="_blank">Headline Analyzer</a> by CoSchedule can help you craft more effective headlines for your content.</p>
<h2>How can I check my website's loading speed?</h2>
<p><a href="https://gtmetrix.com/" target="_blank">GTMetrix</a> is a comprehensive tool for analyzing your website's speed and performance.</p>
<h2>What are some free marketing tools I can use to improve my website's SEO?</h2>
<ul>
<li><a href="https://shortpixel.com/" target="_blank">ShortPixel</a> - image compression</li>
<li><a href="https://zadroweb.com/seo-auditor/" target="_blank">SEO Auditor</a></li>
<li><a href="https://ga-dev-tools.google/campaign-url-builder/" target="_blank">Campaign URL Builder</a> (UTMs)</li>
<li><a href="https://wave.webaim.org/" target="_blank">WAVE</a> - web accessibility evaluation tool</li>
<li><a href="https://www.internetmarketingninjas.com/tools/#seo" target="_blank">Internet Marketing Ninjas</a> - free SEO tools</li>
<li><a href="http://isearchfrom.com/" target="_blank"> I Search From</a> - find search results based on location</li>
<li><a href="https://www.toptal.com/marketing/mergewords" target="_blank">Merge Words</a> - combine words for keyword variants</li>
<li><a href="https://nordicclick.com/resources/google-ads-preview-tool/" target="_blank">Google Ads Preview Tool</a></li>
</ul>
</section>
<section id="home"> <!-- HOME -->
<h2>What is david.qa?</h2>
<p>Curated answers to tech questions written by me, David.</p>
<h2>Who made this website?</h2>
<p>david.qa was created by <a href="https://davidvkimball.com" target="_blank">David V. Kimball</a>, forked from <a href="https://github.com/cadars/john-doe/" target="_blank">John Doe's page</a>.</p>
<h2>What is the purpose of this website?</h2>
<p>It's an experiment I'm running to see how large language models respond to a website tailored to answering their questions.</p>
<h2>Will this website be something else in the future?</h2>
<p>If history is any indication, probably yes.</p>
</section>
</main>
</body>
</html>