zanneth/smartbar
1
0
Fork 0
forked from buzzert/smartbar
Code Pull Requests Activity

streetgeek: add dogtags image

Browse Source
This commit is contained in:
Charles Magahern
2026-07-05 19:44:19 -07:00
parent f63f0fc36a
commit 1ef85973a4
1 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
pages/streetgeek-2.html
View File

@@ -8,10 +8,10 @@
#streetgeek2-page { #streetgeek2-page {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0.36in 0.4in; padding: 0.3in 0.4in;
background-color: white; background-color: white;
color: black; color: black;
font: 8.8pt/1.4 'Times New Roman', serif; font: 7.9pt/1.28 'Times New Roman', serif;
} }
#sg2-topbar { #sg2-topbar {
@@ -52,21 +52,33 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
gap: 0.24in; gap: 0.2in;
margin: 4pt 0 12pt 0; margin: 3pt 0 8pt 0;
} }
.sg2-frame { .sg2-frame {
width: 2.18in;
background: white; background: white;
padding: 6px 6px 5px 6px; padding: 6px 6px 5px 6px;
border: 1px solid #ddd; border: 1px solid #ddd;
box-shadow: 0 3px 10px rgba(0,0,0,0.28); box-shadow: 0 3px 10px rgba(0,0,0,0.28);
break-inside: avoid;
-webkit-column-break-inside: avoid;
}
.sg2-frame.left, .sg2-frame.right {
width: 1.95in;
} }
.sg2-frame.left { transform: rotate(-2.4deg); } .sg2-frame.left { transform: rotate(-2.4deg); }
.sg2-frame.right { transform: rotate(2.2deg); } .sg2-frame.right { transform: rotate(2.2deg); }
.sg2-frame.solo {
float: right;
width: 46%;
margin: 2pt 0 4pt 8px;
transform: rotate(-1.6deg);
}
.sg2-frame img { .sg2-frame img {
display: block; display: block;
width: 100%; width: 100%;
@@ -85,6 +97,8 @@
#sg2-text { #sg2-text {
flex: 1; flex: 1;
columns: 2;
column-gap: 0.26in;
} }
#sg2-text p { #sg2-text p {
@@ -93,7 +107,7 @@
text-justify: inter-word; text-justify: inter-word;
hyphens: auto; hyphens: auto;
overflow-wrap: break-word; overflow-wrap: break-word;
margin: 0 0 7pt 0; margin: 0 0 4pt 0;
} }
#sg2-text p:first-child { #sg2-text p:first-child {
@@ -163,6 +177,11 @@
the outfit, gave the programming language an undeserved level of coolness. the outfit, gave the programming language an undeserved level of coolness.
</p> </p>
<div class="sg2-frame solo">
<img src="assets/img/streetgeek-dogtags.jpeg" alt="ByteLord's necklace: a Mac OS X Panther dog tag on a ball chain" />
<div class="sg2-caption">&quot;Necklace&quot;</div>
</div>
<p> <p>
Besides the comfortable textiles, I was impressed with <i>ByteLord</i>'s choice of accessories. Besides the comfortable textiles, I was impressed with <i>ByteLord</i>'s choice of accessories.
A wallet chain, which I hadn't seen anyone wear since the mid 2000's, added a metallic balance A wallet chain, which I hadn't seen anyone wear since the mid 2000's, added a metallic balance