Page locked

This page is currently locked for editing by another user. You have to wait until this user finishes editing or the lock expires.

Currently locked by: 216.73.216.52
Lock expires at: 2026/09/18 13:20 (15 min)

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

====== html ======

===== 2025 06 10 =====

==== create slideshow html ====

  * 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


===== 2025 06 01 =====

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

<code>  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;
}</code>

===== 2017 04 01 =====

This was used to create html for days in Alaska.

<code>
| 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.
].




</code>