Differences

This shows you the differences between two versions of the page.

--- html [2025/06/01 22:46] – donald
+++ html [2025/09/23 22:19] (current) – [2025 06 10] donald
@@ Line 1: / Line 1: @@
 ====== html ======
+===== 2025 06 10 =====
+==== create test index.html ====
+<code><!doctype html><head>
+<title>Test Index.html </title>
+</head>
+<body>
+test
+</body>
+</html>
+</code>
+===== 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 =====