dakshesh

<p><strong>Build it once. Keep it perfect.</strong></p>
<p>DesignLock monitors your design system and alerts you the moment something changes — before your client or visitors notice.</p>
<p><strong>The Problem Every Developer Knows:</strong></p>
<p>You spend weeks building a pixel-perfect site. You hand it off. A plugin updates. The client edits something. Three weeks later someone notices the brand color is wrong, the font changed, and a section looks broken.</p>
<p>DesignLock fixes this. It snapshots your design tokens — colors, fonts, spacing, global styles — and compares every scan against that baseline. The moment something drifts, you get an alert with exactly what changed and what caused it.</p>
<p><strong>What DesignLock Tracks:</strong></p>
<ul>
<li>🎨 <strong>Color Palette</strong> — Primary, secondary, and accent colors from theme.json</li>
<li>✏️ <strong>Font Families</strong> — All registered font families in your theme</li>
<li>📏 <strong>Typography Scale</strong> — Font sizes from xs to xxl</li>
<li>📐 <strong>Spacing Tokens</strong> — Global spacing and gap presets</li>
<li>🔌 <strong>Plugin Versions</strong> — All active plugins — so you know what update caused the drift</li>
<li>🎨 <strong>Global Styles</strong> — Block editor global styles and overrides</li>
</ul>
<p><strong>Key Features:</strong></p>
<h4>Design Baseline</h4>
<p>Run a scan to lock your current design state as the “golden baseline.” Every future scan compares against this.</p>
<h4>Drift Detection</h4>
<p>Automated daily scans detect color changes, font changes, spacing changes, and plugin updates. Get severity-rated alerts (Critical / High / Medium / Low).</p>
<h4>Client Lock Mode</h4>
<p>Lock specific design tokens so clients and editors cannot accidentally change them. Perfect for agencies handing off sites.</p>
<h4>Design Health Score</h4>
<p>A 0-100 score showing how closely your live site matches its baseline. At a glance — is your site healthy?</p>
<h4>Scan History</h4>
<p>Full timeline of every scan, with status (clean / drifted / error) and drift count per scan.</p>
<p><strong>Built for:</strong></p>
<ul>
<li>Freelancers who hand off sites to clients</li>
<li>Agencies maintaining multiple client sites</li>
<li>Developers who run monthly care plans</li>
<li>Site owners who want peace of mind after plugin updates</li>
</ul>


DesignLock

Freeze your design system. Get alerted the moment a plugin update, theme change, or client edit breaks your brand.

Cris van Geel

<p>Earthquake Monitor is a customizable widget that shows an overview of earthquakes around the world from the U.S. Geological Surveys data. You can show this in a widget (or multiple widgets) or use the shortcode [eqmonitor]. All requests can be cached so it won’t slow down your site.</p>
<h3>Arbitrary section</h3>
<ul>
<li>The display format field is now a customizable field. You determine how the widget displays the links within the ‘limits’ of this widget.</li>
<li>You are allowed to use HTML tags in the display format field.</li>
<li>If you make the Location linkable it will link to the USGS website providing detailed information about the quake.</li>
<li>The date format is compatible with the date() function of PHP. See <a href="https://php.net/manual/en/function.date.php" rel="nofollow ugc">date</a> for more information.</li>
<li>According to the USGV website the feeds for the past hour,day and 7 days are updated every 5 minutes. The 30 day feeds are updated every 15 minutes. </li>
<li>Don’t configure the cache timer too low. It will retrieve a fresh feed from an external website when the site loads. This can impact your loading times. I recommend 3600 seconds (1 hour)</li>
</ul>
<p>Some examples to show you how the template variables work</p>
<p>Aprox. {hrtime} ago an earthquake with the {mag} struck {locreg} (Time {time}) . The exact latitude = {lat} and the longitude = {long}. The quake was measured at {depth_m} km depth.</p>
<p>would be parsed into</p>
<p>Aprox. 2 hours ago an earthquake with the M 0.4 struck Northern California (Time Thu 21:33:17 (UTC)) . The exact latitude = 38.8402 and the longitude = -122.8250. The quake was measured at 2.10 km depth.</p>
<p>All earthquakes used by the widget are placed in this HTML frame</p>
<pre><code><ul>
<li>Earthquake text 1</li>
<li>Earthquake text 2</li>
</ul>

Only earthquakes using the shortcode [eqmonitor] can optionally be placed in ordered lists.

<ol>
<li>Earthquake text 1</li>
<li>Earthquake text 2</li>
</ol>
</code></pre>
<h3>PAGER (Prompt Assessment of Global Earthquakes for Response) background</h3>
<p>PAGER (Prompt Assessment of Global Earthquakes for Response) is an automated system that produces content concerning the impact of significant earthquakes around the world, informing emergency responders, government and aid agencies, and the media of the scope of the potential disaster.<br />
PAGER results are generally available within 30 minutes of a significant earthquake, shortly after the determination of its location and magnitude. However, information on the extent of shaking will be uncertain in the minutes and hours following an earthquake and typically improves as additional sensor data and reported intensities are acquired and incorporated into models of the earthquake’s source.</p>
<p>Corresponding fatality thresholds for yellow, orange, and red alert levels are 1, 100, and 1,000, respectively. For damage impact, yellow, orange, and red thresholds are triggered by estimated losses reaching $1 million, $100 million, and $1 billion respectively.</p>
<p>When the PAGER information is not known, the color : GREY will be used as default.</p>
<p>For more info about PAGER see : [pager] (http://earthquake.usgs.gov/research/pager/)</p>
<p>Look and feel of the colors and/or bullets can be adjusted in the CSS file located in the /css folder of this plugin.</p>
<h3>Icon / Images</h3>
<p>The Tsunami Icon can be changed. It is locatet at /wp-content/plugins/earthquakemonitor/images/tsunami.png<br />
The CSS stylesheet sets the size of this image. Currently it’s  14px by 14px. ( /wp-content/plugins/earthquakemonitor/css/style.css )</p>
<h3>Shortcode examples and parameters</h3>
<p>Example :</p>
<pre><code>[eqmonitor id="unique1" cachetimer="3600" numberedlist="true" showmax="10" showlink="false" minmagnitude="7" showdaysback="190"]
</code></pre>
<p>Important! Each shortcode entry must have it’s own <strong>unique code</strong> (max 21 chars) . If no unique ID is provided the feed will not cache properly.<br />
Shows a numbered list with max. 10 results without links to the USGS website for more details, with a min. magnitude of 7 from the last 190 days. Tsunami icons will be shown as if unset it will follow the defaults. Results will be cached for 3600 seconds.</p>
<p>This are all parameters that can be used :</p>
<pre><code>showdaysback = Show events till x days ago. (default = 30) (max = 365)
showmax = Show max. results (default = 5) (max = 50)
minmagnitude = Min. Magnitute to show (default = 5) (min = -1 , max = 10)
showlink = Results will be links to USGS (default = true)
showpager = Show pager results (yellow, green , red) colors. (default = true)
showtsunami = If a major event was in an oceanic region, show a little tsunami icon. (default = true)
numberedlist = Use a numbered list instead of unnumbered (default = false)
cachetimer = Numbers of seconds results are cached (default = 3600)
id = Unique ID (max 21 chars) for shortcode. Only a-Z and 0-9 allowed. No special chars.
</code></pre>


Earthquake Monitor

Earthquake Monitor is a customizable widget that shows an overview of earthquakes around the world from the U.S. Geological Surveys data.

DesignLock vs Earthquake Monitor