Author: Jorge Saldivar

  • PDF to HTML

    WSL, Ubuntu 20.05, command line, for “PDF to HTML.” Step by step.

    Here are the short instructions to convert a PDF to HTML using WSL with Ubuntu 20.04:

    1. Install WSL with Ubuntu 20.04.
    2. Launch the Ubuntu terminal.
    3. Update Ubuntu: sudo apt update && sudo apt upgrade -y.
    4. Install Poppler: sudo apt install -y poppler-utils.
    5. Convert PDF to HTML using:
      pdftohtml -s <input_file>.pdf <output_file>.html
    6. Access the converted HTML file in the same directory.

    That’s it!

    PDF to HTML
  • My first time using Jetpack’s AI Assistant

    Are you ready to step into the future of content creation? Well, I certainly was when I tried out Jetpack’s AI Assistant for the first time. As a regular blogger, I’m always looking for ways to streamline my writing process and deliver engaging content to my readers. And let me tell you, Jetpack’s AI Assistant did not disappoint!

    From the moment I opened the editor, I was greeted by the friendly and intuitive interface. The AI Assistant seamlessly integrated into my WordPress dashboard, making it incredibly convenient to access its features. With just a few clicks, I was ready to embark on my AI-powered writing journey.

    As I started typing, the AI Assistant impressed me with its ability to generate helpful suggestions in real-time. From catchy blog titles to compelling introductions, it seemed like the AI had an endless supply of creative ideas. It quickly became my trusty companion, offering invaluable guidance while blending seamlessly with my own writing style.

    But Jetpack’s AI Assistant is not only about generating ideas – it’s also great at enhancing existing content. With its powerful language model, it effortlessly helped me refine my sentences, improve the flow of my paragraphs, and ensure my grammar was spot on. Within minutes, my once ordinary piece of content was transformed into a polished and professional blog post.

    What truly sets Jetpack’s AI Assistant apart is its adaptability. It learns from user feedback, constantly refining its suggestions to better cater to individual writing preferences. It understands my tone, my voice, and ultimately helps me express myself authentically. It truly feels like having a virtual writing partner by my side.

    All in all, my first experience using Jetpack’s AI Assistant was nothing short of amazing. It has revolutionized the way I approach content creation, saving me valuable time while elevating the quality of my writing. Whether you’re a seasoned blogger or just starting out, I highly recommend giving Jetpack’s AI Assistant a try. Trust me, you won’t be disappointed!

    So, what are you waiting for? Take the leap into the future of content creation and unlock your writing potential with Jetpack’s AI Assistant. Happy writing!

    Note: This blog post is written with the assistance of Jetpack’s AI Assistant.

    My first time using Jetpack’s AI Assistant
  • News page added back to website

    The News page has been added back to the website. Some news sources were removed as they often produced RSS errors or the headlines were simply too bombastic or misleading by my standards.

    On the tech side of it, I did have to add some JavaScript to the native WordPress RSS widgets, so that I links opened in a new tab, etc., below is the code snippet:

    <script>
        // Open link in new tab
        let link = document.querySelectorAll('.wp-block-rss__item a')
        link.forEach((e) => {
            e.setAttribute("target", "_blank")
        })
    
        // Add inline style to the <ul>
        let news_list = document.querySelectorAll("ul.wp-block-rss")
        news_list.forEach((e) => {
            e.setAttribute("style", "list-style-type:none; margin: 1rem auto;");
        })
    
        // Make the title inline
        let wp_block_rss_item_title = document.querySelectorAll('div.wp-block-rss__item-title')
        wp_block_rss_item_title.forEach((e) => {
            e.setAttribute("style", "display:inline-block!important;");
        })
    
        // Style the publish date
        let wp_block_rss_item_publish_date = document.querySelectorAll('.wp-block-rss__item-publish-date')
        wp_block_rss_item_publish_date.forEach((e) => {
            e.setAttribute("style", "display:inline-block!important; font-weight:bold; margin:0 8px;")
        })
    </script>
    News page added back to website
  • 30 years ago today

    30TH ANNIVERSARY OF LICENSING THE WEB FOR GENERAL USE AND AT NO COST

    Today marks the 30th anniversary of the release of the World Wide Web into the public domain, for general use, and at no cost, on 30 April 1993 by CERN.

    30 years ago today
  • Git Common Command Lines

    Git Common Command Lines
  • What is headless content?

    Headless content refers to content that is created and managed without a specific presentation layer in mind. In other words, it is content that is designed to be used across multiple channels and devices, rather than being tied to a specific website or application.

    Traditionally, content has been tightly coupled to the presentation layer of a website or application, which makes it difficult to reuse that content across different channels or devices. With headless content, however, the content is decoupled from the presentation layer and is instead delivered via an API (application programming interface). This means that the content can be consumed by any application or device that can access the API, regardless of its specific presentation layer.

    Headless content is becoming increasingly popular as more and more companies seek to deliver content across a range of channels and devices, including websites, mobile apps, smart speakers, and other IoT devices. By decoupling the content from the presentation layer, companies can more easily manage and distribute their content across these various channels, providing a more seamless and consistent experience for their users.

    What is headless content?
  • WordPress 6.2 wonky update

    Was it just me or did WordPress 6.2 add <p></p> tags in custom HTML blocks before and after line breaks? Hoping it was just a weird, one-time, bug.

    WordPress 6.2 wonky update
  • MacOS XAMPP, setup example.com website

    To set up a website with XAMPP on macOS and create a virtual host for it, you can follow these steps:

    1. Open the Terminal application on your Mac.
    2. Navigate to the XAMPP directory by typing the following command:
      cd /Applications/XAMPP
    3. Once you are in the XAMPP directory, navigate to the Apache configuration folder by typing the following command:
      cd etc/apache2
    4. In the Apache configuration folder, you will find a file called httpd.conf. Open this file in a text editor such as nano or vim by typing the following command:
      sudo nano httpd.conf
    5. In the httpd.conf file, locate the following line:
      # Virtual hosts
      # Include etc/extra/httpd-vhosts.conf
    6. Remove the # at the beginning of the second line to uncomment it.
    7. Save and close the httpd.conf file.
    8. Navigate to the Apache extra configuration folder by typing the following command:
      cd extra
    9. In the extra folder, you will find a file called httpd-vhosts.conf. Open this file in a text editor by typing the following command:
      sudo nano httpd-vhosts.conf
    10. At the bottom of the file, add the following code to create a virtual host for your WordPress website:
      <VirtualHost *:80>
          DocumentRoot "/Applications/XAMPP/htdocs/example.com"
          ServerName example.com
          ServerAlias www.example.com
          ErrorLog "/Applications/XAMPP/logs/example.com-error_log"
          CustomLog "/Applications/XAMPP/logs/example.com-access_log" common
          <Directory "/Applications/XAMPP/htdocs/example.com">
              AllowOverride All
          </Directory>
      </VirtualHost>
    11. Replace “example.com” with your website’s domain name.
    12. Save and close the httpd-vhosts.conf file.
    13. Restart Apache by typing the following command:
      sudo /Applications/XAMPP/xamppfiles/bin/apachectl restart
    14. Download and install WordPress into the newly created directory (example.com in this example) by following the instructions on the WordPress website.
    15. Open your web browser and type in your website’s domain name (e.g. http://example.com) to access your WordPress website.
    MacOS XAMPP, setup example.com website