Compare commits

...

3 commits

3 changed files with 7 additions and 8 deletions

View file

@ -5,7 +5,6 @@ author: "constantinos"
contributors: ["constantinos-miltiadis.md"] contributors: ["constantinos-miltiadis.md"]
draft: false draft: false
keywords: keywords:
- internal
- internal - internal
- embedding - embedding
abstract: | abstract: |
@ -44,7 +43,7 @@ Both categories of playable artifacts can be included in articles of this projec
- [test embed of JS game (Pippin's Ancient Greek Punishment)](#pippin) - [test embed of JS game (Pippin's Ancient Greek Punishment)](#pippin)
Additional considerations regarding browser games are: Additional considerations regarding browser games are:
- **Archiving**: These examples embed external content meaning that if at any point Brendan or Pippin decide to take down these games, if, say itch.io goes under, or if for any reason the host websites don't work, then the iframes would not run -- which is a problem for us considering that these should be part of contributions. In practice, we should host & archive these games here (it should be possible to host them in a static folder; and they can also be added in the library). - **Archiving**: These examples embed external content meaning that if at any point Brendan or Pippin decide to take down these games, if, say itch.io goes under, or if for any reason the host websites don't work, then the iframes would not run -- which is a problem for us considering that these should be part of contributions. In practice, we should host and archive these games here (it should be possible to host them in a static folder; and they can also be added to the library).
- **Whether to embed web games inside an article**. Although possible, this might not be the most practical thing to do, discussed in the [following section](#in-article). - **Whether to embed web games inside an article**. Although possible, this might not be the most practical thing to do, discussed in the [following section](#in-article).
# Embedding videogame artifacts in practice {#in-article} # Embedding videogame artifacts in practice {#in-article}
@ -60,7 +59,7 @@ Eventually, if one is reading an article, even about a videogame artifact, it **
There are two suggestions below: There are two suggestions below:
- [Suggestion 1](#s1): Include web games in a separate tab, accessible via image-link provided in the body of the text - [Suggestion 1](#s1): Include web games in a separate tab, accessible via image-link provided in the body of the text
- [Suggestion 2](#s2): Make entry items specific to videogame artifacts (or other software contributions) - [Suggestion 2](#s2): Make entry items specific to videogame artifacts (or other software contributions)
## Suggestion 1: Web game iframes in new tab via click-picture-to-play {#s1} ## Suggestion 1: Web game iframes in new tab: click-picture-to-play {#s1}
Add an image to the article which serves as sign and link to the game, and can include a caption. Quick example: Add an image to the article which serves as sign and link to the game, and can include a caption. Quick example:
[![Playable artifact 1: Lets Play: Ancient Greek Punishment (Pippin Bar, Javascript, 201x)](/sample/dummy-embed/lets-play-ancient-greek-punishment-banner-ctp.png "Click to play")](https://pippinbarr.com/lets-play-ancient-greek-punishment) [![Playable artifact 1: Lets Play: Ancient Greek Punishment (Pippin Bar, Javascript, 201x)](/sample/dummy-embed/lets-play-ancient-greek-punishment-banner-ctp.png "Click to play")](https://pippinbarr.com/lets-play-ancient-greek-punishment)
@ -93,14 +92,14 @@ Game link: [Dressage (Brendan Keogh)](https://brkeogh.itch.io/dressage)
- requires multiple dependencies (gps etc., check if they actually work) - requires multiple dependencies (gps etc., check if they actually work)
- figure out scroll window - figure out scroll window
<!--
<div> <div>
<div style="position:relative;padding-top:56.25%;"> <div style="position:relative;padding-top:56.25%;">
<iframe src="https://v6p9d9t4.ssl.hwcdn.net/html/431998/Dressage1.0/index.html?v=1542808136" frameborder="0" allowfullscreen="true" style="position:absolute;top:0;left:0;width:100%;height:100%;"> <iframe src="https://v6p9d9t4.ssl.hwcdn.net/html/431998/Dressage1.0/index.html?v=1542808136" frameborder="0" allowfullscreen="true" style="position:absolute;top:0;left:0;width:100%;height:100%;">
</iframe> </iframe>
</div> </div>
</div> </div>
-->
### Embed code ### Embed code
```HTML ```HTML

View file

@ -36,8 +36,8 @@ It includes 3 article entries:
View and save PDF versions of the: View and save PDF versions of the:
- embed example article at ![Print Embedding example](print:p-embed-article). - embed example article at ![Print Embedding example](print:p-playthings).
- compiled sample article at ![Print Sample Article](print:p-ex-constantinos-digra) - compiled sample article at ![Print Sample Article](print:p-ex-constantinos-digra).
(open *using Chrome* and do Ctrl/Cmd+P or select Print) (open *using Chrome* and do Ctrl/Cmd+P or select Print)

View file

@ -1,5 +1,5 @@
--- ---
title: "Print Embedding example" title: "Print Including Playthings in Articles"
date: "2023-08-17T13:21:17+03:00" date: "2023-08-17T13:21:17+03:00"
author: "constantinos" author: "constantinos"
draft: false draft: false