Provide some meaningful output for non-JS visitors, as logs show there are more than I expected

Probably all bots, but worth providing a link to follow
parent 4cfee758
...@@ -3,3 +3,7 @@ ...@@ -3,3 +3,7 @@
<h1>erick t. hitter's latest&nbsp;posts</h1> <h1>erick t. hitter's latest&nbsp;posts</h1>
I publish content across a number of sites; to facilitate discovery, I provide this aggregation. I publish content across a number of sites; to facilitate discovery, I provide this aggregation.
<noscript>
<p><strong>Please note</strong> that this site requires JavaScript to display recent content here. Please use the provided links to visit the sites instead.</p>
</noscript>
...@@ -923,3 +923,11 @@ footer a:hover, footer a:focus { ...@@ -923,3 +923,11 @@ footer a:hover, footer a:focus {
.sharedaddy { .sharedaddy {
display: none; display: none;
} }
.no-js .js {
display: none;
}
noscript a:hover, noscript a:focus {
text-decoration: underline;
}
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
$.get( { $.get( {
url: '/api/' + domain, url: '/api/' + domain,
success: function( data, status ) { success: function( data, status ) {
$( '.latest-post', container ).html( data ); $( 'div.latest-post', container ).html( data );
} }
} ); } );
} ); } );
......
{{#each data.domains}} {{#each data.domains}}
<div class="site-container" id="site-{{@key}}" data-domain="{{@key}}"> <div class="site-container" id="site-{{@key}}" data-domain="{{@key}}">
<h2><a href="{{this}}">{{@key}}</a></h2> <h2><a href="{{this}}">{{@key}}</a></h2>
<span class="latest-post">Loading&hellip;</span> <div class="latest-post">
<span class="js">Loading&hellip;</span>
<noscript>
<p><a href="{{this}}latest/">Go to the latest post &rarr;</a></p>
</noscript>
</div>
</div> </div>
{{/each}} {{/each}}
<div class="clear"></div> <div class="clear"></div>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html class="no-js">
<head> <head>
<title>erick t. hitter's latest posts</title> <title>erick t. hitter's latest posts</title>
<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
<style> <style>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment