fix: use full image URLs in READMEs to fix rendering on Confluent Developer (#6) (#65)

davetroiano · web-flow · commit 4df8a0941868 · 2024-08-09T11:19:49.000-04:00
diff --git a/aggregating-minmax/flinksql/README.md b/aggregating-minmax/flinksql/README.md
@@ -194,4 +194,6 @@ Run the following command to execute [FlinkSqlAggregatingMinMaxTest#testMinMax](
 
   The query output should look like this:
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/aggregating-minmax/flinksql/img/query-output.png)
+
+</details>
diff --git a/confluent-cloud-connector-aws-privatelink/kafka/README.md b/confluent-cloud-connector-aws-privatelink/kafka/README.md
@@ -59,7 +59,7 @@ confluent connect cluster create --config-file /tmp/datagen-connector.json
 ```
 * After a minute or so, validate in the Confluent Cloud Console that the connector is running. In the lefhand navigation, select `Environments`, click into the environment, then click the PrivateLink cluster. In the lefthand navigation, select `Connectors` and verify that the connector state is `Running` and generating messages:
 
-![](img/cc-datagen.png)
+![Datagen](https://raw.githubusercontent.com/confluentinc/tutorials/master/confluent-cloud-connector-aws-privatelink/kafka/img/cc-datagen.png)
 
 ## Create AWS egress access point
 
@@ -166,7 +166,7 @@ Create a JSON file `/tmp/s3-connector.json`. Be sure to populate values specific
 
 To validate that the connector is sinking data into S3, navigate to the Connectors page in the Confluent Cloud Console. Check that the connector state is `Running` and processing messages:
 
-![](img/cc-s3-sink.png).
+![S3 Sink](https://raw.githubusercontent.com/confluentinc/tutorials/master/confluent-cloud-connector-aws-privatelink/kafka/img/cc-s3-sink.png)
 
 It may take some time for data to show up since the connector sinks on an hourly basis. You can also check in S3 to make sure that data is showing up in the bucket that you created above.
 
diff --git a/cumulating-windows/flinksql/README.md b/cumulating-windows/flinksql/README.md
@@ -208,4 +208,6 @@ Run the following command to execute [FlinkSqlCumulatingWindowTest#testCumulatin
 
   The query output should look like this:
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/cumulating-windows/flinksql/img/query-output.png)
+
+</details>
diff --git a/deduplication-windowed/flinksql/README.md b/deduplication-windowed/flinksql/README.md
@@ -202,4 +202,6 @@ Run the following command to execute [FlinkSqlFindingDistinctTest#testFindDistin
 
   The query output should look like this. Note that there is no row for the event that occurred at time `03:10:00` because the `03:00:00 - 04:00:00` window is still open.
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/deduplication-windowed/flinksql/img/query-output.png)
+
+</details>
diff --git a/deduplication/flinksql/README.md b/deduplication/flinksql/README.md
@@ -188,4 +188,6 @@ Run the following command to execute [FlinkSqlFindingDistinctTest#testFindDistin
 
   The query output should look like this:
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/deduplication/flinksql/img/query-output.png)
+
+</details>
diff --git a/filtering/flinksql/README.md b/filtering/flinksql/README.md
@@ -181,4 +181,6 @@ Run the following command to execute [FlinkSqlFilteringTest#testFilter](src/test
 
   The query output should look like this:
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/filtering/flinksql/img/query-output.png)
+
+<details>
diff --git a/hopping-windows/flinksql/README.md b/hopping-windows/flinksql/README.md
@@ -202,4 +202,6 @@ Run the following command to execute [FlinkSqlHoppingWindowTest#testHoppingWindo
 
   The query output should look like this:
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/hopping-windows/flinksql/img/query-output.png)
+
+</details>
diff --git a/joining-stream-stream/flinksql/README.md b/joining-stream-stream/flinksql/README.md
@@ -316,4 +316,6 @@ Run the following command to execute [FlinkSqlIntervalJoinTest#testJoin](src/tes
 
   The query output should look like this:
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/joining-stream-stream/flinksql/img/query-output.png)
+
+</details>
diff --git a/merging/flinksql/README.md b/merging/flinksql/README.md
@@ -296,4 +296,6 @@ Run the following command to execute [FlinkSqlMergeTablesTest#testMerge](src/tes
 
   The scrollable query output should start like this:
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/merging/flinksql/img/query-output.png)
+
+</details>
diff --git a/over-aggregations/flinksql/README.md b/over-aggregations/flinksql/README.md
@@ -252,7 +252,6 @@ Finally, run following SQL statements to create the `movie_views` table, populat
 
 The query output should look like this:
 
-![](img/query-output.png)
-
-
+![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/over-aggregations/flinksql/img/query-output.png)
 
+</details>
diff --git a/pattern-matching/flinksql/README.md b/pattern-matching/flinksql/README.md
@@ -473,6 +473,6 @@ Run the following command to execute [FlinkSqlFilteringTest#testFilter](src/test
 
   This query's output includes the same two matches for Sensors 1 and 2:
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/pattern-matching/flinksql/img/query-out)
 
 </details>
diff --git a/python-connectors/README.md b/python-connectors/README.md
@@ -39,12 +39,12 @@ Run `curl localhost:8083/connectors -X POST --json @./json/connector-fields.json
 
 To check that everything is running you can either:
 - Open Control Center at http://localhost:9021 and go to the Topics panel. Select the topic starting with `test-topic` and click on the Messages tab. If your Docker environment is slow, you may have to wait a few minutes for the test topic to show up. When it does, you should see messages coming in.
-  ![](img/control-center.png)
+  ![Control center](https://raw.githubusercontent.com/confluentinc/tutorials/master/python-connectors/img/control-center.png)
 
 - Open the Docker Desktop dashboard, expand the cluster, click on the `connect` container.
-  ![](img/docker-desktop.png)
+  ![Docker Desktop](https://raw.githubusercontent.com/confluentinc/tutorials/master/python-connectors/img/docker-desktop.png)
   The Logs tab should list messages being published by the connector and modified by the SMT if there's one. 
-  ![](img/docker-desktop-log.png)
+  ![Docker Desktop logs](https://raw.githubusercontent.com/confluentinc/tutorials/master/python-connectors/img/docker-desktop-log.png)
 
 ### Note on SMTs
 
diff --git a/splitting/flinksql/README.md b/splitting/flinksql/README.md
@@ -245,4 +245,6 @@ Run the following command to execute [FlinkSqlSplitStreamTest#testSplit](src/tes
 
   The query output should look like this:
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/splitting/flinksql/img/query-output.png)
+
+</details>
diff --git a/top-N/flinksql/README.md b/top-N/flinksql/README.md
@@ -234,7 +234,9 @@ WHERE category_rank <= 3;
 
   The query output should look like this:
 
-  ![](img/query-output_1.png)
-  ![](img/query-output_2.png)
-  ![](img/query-output_3.png)
-  ![](img/query-output_4.png)
+  ![Query output 1](https://raw.githubusercontent.com/confluentinc/tutorials/master/top-N/flinksql/img/query-output_1.png)
+  ![Query output 2](https://raw.githubusercontent.com/confluentinc/tutorials/master/top-N/flinksql/img/query-output_2.png)
+  ![Query output 3](https://raw.githubusercontent.com/confluentinc/tutorials/master/top-N/flinksql/img/query-output_3.png)
+  ![Query output 4](https://raw.githubusercontent.com/confluentinc/tutorials/master/top-N/flinksql/img/query-output_4.png)
+
+</details>
diff --git a/tumbling-windows/flinksql/README.md b/tumbling-windows/flinksql/README.md
@@ -217,4 +217,6 @@ Run the following command to execute [FlinkSqlTumblingWindowTest#testTumblingWin
 
   The query output should look like this:
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/tumbling-windows/flinksql/img/query-output.png)
+
+</details>
diff --git a/windowed-top-N/flinksql/README.md b/windowed-top-N/flinksql/README.md
@@ -255,4 +255,6 @@ FROM (
 
   The query output should look like this:
 
-  ![](img/query-output.png)
+  ![Query output](https://raw.githubusercontent.com/confluentinc/tutorials/master/windowed-top-N/flinksql/img/query-output.png)
+
+</details>
