html

html

2025 06 10

create test index.html

<!doctype html><head>
<title>Test Index.html </title>
</head>

<body> 

test

</body>

</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.

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

2017 04 01

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

Table of Contents

html

2025 06 10

create test index.html

2025 06 10

create slideshow html

2025 06 01

2017 04 01