design-scope - Love First

# Design Scope **OUT OF DATE AS OF 2/27** This page is being updated This is an outline and design scope for the new website. ## 1. Major sections (Top Navigation) ### **Love First** The main part of the website, essays and introductions and all of my thoughts and things I write on explaining what Love First is and how it works. These are meant to be embraced or supported by other people. "Thoughts" are either personal (and go on my People/Faruk profile) or they are 'stubs', like Wikipedia stubs: pages that still need to be developed further, and invite the reader to contribute. "Thoughts" become "Perspectives" when they include the point of view of 2 or more people, and they are written and designed such that they *can* represent multiple perspectives distinctly as such. ### **New Social Contract** The more communal, crowd-sourced idea, where stances for the **Love First Person** are crafted and revised, and made available for sharing on social media, incl. copy-paste and post as “your own words” so to speak. These pages will (eventually) support a Time Machine-like interface for examining the version control-powered history tracking of each article in this new social contract. ### **People** A social platform where people can create a profile that collects all their contributions and the stances they adopt, and tracks _how_ they adopt them: fully, partially, or intentionally not at all (because they firmly disagree on that topic). ## 2. Types of pages to be designed ### For: Love First 1. A landing page: welcomes people into Love First the philosophy, the way of life, and its new social contract as a platform. This may eventually be a highly designed page, but that will require a clear sense of great marketing & persuasion content. For now, starting with a basic landing page with some parallax scrolling sections should suffice. 2. Essay pages: these are a bit like Medium meets `vault.goinglovefirst.com`, but will sometimes have functional interactive components in them. Essay pages will be built on [the Tailwind css typography plugin](https://tailwindcss.com/docs/typography-plugin), and additionally contain: - images in various layout configurations (asides, half-width, full-width, image grid, grabbable side scroll with snap) - video embeds - code snippets with syntax highlighting - an outline (to the right) of the current page's contents - **FUTURE EXPANSION:** A local graph of the connections, a la Obsidian / vault.goinglovefirst.com but if it's doable to include it in the design within scope of the project, it'd be great to see that. ### For: New Social Contract This is where the Harmony System comes into play, which itself is explained in a series of essays. Those essays can be in the Love First section, or in this one — and using the same Essay pages design. 3. Positions: these are more intentional interactive pages, with various different types of sections, one type of which is Stances: individual ideological stances attempting to be as universally loving as possible. 4. OUT OF SCOPE: ~~A “bridge building” type of page that place two opposing ideological positions (represented in essays) on two ends of a spectrum, shown as start and finish “pillars” of the bridge, with any essays that serve as “steps in-between” the two ideological positions spread as pillars across the middle, and a button to add a new one between each two essays. The idea here is that the platform facilitates building bridges across the divide using Love First practices and discussions.~~ ### For: People 5. A profile page containing: 1. Basic profile info: name, photo, gender hexicon, pronouns 2. Social links out 3. Subsections: 1. Lifestream (news feed, default `/` index) 2. A Now page (`/now`) 3. A Timeline page (`/timeline`) — this is like a history of your life 4. OUT OF SCOPE: ~~Stances / positions (`/positions`)~~ 5. OUT OF SCOPE: ~~Agreements (`/agreements`)~~ ## 3. Sidebar structures ### The root page at `/` probably no sidebar ### For: Love First `/love-first/` Root level list items are section headers (folders in the file structure), not meant to be clickable. As “pages” they will contain an intro and/or index with summaries of the section’s pages within. 1. Love First 1. What is Love First? 2. Universal Love 3. The Elements of Love 4. The Philosophy 5. The Path of Love 2. A New Identity 3. Habits of Love 4. Everything Is 1. A Spectrum 2. (many more) 5. Made With Love First 1. (tbd) ### For: New Social Contract `/social-contract/` Root level list items are section headers (folders in the file structure), not meant to be clickable. As “pages” they will contain an intro and/or index with summaries of the section’s pages within. 1. Social Contract 2. Harmony System ### For: People `/people/` No sidebar (until there are multiple people on the social side). ## 4. Footer Bottom of every page. - About page - Credits page --- ## Related Reading - [[goinglovefirst.com/product-vision|Product Vision]] - [[goinglovefirst.com/design-scope|Design Scope]] - [[goinglovefirst.com/dev-scope|Development Scope]] - [[goinglovefirst.com/tech-stack|Technology Stack]]