MacQueen

You've loaded an old revision of the document! If you save it, you will create a new version with this data.

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

===== 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;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

div {
    background:red; 
    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>

Edit summary

Note: By editing this page you agree to license your content under the following license: CC Attribution-Share Alike 4.0 International