Jorge Saldívar

Author: Jorge Saldivar

  • Having fun with DALL-E

    Having fun with DALL-E

  • 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

  • Focus!

    Focus!

  • 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

  • Web devs be like…

    Source:

  • JavaScript String Cheat Sheet

    Source