From fcf85273adea204825bd0a237f087403ed373ba7 Mon Sep 17 00:00:00 2001 From: Kris Oldrini Date: Sat, 31 Jan 2026 07:23:13 +0000 Subject: [PATCH 01/15] create 2 more article placeholders --- Wireframe/index.html | 28 ++++++++++++++++++++++------ 1 file changed, 22 insertions(+), 6 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..92954a8bb 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,4 +1,4 @@ - + @@ -8,15 +8,31 @@
-

Wireframe

-

- This is the default, provided code and no changes have been made yet. -

+

CYF Blog

+

Your source of programming minutiae

-

Title

+

What is the purpose of a README file?

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, + voluptates. Quisquam, voluptates. +

+ Read more +
+
+ +

What is the purpose of a wireframe?

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, + voluptates. Quisquam, voluptates. +

+ Read more +
+
+ +

What is a branch in Git?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptates. Quisquam, voluptates. From 6d2682ac56f254ae5843fac5a58452b3a54acf1b Mon Sep 17 00:00:00 2001 From: Kris Oldrini Date: Sat, 31 Jan 2026 08:12:47 +0000 Subject: [PATCH 02/15] add images to all articles --- Wireframe/index.html | 102 ++++++++++++++++++++++++------------------- 1 file changed, 56 insertions(+), 46 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 92954a8bb..4bb22d0ec 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,49 +1,59 @@ - - - - Wireframe - - - -

-

CYF Blog

-

Your source of programming minutiae

-
-
-
- -

What is the purpose of a README file?

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. -

- Read more -
-
- -

What is the purpose of a wireframe?

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. -

- Read more -
-
- -

What is a branch in Git?

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. -

- Read more -
-
-
-

- This is the default, provided code and no changes have been made yet. -

-
- + + + + Wireframe + + + +
+

CYF Blog

+

Your source of programming minutiae

+
+
+
+ Example of a readme file. On the left we see the file open in the editor and written in markdown, on the right we see a preview of what the file looks like openend in a web browser +

Read me if you want to learn about README

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Quisquam, voluptates. Quisquam, voluptates. +

+ Read more +
+
+ Four wireframe sketches for a mobile app, lined up next to each other +

Wireframes: an essential blueprint

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Quisquam, voluptates. Quisquam, voluptates. +

+ Read more +
+
+ A diagram showing an example of different git branches types: master branch, develop branch, and two feature branches +

Branching for dummies

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Quisquam, voluptates. Quisquam, voluptates. +

+ Read more +
+
+
+

+ This is the default, provided code and no changes have been made + yet. +

+
+ From 17d0380cd3fd24ef9368a2c5b11de951c60f487c Mon Sep 17 00:00:00 2001 From: Kris Oldrini Date: Sat, 31 Jan 2026 08:39:27 +0000 Subject: [PATCH 03/15] group article card text into sections to allow for styling size and position --- Wireframe/index.html | 42 ++++++++++++++++++++++++------------------ 1 file changed, 24 insertions(+), 18 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 4bb22d0ec..31a27b439 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -17,36 +17,42 @@

CYF Blog

src="https://www.gcsdesign.com/wp-content/uploads/2024/11/reademe_file.png" alt="Example of a readme file. On the left we see the file open in the editor and written in markdown, on the right we see a preview of what the file looks like openend in a web browser" /> -

Read me if you want to learn about README

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - Quisquam, voluptates. Quisquam, voluptates. -

- Read more +
+

Read me if you want to learn about README

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Quisquam, voluptates. Quisquam, voluptates. +

+ Read more +
Four wireframe sketches for a mobile app, lined up next to each other -

Wireframes: an essential blueprint

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - Quisquam, voluptates. Quisquam, voluptates. -

- Read more +
+

Wireframes: an essential blueprint

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Quisquam, voluptates. Quisquam, voluptates. +

+ Read more +
A diagram showing an example of different git branches types: master branch, develop branch, and two feature branches -

Branching for dummies

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - Quisquam, voluptates. Quisquam, voluptates. -

- Read more +
+

Branching for dummies

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Quisquam, voluptates. Quisquam, voluptates. +

+ Read more +