EXAMPLE
    I like GUI stuff - even in Linux!  
    Down with vi! Long live the GUI text-editor!
    For example:  apache2-directory-browsing-on-by-default/
    
The styled inner text isn't responsive ... The whole ensemble isn't exactly accurate and is rather simplistic ... it's just for simple presentation effect

faux terminal and faux gEdit GUI pics

To make otherwise boring <pre> and <code> tags look more interesting, I’m starting to introduce some shortcodes e.g. [crt] and [gedit] to start off with to spice things up a bit.

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

    <?php
    if (has_post_thumbnail()) {
        echo '<div class="single-post-thumbnail clear">';
        echo '<div class="image-shifter">';
        the_post_thumbnail();
        echo '</div>';
        echo '</div>';
    }
    else  if ( get_post_meta( $post->ID, 'featured-div', true ) )
    {
        echo '<div style="max-width: 100%; overflow: hidden;" class="single-post-thumbnail clear">'; 
        echo '<div class="image-shifter">';
        echo get_post_meta($post->ID, 'featured-div', true);
        echo '</div>';
        echo '</div>';
    }
    else  if ( get_post_meta( $post->ID, 'featured-xpost', true ) )
    {
        // get custom post type xpost by slug, and insert
        // so that shortcodes are processed getting the content
        echo '<div style="max-width: 100%; overflow: hidden;" class="single-post-thumbnail clear">'; 
        echo '<div class="image-shifter">';
        $xpostslug = get_post_meta($post->ID, 'featured-xpost', true);
        $args = array(
          'name'        => $xpostslug,
          'post_type'   => 'xpost',
          'post_status' => 'publish',
          'numberposts' => 1
        );
        $my_posts = get_posts($args);
        if( $my_posts )
        {
          // echo 'ID on the first post found ' . $my_posts[0]->ID;
          // echo $my_posts[0]->post_content; // this wouldn't process the shortcodes
          $xpostID = $my_posts[0]->ID;
          echo do_shortcode(get_post_field('post_content', $xpostID));
        }
        else
        {
          echo 'ERROR: FEATURED XPOST NOT FOUND';
        }
        echo '</div>';
        echo '</div>';
    }
    ?>

WordPress Theme tinkering – featured div vs featured image

As I’m revising this blog (so far), retrospectively updating elements and enhancing my own plug-in, I decided it’d be cool to be able to have a “featured div” sometimes, in place of a “featured image”.

Syntax Highlighter in a lightbox – improved

I’ve tidied up my CSS and JavaScript used for my implementation of presenting code on my website. Yes – I know I still need to refactor my CSS classnames to at least throw a nod at the prevailing standards. Update 4th March 2017 Done … at least I’ve got rid of the camel-case class names; […]

Making the fancy font

* ARA      TC Hopefully the above “words” meant to be , playfully, “XARTA TECH” appear in the fancy font I made for the purpose. www.online-convert.com freefontconverter.com icomoon.io dnesscarkey.com online-convert.com allowed me to convert icon files (the jpeg magnifying glass I downloaded from the web, the “X” made out of crossed tools I’d found on the web, and also […]

Syntax Highlighter in a lightbox, with width control

One of the main reasons for creating this blog, is the detailing of my exploits with code, IT, and hardware (arduino, Pi etc. etc.). I looked at various offerings and how others did it e.g. StackOverflow, but I wasn’t really happy. Didn’t do what I wanted: syntax-highlighting full-screen on desktop & mobile and in portrait […]