-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (128 loc) · 11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Robert DeVore - Creative Thinker. Hustler. Web Developer Entrepreneur.</title>
<meta name="description" content="Robert is an opinionated developer who is building Stattic and CannaBiz Software, LLC.">
<meta name="keywords" content="SSG, Static Site Generator">
<meta name="author" content="Robert DeVore">
<link href="/assets/css/tailwind.min.css" rel="stylesheet preload" as="style">
<link href="/assets/css/main.min.css" rel="stylesheet preload" as="style">
<!-- Alpine.js for interactive components -->
<script src="/assets/js/alpine.min.js" defer></script>
</head>
<body class="bg-background text-primary quicksand-300">
<!-- Skip Links for Accessibility -->
<a href="#main-content" class="skip-link">Skip to main content</a>
<a href="#navigation" class="skip-link">Skip to navigation</a>
<a href="#footer" class="skip-link">Skip to footer</a>
<header class="bg-background shadow" id="navigation">
<div class="container max-w-screen-xl m-auto py-6 px-4 flex justify-between">
<h2 class="text-3xl quicksand-700"><a href="/" class="text-links">Robert DeVore</a></h2>
<!-- Navigation Menu -->
<nav>
<ul class="flex space-x-6">
<li><a href="/about/" class="text-primary hover:underline quicksand-700">About</a></li>
<li><a href="/blog/" class="text-primary hover:underline quicksand-700">Blog</a></li>
<li><a href="/projects/" class="text-primary hover:underline quicksand-700">Projects</a></li>
<li><a href="/wordpress-and-woocommerce-plugins/" class="text-primary hover:underline quicksand-700">Plugins</a></li>
<li><a href="/contact/" class="text-primary hover:underline quicksand-700">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Main Content Section -->
<main class="m-auto">
<div class="text-center py-16" id="home-hero">
<div class="container m-auto px-4 py-12">
<h1 class="text-primary text-2xl md:text-3xl lg:text-4xl">53CUR3 4LL TH3 TH1NG5</h1>
<p class="mt-4 mb-4 max-w-md mx-auto text-md md:text-md lg:text-lg text-stone-100">Find peace of mind with manual malware removal, theme and plugin code review, proactive security maintenance, and more.</p>
<a href="/contact/" class="px-6 py-2 bg-primary text-gray-900 rounded-full hover:bg-yellow-500">Get Started</a>
</div>
</div>
</main>
<main class="container max-w-screen-xl m-auto px-4 py-12" id="main-content">
<!-- Top Three Columns -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center mb-12">
<div class="p-6 mt-6 mb-6 bg-stone-600 rounded-lg shadow-lg">
<h2 class="text-primary text-lg md:text-xl lg:text-2xl">👨👩👧👦 Family Man</h2>
<p class="mt-4">My two greatest achievements in life are my 20+ year relationship and our 4-year-old son. There's a few things that's forever: my lady. We can make war or make babies 💯</p>
</div>
<div class="p-6 mt-6 mb-6 bg-stone-600 rounded-lg shadow-lg">
<h2 class="text-primary text-lg md:text-xl lg:text-2xl">🚀 Founder & CEO</h2>
<p class="mt-4">I'm currently rebuilding a menu management solution for dispensaries: <a class="text-links hover:underline" href="https://cannabizsoftware.com" target="_blank" aria-label="CannaBiz Software - opens in a new tab">CannaBiz Software</a>. The official launch is coming soon and I am blogging about the process 🚀</p>
</div>
<div class="p-6 mt-6 mb-6 bg-stone-600 rounded-lg shadow-lg">
<h2 class="text-primary text-lg md:text-xl lg:text-2xl">💼 Hustler</h2>
<p class="mt-4">From as far back as I can remember, I always wanted to be a hustler. And I always have been. From elementary school to the present, from hand to hand to online 🤑</p>
</div>
</div>
<!-- Developer and Security Researcher Sections -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
<!-- Web Developer -->
<div class="text-center md:text-left space-y-4">
<h3 class="text-primary text-lg md:text-2xl lg:text-3xl" id="home-title">Opinionated Developer</h3>
<p>With over 20 years of experience, I've been involved in website development and maintenance at all levels. I've released hundreds of plugins and themes for both WordPress® and WooCommerce® and was a core contributor to both.</p>
<p>Throughout my life, I've handled thousands of freelance projects, refining my skills as an experienced developer and delivering excellent results to clients.</p>
<p>Currently, I work full-time at a WordPress® maintenance and digital marketing company, further engaging in the WordPress® community and ensuring that the web is just a little bit better because of it.</p>
</div>
<img src="/images/web-developer-2.webp" alt="Web Developer" class="rounded-lg shadow-lg mx-auto">
<!-- Security Researcher -->
<img src="/images/security-researcher-2.webp" alt="Security Researcher" class="rounded-lg shadow-lg mx-auto">
<div class="text-center md:text-left space-y-4">
<h3 class="text-primary text-lg md:text-2xl lg:text-3xl" id="home-title">Security Researcher</h3>
<p>I am 100% committed to continuously improving all of the websites I work on. My focus lies in writing clean and secure code, while also addressing any existing vulnerabilities.</p>
<p>Contributing to bug bounties is also a fun way to help protect the web, because I enjoy the rabbit holes that I find myself presented with and applying patches to resolve them makes me sleep better at night. I've currently got <a class="text-links hover:underline" href="https://www.wordfence.com/threat-intel/vulnerabilities/researchers/robert-devore" target="_blank" aria-label="Wordfence - opens in a new tab">over a dozen CVE's</a> under my belt, with seven more validated and waiting on public disclosure.</p>
<p>Staying up-to-date with the latest web security practices, I proactively address potential weaknesses through thorough code audits and vulnerability assessments.</p>
</div>
</div>
</main>
<main class="container max-w-screen-lg m-auto py-10 px-4">
<h3 class="text-primary text-3xl mb-12 pb-12 border-b border-primary" id="home-title">Blog Posts</h3>
<ul class="space-y-6">
<li>
<h2 class="text-4xl quicksand-700">
<a href="/blog/introducing-the-user-login-status-plugin-for-wordpress/" class="text-links hover:underline">Introducing the User Login Status Plugin for WordPress</a>
</h2>
<div class="dark:text-gray-400"><p>Today I'm happy to announce the release of User Login Status, a WordPress plugin designed to help administrators easily monitor user activity and manage user sessions with ease. This plugin comes with a couple key features that allow you to quickly identify which users are logged in and take action by logging them out en-masse if […]</p>
</div>
</li>
<li>
<h2 class="text-4xl quicksand-700">
<a href="/blog/wtf-is-wordpress/" class="text-links hover:underline">WTF is WordPress?</a>
</h2>
<div class="dark:text-gray-400"><p>The soundtrack for this blog post is the Ted Dibiase Million Dollar Man Theme Song (youtube) WordPress - real name, no gimmicks 🙄 First, let me say that I'm thankful for WordPress. I'd also like to say that I agree with Matt on predatory practices of "big money" in order to further their bottom lines. […]</p>
</div>
</li>
<li>
<h2 class="text-4xl quicksand-700">
<a href="/blog/introducing-the-phlush-permalinks-wordpress-plugin/" class="text-links hover:underline">Introducing the Phlush Permalinks WordPress Plugin</a>
</h2>
<div class="dark:text-gray-400"><p>Another day, another free WordPress plugin release 🚀💪 Are you tired of manually flushing your permalinks every time you make structural changes to your WordPress site? Phlush Permalinks, a new WordPress plugin I developed helps to automate this essential task, ensuring that your permalinks remain optimized without any manual intervention. Whether you're updating post types, […]</p>
</div>
</li>
<li>
<h2 class="text-4xl quicksand-700">
<a href="/blog/boostbox-wordpress-popup-builder-for-the-core-editor/" class="text-links hover:underline">Introducing BoostBox: The 1st WordPress popup builder for the core editor</a>
</h2>
<div class="dark:text-gray-400"><p>What better way to start off the year than to release a free WordPress plugin that lets you design your popups using the core WordPress editor? That's exactly what I'm doing today - say hello to BoostBox 😎 Whether you and I like or not, WordPress has gone FSE and it's not going back to […]</p>
</div>
</li>
<li>
<h2 class="text-4xl quicksand-700">
<a href="/blog/improve-cls-scores-by-dynamically-setting-image-width-and-height/" class="text-links hover:underline">Improve CLS scores by dynamically setting image width and height</a>
</h2>
<div class="dark:text-gray-400"><p>While working on WordPress performance optimization for myself and for my clients, I've come across an issue that repeatedly affected CLS scores in a negative way. Luckily for myself (and now you, too), I created a fix that has helped reduced CLS when rouge images without explicit width and height attributes are the offenders. For […]</p>
</div>
</li>
</ul>
</main>
<footer class="bg-background border-t border-primary mt-10 pt-12 pb-12 text-center text-sm" id="footer">
<h4 class="text-yellow-custom text-2xl font-semibold mb-4">Let's Connect</h4>
<p>If you have questions or want to discuss custom development work, get in touch.</p>
<p class="mt-6"><a href="/contact/" class="mt-6 px-6 py-2 bg-primary text-gray-900 font-semibold rounded-full hover:bg-yellow-500">Get in Touch</a></p>
<p class="mt-6">© 1985-2024 Robert DeVore · Get <a href="https://stattic.site/" target="_blank" class="text-links" aria-label="Stattic - opens in a new tab">Stattic</a> · <a href="https://github.com/robertdevore/" class="text-yellow-custom hover:underline" aria-label="GitHub - opens in a new tab">GitHub</a> · <a href="https://x.com/deviorobert/" class="text-yellow-custom hover:underline" aria-label="Twitter - opens in a new tab">Twitter</a></p>
</footer>
</body>
</html>