diff --git a/WWW/FAVICON/tw5.icon.png b/WWW/FAVICON/tw5.icon.png new file mode 100644 index 00000000..03542cf0 Binary files /dev/null and b/WWW/FAVICON/tw5.icon.png differ diff --git a/templates/UPlanetDAY2/index.html b/templates/UPlanetDAY2/index.html new file mode 100644 index 00000000..bcb9aa00 --- /dev/null +++ b/templates/UPlanetDAY2/index.html @@ -0,0 +1,109 @@ + + + + +[TW5 and TiddlyWiki] + + + + + + + + + + + + +
+
+

TiddlyWiki

+

Welcome, Traveler, to the innovative world of TW5—a TiddlyWiki postit-based personal data store designed to empower you on your journey through UPlanet.

+ + +

🌐 online and 🌴 offline
+ ✂️ cut 🙏 fold 📘 share 💜

+
+
+ +

Your personalized TW5 dashboard awaits, ready to serve as your digital hub for storing and managing your data freely and securely.

+
+

Organize Your Data with Tiddlers: Within TW5, information is stored in bite-sized units called Tiddlers. Each Tiddler represents a specific piece of data—whether it's a note, a document, an ipfs cid.

+
+

Use Tiddlers to share your thoughts, ideas, and information in a way that makes sense to you.

+
+
+ +

Customize Your Workspace: Tailor your TW5 experience to suit your unique needs. Customize your workspace with themes, plugins, and extensions to enhance functionality and streamline your workflow. Whether you're a minimalist or a power user, TW5 adapts to your preferences.

+
+

Embrace Continuous Improvement: TW5 is constantly evolving to meet the needs of its users. Participate in the development process by providing feedback, suggesting improvements, and contributing to the open-source community. Together, we can shape the future of TW5 and make it even more powerful and intuitive.

+
+
+ +

Collaborate and Share: TW5 isn't just a personal data store—it's a collaborative platform where ideas are born and shared. Collaborate with fellow travelers by sharing Tiddlers, collaborating on projects, and contributing to communal knowledge bases. With TW5, the possibilities for collaboration are endless.

+
+ + +
+ +

With TW5 as your personal data store, the possibilities are limitless. Organize your thoughts, collaborate with others, and unlock the full potential of your data on UPlanet. Welcome to a new era of digital empowerment—welcome to TW5.

+
+

Happy exploring!

+ +
+
+ + + + + + + + + + + + + + +
Step 1: Print, cut, fold MULTIPASS. Crease all the lines then fold in half. Cut across the fold halfway through the page. Unfold and there should be a little hole. Fold lengthways. Gently fold the centre until you form a + shape. Now - magic! Fold all the pages around. Page 1 is the front cover, page 8 is the back. +
Step 2: Open TW5. Delete AstroID. +
Step 3: Add tiddlers. Take control. +
+ +
+
+ + + + + + + + + + +
Step 4: Customize your email Tiddler: Each traveler have a Tiddler within their TW5 titled with their email address. This serves as a unique signature—a digital calling card that identifies them across the cosmos. +
Step 5: Copy and Connect: To connect with others, copy their email title Tiddler into your own TW5, signaling your interest in sharing information and establishing connections. +
+
+ +
+ + + diff --git a/templates/UPlanetDAY2/script.js b/templates/UPlanetDAY2/script.js new file mode 100644 index 00000000..15b1d2e5 --- /dev/null +++ b/templates/UPlanetDAY2/script.js @@ -0,0 +1,4 @@ +// This script just adds a little print button to the page. It's not needed for the zine, unless you want to add one too! +document.querySelector(".print-button").addEventListener("click", () => { + window.print(); +}); diff --git a/templates/UPlanetDAY2/style.css b/templates/UPlanetDAY2/style.css new file mode 100644 index 00000000..81c757e7 --- /dev/null +++ b/templates/UPlanetDAY2/style.css @@ -0,0 +1,204 @@ +/* These are just the article styles, so change these to whatever fits your theme! */ + +/* Probably keep this one bit as is though, it's going to make arranging things in print easier for you! */ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: sans-serif; +} + +h1 { + color: #1c4587; + text-align: center; + font-style: italic; + font-size: 180%; +} + +h2 { + background: #ead1dc; + color: #741b47; + font-family: monospace; + text-align: center; + font-size: 140%; + font-weight: normal; + margin: 0.2rem 0 0 0; + padding: 0.2rem 0 0.2rem; +} + +th { + text-align: left; + background: #c9daf8; + color: #073763; +} + +p { + padding: 0.2rem; + padding-top: 0.5rem; + font-size: 105%; +} + +ul { + padding-left: 2rem; + list-style: none; +} + +.zine-li:before { + content: '\21D2'; + margin-left: -20px; + margin-right: 10px; +} + +.zine-link { + font-family: monospace; + background: #c9daf8; + color: #073763; +} + +.captioned-img { + object-fit: contain; + max-height: 100%; + max-width: 100%; + padding: 0 2rem 0 2rem; +} + +figcaption { + font-family: monospace; + font-size: 80%; + font-style: italic; + background: #c9daf8; + color: #073763; + margin: 0 1rem 0 1rem; +} + +.full-img { + object-fit: contain; + max-height: 100%; + max-width: 100%; + padding: 1rem; +} + +.mini-img { + max-width: 10rem; +} + +.glitchButton { + float: left; + padding: 1rem 0.5rem 0 0.5rem; +} + +.cc-licence { + float: right; + margin: 1rem 0.5rem 0 0.5rem; +} + +/* Any styles that you **only** want to appear on a device should go in here! */ + +@media screen { + body { + max-width: 30rem; + background: #ead1dc; + margin: auto; + } + + .zine { + background: white; + padding: 10px; + border-left: 4px solid #741b47; + border-bottom: 4px solid #741b47; + + } + + .zine-page { + margin-top: 10px; + } +} + +/* Any styles that you want to apply **just** when the zine is printed go in here! */ + +@media print { + + + body { + font-size: 66%; + } + + a { + color: inherit; + text-decoration: none; + } + + .mini-img { + max-width: 4.4rem; + } + + /* The styles below here are specifically for creating the page layout. + * -> DON'T CHANGE THESE <- unless you know what you're doing! + */ + + @page { + size: landscape; + margin: 0; + bleed: 0; + } + + .zine { + width: 100vw; + height: 100vh; + display: grid; + gap: 1.5px; + background: lightgrey; + grid-template-areas: + "page-5 page-4 page-3 page-2" + "page-6 page-7 page-8 page-1"; + grid-template-columns: repeat(4, 25%); + grid-template-rows: repeat(2, 50%); + } + + .zine-page { + background: white; + padding: .2rem; + overflow: hidden; + } + + .page-5, .page-4, .page-3, .page-2 { + transform: rotate(180deg) translateX(-0.1px); + } + + .page-1 { + grid-area: page-1; + + } + + .page-2 { + grid-area: page-2; + + } + + .page-3 { + grid-area: page-3; + } + + .page-4 { + grid-area: page-4; + } + + .page-5 { + grid-area: page-5; + } + + .page-6 { + grid-area: page-6; + } + + .page-7 { + grid-area: page-7; + } + + .page-8 { + grid-area: page-8; + } +}