https://github.com/djaus2/mdimage2call
https://github.com/djaus2/mdimage2call
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/djaus2/mdimage2call
- Owner: djaus2
- License: cc0-1.0
- Created: 2023-07-27T12:22:27.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-07-30T05:19:17.000Z (almost 3 years ago)
- Last Synced: 2025-04-23T18:19:30.896Z (about 1 year ago)
- Language: C#
- Size: 32.2 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# MDImage2Call
***For MarkDown files in a a Jekyll blog site (source), translate
MarkDown image constructs to a call to included file imageMulti.html
with same meta-info***
> This is useful for the display of blog posts on a phone where text may be rendered in
small columns becuase of wide images. On a phone in portrait mode, all images a rendered
with the same width but can be clicked upon to expand.
```
MSImage2Call [File Mask] [Target Folder wrt to:] [Repository Folder] {Images folders csv list]
```
- The app reads all MD files in ```_posts``` subject to the ```mask```, and writes
modified files to ```_postsTemp```.
- _Note:_ Existing MD image construct remains but is a MD comment.
- Run with ```/?``` ```-help``` or ```--help``` to get a list of the app parameters.
- Run with ```img``` to get a listing of the include file ```image.html```
- Added feature such that if it detects processing a previously processed file, suggest abort.
## Further
[Jekyll: Rendering on a Mobile](https://davidjones.sportronics.com.au/web/Jekyll-Rendering_on_a_Mobile-rel-web.html) blog post.
## About image.html
File: image.html in /include
- Display an image from file in /images /media or /grove in fullscreen mode, for desktop or 360 width for phone.
- In phone mode can click on it and show in full width mode.
Parameters:
- imagefile: The image file in /images, /media or /grove or as in imgFolders
- Any image file path can be used but this app only accepts the above 3 locations
- The 3 locations are an optionally csv list parameter to the app
- tag The div Id that the image is placed in
- div tag Id for display in phone has small appended
- alt: The image alt text
Site Setting:
- in _config.yml
- site.phonewidth: The document width when to switch between full screen and phone mode
- typical value 680, found by trial an error.
Notes:
- Jekyll values are rendered BEFORE any Javascript runs.
- Same include file is used whether in desktop mode or phone mode.