[nospaces]
[break]
Prompt #26: one more time
[break]...of me making thread trackers + plotters in one ago. actually based on a watch? wind it one more time etc etc stuff like that. had four faces for four characters to it on the spinning avatar, but i watered it down for pp.
[break][break]
[googlefont=Noto Sans JP:300,400,700,800]
[googlefont=Orelega One:300,400,700,800]
[newclass=.watchface]height: 500px;width: 550px;margin: 20px auto;background-color: #cde2e7;border: 5px solid white;border-radius: 5px;--accent1: #b07d62;--accent2: #cde2e7;[/newclass]
[newclass=.watchface-watch]background-color: white;padding: 5px 20px;border-bottom-right-radius: 100%;border-bottom-left-radius: 100%;margin: 0px 0px 0px 20px;[/newclass]
[newclass=.daytona]height:150px;width: 150px;border-radius: 100%;border: 5px solid var(--accent1);display: flex; justify-content: center;align-items: center;background-color: var(--accent2);[/newclass]
[newclass=.daytona-info]display: grid;grid-template-columns: 1fr 2fr;grid-template-rows: 180px 315px;font-family: 'Noto Sans JP', sans-serif;[/newclass]
[newclass=.daytona-watchface]background-color: transparent;width: calc(85%);height: calc(85%);border-radius: 100%;display: grid;animation: clockwise 60s linear infinite;[/newclass]
[newclass=.dt-chara-grid]background-size: cover;background-blend-mode: luminosity;background-color: black;transition-duration: .5s;border-radius: 100%;[/newclass]
[newclass=.dt-chara-grid:hover]background-color: var(--accent1);[/newclass]
[newclass=.daytona-watchface:hover]animation-play-state: paused;[/newclass]
[newclass=.dt-chara-hd]display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;padding-top: 10px;width: 88%;justify-content: center;[/newclass]
[newclass=.dt-top-bar]justify-content: center;display: flex;[/newclass]
[newclass=.chara-hd-name]margin: 0px 0px 10px;font-size: 30px;font-family: 'Orelega One', cursive;text-decoration: overline;[/newclass]
[newclass=.chara-hd-tags]display: flex;flex-flow: row wrap;justify-content: center;align-content: flex-start;margin: 0px 10px;overflow-y: auto;max-height: 75px;[/newclass]
[newclass=.dt-chara-info]padding: 15px;grid-column: span 2;height: calc(100% - 30px);[/newclass]
[newclass=.chara-hd-tagbox]padding: 5px; font-size: 14px; margin: 5px;background-color: var(--accent1);color: white;text-transform: lowercase;border-radius: 5px;[/newclass]
[newclass=.dt-chara-info-2]display: flex;background-color: white;height: calc(100% - 30px);border-radius: 5px;padding: 15px;overflow-y: auto;border-bottom: 10px solid var(--accent1);flex-direction: row;font-size: 13px;text-align: justify;[/newclass]
[newclass=.dt-wanteds]border-right:1px dashed silver;width: 55%;padding: 0px 10px 10px 0px;text-align: left;overflow-y: scroll;[/newclass]
[newclass=.dt-threads]padding: 0px 0px 0px 10px;width: 45%;overflow-y: auto;[/newclass]
[newclass=.ix-pic]border-top-left-radius: 100%; background-color: var(--accent1); background-image: url('https://i.imgur.com/0YBABu1.png')[/newclass]
[newclass=.dt-header]margin: 0px 0px 5px;padding: 2px 10px;font-size: 30px;font-family: 'Orelega One', cursive;color: var(--accent1);border-radius: 5px;[/newclass]
[newclass=.dt-header2]margin: 10px 0px;font-size: 24px;letter-spacing: -2px;font-family: 'Noto Sans JP', sans-serif;color: var(--accent1);border-radius: 5px;[/newclass]
[newclass=.watchface ::-webkit-scrollbar]width: 10px;[/newclass]
[newclass=.watchface ::-webkit-scrollbar-track]background-color: white;[/newclass]
[newclass=.watchface ::-webkit-scrollbar-thumb]background-color: var(--accent1);border-radius: 50px;[/newclass]
[newclass=.chara-hd-tags::-webkit-scrollbar-track]background-color: var(--accent2);[/newclass]
[newclass=.dt-wanteds::-webkit-scrollbar-thumb]display: none; } @keyframes clockwise{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}[/newclass]
[attr="class","watchface"]
[attr="class","daytona-info"]
[attr="class","watchface-watch"]
[attr="class","daytona"]
[attr="class","daytona-watchface"]
[attr="class","dt-chara-grid ix-pic ix"]
[attr="class","dt-top-bar"]
[attr="class","dt-chara-hd ix"]
[attr="class","chara-hd-name"]Willow Winters
[attr="class","chara-hd-tags"]
[attr="class","chara-hd-tagbox"]character
[attr="class","chara-hd-tagbox"]duntz duntz
[attr="class","chara-hd-tagbox"]tags
[attr="class","chara-hd-tagbox"]unz unz
[attr="class","chara-hd-tagbox"]tags
[attr="class","chara-hd-tagbox"]more tags
[attr="class","chara-hd-tagbox"]just practicing flex :v
[attr="class","dt-chara-info"]
[attr="class","ix dt-chara-info-2"]
[attr="class","dt-wanteds"]
Character blurb here, talk about y, talk about z, maybe post wanteds here or some other stuff?
[attr="class","dt-header2"]wanted: a brother
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, sem ac semper malesuada, ligula dui interdum quam, a tincidunt justo ligula vitae tellus.
[break]
[attr="class","dt-header2"]given: a pesky sister
[attr="class","dt-threads"]
[attr="class","dt-header"]plot hooks
✗ someone gets decked
[break]
🗸
he gets decked
[break][break]
[attr="class","dt-header"]current
✧ thread title here
[break]
✧ thread title here
[break]
✧ thread title here
[break][break]
[attr="class","dt-header"]completed
✧ thread title here
[break]
✧ thread title here
[break]
✧ thread title here
[break][break]
[attr="class","dt-header"]inactive
✧ thread title here
[break]
✧ thread title here
[break]
✧ thread title here
[break][break]
