Skip to content

Commit

Permalink
another step toward fixing images
Browse files Browse the repository at this point in the history
  • Loading branch information
@rontarrant
rontarrant committed Dec 9, 2024
1 parent 4a19726 commit e3ba152
Show file tree
Hide file tree
Showing 21 changed files with 58 additions and 57 deletions.
Binary file removed ._config.yml.swp
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion _config.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ author: Ron Tarrant
email: [email protected]
description: >- # this means to ignore newlines until "baseurl:"
Simple examples of how to use GtkD to build GUI applications.
#baseurl: "/gtkDcoding/" # the subpath of your site, e.g. /blog
baseurl: "/gtkDcoding" # the subpath of your site, e.g. /blog
url: "https://rontarrant.github.io/gtkDcoding" # the base hostname & protocol for your site, e.g. http://example.com
#twitter_username: jekyllrb
github_username: rontarrant
Expand Down
4 changes: 2 additions & 2 deletions _includes/in-page_image_snippet.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div class="inpage-frame">
<figure class="left">
<img src="/images/diagrams/017_mvc/mvc_017_01_mvc_and_the_user.png" alt="Figure 1: Model/View/Controller and the User" style="width: 500px; height: 314px;">
<img src="images/diagrams/017_mvc/mvc_017_01_mvc_and_the_user.png" alt="Figure 1: Model/View/Controller and the User" style="width: 500px; height: 314px;">
<figcaption>
Figure 1: Model/View/Controller and the User
</figcaption>
Expand All @@ -10,7 +10,7 @@

<div class="inpage-frame">
<figure class="right">
<img src="/images/diagrams/017_mvc/mvc_017_01_mvc_and_the_user.png" alt="Figure 1: Model/View/Controller and the User" style="width: 500px; height: 314px;">
<img src="images/diagrams/017_mvc/mvc_017_01_mvc_and_the_user.png" alt="Figure 1: Model/View/Controller and the User" style="width: 500px; height: 314px;">
<figcaption>
Figure 1: Model/View/Controller and the User
</figcaption>
Expand Down
2 changes: 1 addition & 1 deletion _layouts/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<article class="post">

<div itemprop="articleBody">
<img src="/images/page_headers/logo_v11e_860x236.png"> <!-- masthead logo -->
<img src="images/page_headers/logo_v11e_860x236.png"> <!-- masthead logo -->
</div>

{{ content }}
Expand Down
2 changes: 1 addition & 1 deletion _layouts/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ <h1 class="page-heading">{{ page.title }}</h1>
</div>
</div>
<div class="post-topic-icon">
<img class="topic-icon" src="/images/topics/{{post.topic}}.png"> <!-- topic image -->
<img class="topic-icon" src="images/topics/{{post.topic}}.png"> <!-- topic image -->
</div>
</div>
</li>
Expand Down
2 changes: 1 addition & 1 deletion _layouts/home_reverse.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
</div>
</div>
<div class="post-topic-icon">
<img class="topic-icon" src="/images/topics/{{post.topic}}.png"> <!-- topic image -->
<img class="topic-icon" src="images/topics/{{post.topic}}.png"> <!-- topic image -->
</div>
</div>
</li>
Expand Down
6 changes: 3 additions & 3 deletions _layouts/snippet.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
</header>

<div class="post-content e-content" itemprop="articleBody">
<img src="/images/logos/logo_v11e_185x186.png"> <!-- masthead logo -->
<img src="images/logos/logo_v11e_185x186.png"> <!-- masthead logo -->
{{ content }}
<!-- find out if there are posts and, if so, sort them into a collection -->
{%- if site.posts.size > 0 -%}
Expand All @@ -43,7 +43,7 @@
<!-- The topic icon will be the clickable element. -->
<!-- Build the full image path by concatenating the directory, topic name, and image extension. -->
{% capture image_full_path %}
{{ "/images/topics/" }}{{ topic.name }}{{ ".png" }}
{{ "images/topics/" }}{{ topic.name }}{{ ".png" }}
{% endcapture %}

<img class="topic-icon" src="{{ image_full_path }}" alt="{{ topic.name | capitalize }}">
Expand All @@ -65,7 +65,7 @@
<div class="{{topic_color}} topic-header"></div>
</span>
<span class="topic-span-icon">
<img class="topic-icon" src="/images/topics/{{topic.name}}.png">
<img class="topic-icon" src="images/topics/{{topic.name}}.png">
</span>
</div>
<!-- List of posts for the current topic. -->
Expand Down
6 changes: 3 additions & 3 deletions _layouts/topics.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
</header>

<div itemprop="articleBody">
<!-- <img src="/images/page_headers/by_topic_page_header_860x130.png"> masthead logo -->
<!-- <img src="images/page_headers/by_topic_page_header_860x130.png"> masthead logo -->
{{- content -}}

<!-- find out if there are posts and, if so, sort them into a collection -->
Expand All @@ -40,7 +40,7 @@
{% endcapture %}
<div>
<a href="#{{ topic.name }}"> <!-- Build a link that will auto-scroll to the topic heading. -->
<img class="topic-icon" src="/images/topics/{{ topic.name }}.png" alt="{{ topic.name | capitalize }}">
<img class="topic-icon" src="images/topics/{{ topic.name }}.png" alt="{{ topic.name | capitalize }}">
</a>
<p align="center" class="{{topic_name}}_font-color">{{ tag[1].size }}</p>
</div>
Expand All @@ -64,7 +64,7 @@
<div class="{{ topic-color }} post-list-item"></div>
</span>
<span class="topic-span-icon">
<img class="topic-icon" src="/images/topics/{{topic.name}}.png">
<img class="topic-icon" src="images/topics/{{topic.name}}.png">
</span>
</div>

Expand Down
10 changes: 5 additions & 5 deletions _posts/2019-01-25-0004-oop-button.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ With that in mind, let’s look at the new class.
</div>
<div class="frame-screenshot">
<figure>
<img id="img0" src="/images/screenshots/002_button/button_03.png" alt="Current example output"> <!-- img# -->
<img id="img0" src="images/screenshots/002_button/button_03.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal0" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -78,7 +78,7 @@ With that in mind, let’s look at the new class.

<div class="frame-terminal">
<figure class="right">
<img id="img1" src="/images/screenshots/002_button/button_03_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img1" src="images/screenshots/002_button/button_03_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal1" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -162,7 +162,7 @@ The other function, `buttonAction()` stands in for whatever function might work
</div>
<div class="frame-screenshot">
<figure>
<img id="img2" src="/images/screenshots/002_button/button_04.png" alt="Current example output"> <!-- img# -->
<img id="img2" src="images/screenshots/002_button/button_04.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal2" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -204,7 +204,7 @@ The other function, `buttonAction()` stands in for whatever function might work

<div class="frame-terminal">
<figure class="right">
<img id="img3" src="/images/screenshots/002_button/button_04_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img3" src="images/screenshots/002_button/button_04_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal3" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -291,4 +291,4 @@ And that’s it for this time. Next time we’ll look at how to open a window of
<div style="float: right;">
<a href="/2019/01/29/0005-window-size.html">Next: Size a Window</a>
</div>
</div>
</div>
6 changes: 3 additions & 3 deletions _posts/2019-07-12-0052-mvc-v-int-combobox.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ This time around, we’re going to change things up in two ways:
</div>
<div class="frame-screenshot">
<figure>
<img id="img0" src="/images/screenshots/017_mvc/mvc_07.png" alt="Current example output"> <!-- img# -->
<img id="img0" src="images/screenshots/017_mvc/mvc_07.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal0" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -65,7 +65,7 @@ This time around, we’re going to change things up in two ways:

<div class="frame-terminal">
<figure class="right">
<img id="img1" src="/images/screenshots/017_mvc/mvc_07_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img1" src="images/screenshots/017_mvc/mvc_07_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal1" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -211,4 +211,4 @@ And that’s how to use integers in a `ComboBox`. Join us next time for a peek i
<div style="float: right;">
<a href="/2019/07/16/0053-mvc-vi-image-combobox.html">Next: ComboBox with Images</a>
</div>
</div>
</div>
12 changes: 6 additions & 6 deletions _posts/2019-09-24-0073-frame-part-ii.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ author: Ron Tarrant
</div>
<div class="frame-screenshot">
<figure>
<img id="img0" src="/images/screenshots/014_container/container_08.png" alt="Current example output"> <!-- img# -->
<img id="img0" src="images/screenshots/014_container/container_08.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal0" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -62,7 +62,7 @@ author: Ron Tarrant

<div class="frame-terminal">
<figure class="right">
<img id="img1" src="/images/screenshots/014_container/container_08_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img1" src="images/screenshots/014_container/container_08_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal1" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -147,7 +147,7 @@ Turning visibility on or off is considered styling, and so is giving the Frame a
</div>
<div class="frame-screenshot">
<figure>
<img id="img2" src="/images/screenshots/014_container/container_09.png" alt="Current example output"> <!-- img# -->
<img id="img2" src="images/screenshots/014_container/container_09.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal2" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -189,7 +189,7 @@ Turning visibility on or off is considered styling, and so is giving the Frame a

<div class="frame-terminal">
<figure class="right">
<img id="img3" src="/images/screenshots/014_container/container_09_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img3" src="images/screenshots/014_container/container_09_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal3" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -349,7 +349,7 @@ class FrameOn : Frame
</div>
<div class="frame-screenshot">
<figure>
<img id="img4" src="/images/screenshots/015_fontdeco/fontdeco_03.png" alt="Current example output"> <!-- img# -->
<img id="img4" src="images/screenshots/015_fontdeco/fontdeco_03.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal4" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -391,7 +391,7 @@ class FrameOn : Frame

<div class="frame-terminal">
<figure class="right">
<img id="img5" src="/images/screenshots/015_fontdeco/fontdeco_03_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img5" src="images/screenshots/015_fontdeco/fontdeco_03_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal5" class="modal"> <!-- modal# -->
Expand Down
4 changes: 2 additions & 2 deletions _posts/2019-10-25-0082-notebook-vi-add-remove-tabs.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ Rather than building a menu system for this, I decided it would be less work to
</div>
<div class="frame-screenshot">
<figure>
<img id="img0" src="/images/screenshots/014_container/container_17.png" alt="Current example output"> <!-- img# -->
<img id="img0" src="images/screenshots/014_container/container_17.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal0" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -64,7 +64,7 @@ Rather than building a menu system for this, I decided it would be less work to

<div class="frame-terminal">
<figure class="right">
<img id="img1" src="/images/screenshots/014_container/container_17_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img1" src="images/screenshots/014_container/container_17_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal1" class="modal"> <!-- modal# -->
Expand Down
6 changes: 3 additions & 3 deletions _posts/2019-11-05-0085-nodes-iv-node-drawing.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Back in 2006, I wrote an application in *PHP-GTK2* called *Corkboard*. It was an

<div class="inpage-frame">
<figure class="right">
<img src="/images/diagrams/023_nodes/node.png" alt="Figure 1: A Look Back at the Node Design" style="width: 111px; height: 102px;">
<img src="images/diagrams/023_nodes/node.png" alt="Figure 1: A Look Back at the Node Design" style="width: 111px; height: 102px;">
<figcaption>
Figure 1: A Look at<BR> the Node Design
</figcaption>
Expand Down Expand Up @@ -51,7 +51,7 @@ And, since the goal for nodes-n-noodles is more or less the same as it was for *
</div>
<div class="frame-screenshot">
<figure>
<img id="img0" src="/images/screenshots/023_nodes/nodes_05.png" alt="Current example output"> <!-- img# -->
<img id="img0" src="images/screenshots/023_nodes/nodes_05.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal0" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -93,7 +93,7 @@ And, since the goal for nodes-n-noodles is more or less the same as it was for *

<div class="frame-terminal">
<figure class="right">
<img id="img1" src="/images/screenshots/023_nodes/nodes_05_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img1" src="images/screenshots/023_nodes/nodes_05_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal1" class="modal"> <!-- modal# -->
Expand Down
12 changes: 6 additions & 6 deletions _posts/2019-11-22-0090-titlebar-icons.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ And for the record, there are two ways to get a custom icon in the titlebar. Met
</div>
<div class="frame-screenshot">
<figure>
<img id="img0" src="/images/screenshots/001_window/window_08.png" alt="Current example output"> <!-- img# -->
<img id="img0" src="images/screenshots/001_window/window_08.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal0" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -68,7 +68,7 @@ And for the record, there are two ways to get a custom icon in the titlebar. Met

<div class="frame-terminal">
<figure class="right">
<img id="img1" src="/images/screenshots/001_window/window_08_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img1" src="images/screenshots/001_window/window_08_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal1" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -165,7 +165,7 @@ One line of code is all it takes and boom, you’re done.
</div>
<div class="frame-screenshot">
<figure>
<img id="img2" src="/images/screenshots/001_window/window_09.png" alt="Current example output"> <!-- img# -->
<img id="img2" src="images/screenshots/001_window/window_09.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal2" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -207,7 +207,7 @@ One line of code is all it takes and boom, you’re done.

<div class="frame-terminal">
<figure class="right">
<img id="img3" src="/images/screenshots/001_window/window_09_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img3" src="images/screenshots/001_window/window_09_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal3" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -305,7 +305,7 @@ First, the `Pixbuf` is created and filled from the same file we used in method o
</div>
<div class="frame-screenshot">
<figure>
<img id="img4" src="/images/screenshots/001_window/window_10.png" alt="Current example output"> <!-- img# -->
<img id="img4" src="images/screenshots/001_window/window_10.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal4" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -347,7 +347,7 @@ First, the `Pixbuf` is created and filled from the same file we used in method o

<div class="frame-terminal">
<figure class="right">
<img id="img5" src="/images/screenshots/001_window/window_10_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img5" src="images/screenshots/001_window/window_10_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal5" class="modal"> <!-- modal# -->
Expand Down
4 changes: 2 additions & 2 deletions _posts/2019-11-26-0091-window-stats-i-position.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ So, since I don’t wanna come across as a hypocrite, I decided to come up with
</div>
<div class="frame-screenshot">
<figure>
<img id="img0" src="/images/screenshots/001_window/window_11.png" alt="Current example output"> <!-- img# -->
<img id="img0" src="images/screenshots/001_window/window_11.png" alt="Current example output"> <!-- img# -->
<!-- Modal for screenshot -->
<div id="modal0" class="modal"> <!-- modal# -->
Expand Down Expand Up @@ -73,7 +73,7 @@ So, since I don’t wanna come across as a hypocrite, I decided to come up with

<div class="frame-terminal">
<figure class="right">
<img id="img1" src="/images/screenshots/001_window/window_11_term.png" alt="Current example terminal output"> <!-- img#, filename -->
<img id="img1" src="images/screenshots/001_window/window_11_term.png" alt="Current example terminal output"> <!-- img#, filename -->

<!-- Modal for terminal shot -->
<div id="modal1" class="modal"> <!-- modal# -->
Expand Down
Loading

0 comments on commit e3ba152

Please sign in to comment.