.DEV

Remove Link Titles

24 Sep 2022 / M!CROCH!C

<a href="https://denverit.com" title="This is the Title Attribute">A Link with a Title Attribute</a>

The Title ToolTip is hidden by this script...

<script>
var anchors = document.querySelectorAll('a[title]');
    for (let i = anchors.length - 1; i >= 0; i--) {
    anchors[i].addEventListener('mouseenter', function(e){
        anchors[i].setAttribute('data-title', anchors[i].title);
        anchors[i].removeAttribute('title');
        
    });
    anchors[i].addEventListener('mouseleave', function(e){
        anchors[i].title = anchors[i].getAttribute('data-title');
        anchors[i].removeAttribute('data-title');
    });
}
</script>

By @hugsbrugs at https://stackoverflow.com/questions/15364063/is-it-possible-to-hide-the-title-from-a-link-with-css/73835463

Blockchain Simplified

18 May 2022 / M!CROCH!C

Best explanation I've found so far...

Tab Box

14 May 2022 / M!CROCH!C

w3c html css js

History of the Web

Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
HTML

HTML —which is short for HyperText Markup Language— is the official language of the World Wide Web and was first conceived in 1990. HTML is a product of SGML (Standard Generalized Markup Language) which is a complex, technical specification describing markup languages, especially those used in electronic document exchange, document management, and document publishing. HTML was originally created to allow those who were not specialized in SGML to publish and exchange scientific and other technical documents. HTML especially facilitated this exchange.
CSS

The saga of CSS starts in 1994. One of the authors of this book works at CERN - the cradle of the Web - and the Web is starting to be used as a platform for electronic publishing. One crucial part of a publishing platform is missing, however: there is no way to style documents. For example, there is no way to describe a newspaper-like layout in a Web page. Having worked on personalized newspaper presentations at the MIT Media Laboratory, Håkon saw the need for a style sheet language for the Web. Style sheets in browsers were not an entirely new idea.
JavaScript

JavaScript was originally developed in Netscape, by Brendan Eich. Battling with Microsoft over the Internet, Netscape considered their client-server solution as a distributed OS, running a portable version of Sun Microsystems' Java. Because Java was a competitor of C++ and aimed at professional programmers, Netscape also wanted a lightweight interpreted language that would complement Java by appealing to nonprofessional programmers, like Microsoft's VB. Developed under the name Mocha, LiveScript was the official name for the language.

.htaccess URL Forwarding

09 May 2022 / M!CROCH!C

RewriteEngine on
RewriteCond %{HTTP_HOST} ^coloradojustice\.com$ [OR]
RewriteCond %{HTTP_HOST} ^www\.coloradojustice\.com$
RewriteRule ^/?$ "https\:\/\/1colo\.com\/coloradojustice" [R=301,L]

This causes the URL coloradojustice.com to redirect (or "permanently forward") to 1colo.com/coloradojustice

Tag Cloud How-To

07 May 2022 / M!CROCH!C

How to generate an old-school "Tag Cloud" within your Ghost site...

<div class="tagCloud" id="keywords"></div>

SITE HEADER CODE

.post-full-image {display: none}

.tagCloud {

text-align: center;

width: auto !important;

height: 50vh !important;

margin: 0 auto !important;

background-color: #fff;

border-width: 1px;

border-color: #ddd;

border-radius: 4px 4px 0 0;

box-shadow: none;

}

</style>

SITE FOOTER CODE

var words = [];

{{#get "tags" limit="all" include="count.posts" order="count.posts desc" }}

var thisTag = {};

thisTag.text = "{{name}}";

thisTag.weight = "{{count.posts}}"

thisTag.link = "/tag/{{slug}}"

if(thisTag.text!="MathJax"){

words.push(thisTag);

}

$('#keywords').jQCloud(words);

});
</script>

Bubble Snippets

18 Apr 2022 / M!CROCH!C

Test Resizing iFrame

18 Apr 2022 / M!CROCH!C

Medium iFrames

12 Apr 2022 / M!CROCH!C

Mini iFrames

12 Apr 2022 / M!CROCH!C

Jen's Jitsi (in a Popup)

14 Feb 2022 / M!CROCH!C

iFrame Thumbnails

12 Jan 2022 / M!CROCH!C

Bell

29 Sep 2021 / M!CROCH!C

Sleeping Robot SVG

12 Apr 2021 / M!CROCH!C

Bigfoot Footnotes

11 Apr 2021 / M!CROCH!C

Blinking Cursor CSS

10 Apr 2021 / M!CROCH!C

testtt

29 Mar 2021 / M!CROCH!C

Ghost comes with a best-in-class editor which does its very best to get out of the way, and let you focus on your content. Don't let its minimal looks fool you, though, beneath the surface lies a powerful editing toolset designed to accommodate the extensive needs of modern creators.

For many, the base canvas of the Ghost editor will feel familiar. You can start writing as you would expect, highlight content to access the toolbar you would expect, and generally use all of the keyboard shortcuts you would expect.

Our main focus in building the Ghost editor is to try and make as many things that you hope/expect might work: actually work.

You can copy and paste raw content from web pages, and Ghost will do its best to correctly preserve the formatting.
Pasting an image from your clipboard will upload inline.
Pasting a social media URL will automatically create an embed.
Highlight a word in the editor and paste a URL from your clipboard on top: Ghost will turn it into a link.
You can also paste (or write!) Markdown and Ghost will usually be able to auto-convert it into fully editable, formatted content.

The Ghost editor. Also available in dark-mode, for late night writing sessions.

The goal, as much as possible, is for things to work so that you don't have to think so much about the editor. You won't find any disastrous "block builders" here, where you have to open 6 submenus and choose from 18 different but identical alignment options. That's not what Ghost is about.

What you will find though, is dynamic cards which allow you to embed rich media into your posts and create beautifully laid out stories.

Using cards

You can insert dynamic cards inside post content using the + button, which appears on new lines, or by typing / on a new line to trigger the card menu. Many of the choices are simple and intuitive, like bookmark cards, which allow you to create rich links with embedded structured data:

or embed cards which make it easy to insert content you want to share with your audience, from external services:

But, dig a little deeper, and you'll also find more advanced cards, like one that only shows up in email newsletters (great for personalized introductions) and a comprehensive set of specialized cards for different types of images and galleries.

Once you start mixing text and image cards creatively, the whole narrative of the story changes. Suddenly, you're working in a new format.

As it turns out, sometimes pictures and a thousand words go together really well. Telling people a great story often has much more impact if they can feel, even for a moment, as though they were right there with you.

Galleries and image cards can be combined in so many different ways — the only limit is your imagination.

Build workflows with snippets

One of the most powerful features of the Ghost editor is the ability to create and re-use content snippets. If you've ever used an email client with a concept of saved replies then this will be immediately intuitive.

To create a snippet, select a piece of content in the editor that you'd like to re-use in future, then click on the snippet icon in the toolbar. Give your snippet a name, and you're all done. Now your snippet will be available from within the card menu, or you can search for it directly using the / command.

This works really well for saving images you might want to use often, like a company logo or team photo, links to resources you find yourself often linking to, or introductions and passages that you want to remember.

You can even build entire post templates or outlines to create a quick, re-usable workflow for publishing over time. Or build custom design elements for your post with an HTML card, and use a snippet to insert it.

Once you get a few useful snippets set up, it's difficult to go back to the old way of diving through media libraries and trawling for that one thing you know you used somewhere that one time.

Publishing and newsletters the easy way

When you're ready to publish, Ghost makes it as simple as possible to deliver your new post to all your existing members. Just hit the Preview link and you'll get a chance to see what your content looks like on Web, Mobile, Email and Social.

You can send yourself a test newsletter to make sure everything looks good in your email client, and then hit the Publish button to decide who to deliver it to.

Ghost comes with a streamlined, optimized email newsletter template that has settings built-in for you to customize the colors and typography. We've spent countless hours refining the template to make sure it works great across all email clients, and performs well for email deliverability.

So, you don't need to fight the awful process of building a custom email template from scratch. It's all done already!

The Ghost editor is powerful enough to do whatever you want it to do. With a little exploration, you'll be up and running in no time.

Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text.

Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text.

Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text.

YT Embed

28 Mar 2021 / M!CROCH!C

<div class="youtube-embed" data-id="xuHQSLUZW5M"></div>

.DEV

Remove Link Titles

Test top banner

Test from miro

Site Tag Cloud

Lamda AI