• resizedir.py and html.py are in synshare/web/macqueen.us/python
• put resizedir.py and html.py in \temp
• put pictures to be resized in \temp\00uk\someDir
• run resizedir.py \temp\00uk\someDir from cmd
• all photos in that directory will be resized to 30% and renamed 10, 11, 12, etc.
• run html.py on the same dir which creates html.txt which is the slideshow code
• then copy, modify day00.htm and save it as index.html
• insert html.txt and adjust paths if necessary

This html was used for the UK trip and seems to be ok on cell phones too.

  body {
  background-color: #ADD8E6;
}
  main {
    background: red;<!-- #d9d7d5; -->
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  div {
    background:red; <!-- #767775; -->
    flex-basis: 100%;
    height: 100px;
    margin-bottom: 0.5rem;
  }

  @media (min-width: 600px) {
    main {
      flex-wrap: nowrap;
    }

    div {
      flex-basis: 33%;
    }
  }
  p {
  font-size: 16px;
}

This was used to create html for days in Alaska.

| in str |
" create html for each jog in the in collection"
in := #('abc.jpg' ). day := 'day1'.  "<----------------- change this"
endStr := '>'. quote := $" asString. str1 := '<div class='.
str2 := 'w3-display-container mySlides'. str3 := ' <img src='. str4:= '/%1'. str5 := ' style='.
str6 := 'width:100%'. str7 := ' <div class='.
str8 := 'w3-display-topleft w3-container w3-padding-16 w3-black'.
str9 := '    
 </div>
</div>'.

in do: [:each | | temp | temp := str4 bindWith: each.
Transcript nextPutAll: str1, quote ,str2,quote,endStr;cr.
Transcript nextPutAll: str3, quote, day,temp, quote,str5,quote,str6,quote,endStr;cr.
Transcript nextPutAll: str7, quote,str8,quote,endStr;cr.
Transcript show: str9;cr.
].