Vision5 - CreatIQ

# Notes # Marcus Site design: - Wireframe diagrams for site - Explanations of design elements - Examples of other sites Images: - Logos - Cover images Facebook: - Prepare main Vision5 page for merge - Merge FB pages Social media integration: - Link in FB / TW / INST to one account - Can handle messaging for all? - Test that pushes to all the platforms # Peter (to be updated) Suggested approach (ideal situation) Blitz the site: - Try to create a site with a massive 'wow' factor to get people excited quickly - Most of the wow comes from using great images, on multiple pages for each [section]5 - Will really get momentum going quickly - There will be some cost to Peter, but I'll make that worth his while down the line Overall: - Build a site of many simple pages - Each page [name].5.vision - Each page looks great, but not information overload Generate from GingkoApp: - GingkoApp (here) has JSON output - Marcus can write here quickly - Written in Markdown - Write code to extract the JSON and parse the Markdown - A little longer to set up (perhaps), but it'll be quick to make changes in the future (minutes or seconds) - Better long-term solution - Only an extra day's worth of programming to set up (at most) Hosting: - They host everything so I don't have to worry about it until I've got my own team to handle things - Not too worried about multiple servers for the Lightworker5 site, but will want to have plenty of backups for the main Vision5 site later (in case of DDoS / heavy load) Team: - 5 people until the 18th April - Might not need everyone - More, just in case Tasks (Marcus): - Content writing - Core logo design - Find cover photos Tasks (other): - Server admin / setup - Generating HTML from GingkoApp - HTML template creation - Page design (CSS) - Generate white logos - Find other images for the different sections - Create the stack diagrams Text content: - I'll hand him the stuff in the quickest way for me to produce it (I've got a lot to do, and formatting takes up time for me) - Use Gingko (this) - We'll use this page to generate the content by scraping the content from the JSON - Instructions are written here for developers Images: - Shared storage? - Dropbox? - Github? Logos: - Vector format done in Illustrator - I just provide colour logos, and they make white-on-transparent ones from that (since we'll need both) Shutterstock: - Set up a Shutterstock account so I can download more images (preferably ASAP) - That way I can download new images and create logos / get the photos I want and then just hand them over - No need for me to explain things to developers Sites Sites in general Domains: - 5.vision (main) - d.5.vision (devel) - t.5.vision (testing) - a.5.vision (admin) Languages: - English-only for now - We'll do multi-lingual in the main site we'll launch - Would like to make a big impact, so have it in lots of different languages (50?) - So many, because I want to get people from poor countries to sign up early on, because that will help the philanthropic side - Also, if it's in 50 (or 55?) languages, that's a huge 'wow' factor that inherently says this is serious - Nobody will translate into Tamil for example if it's not serious - It's also inherently giving respect to people who speak second-tier languages who are used to having to do things in a second-language (which will not only be appreciated by the people, but also by the people with some power) - Also, it'll make it harder to suppress if the info is all out there Lightworker5 site 2 pages: - www.5.vision (multiple pages) - lightworker.5.vision (single pages) www.5.vision: - Outline of Vision5 - Introduction on each section www.5.vision +: - More info on each section in the form of a table - I'll just send them headings and text, and they can copy/paste (quicker for me) Vision5 site Example: - http://www.oxfordhouse.nl/films - Have a little introduction for each section - Photos for each - Logos for each Tasks Nameservers: - Makes sense for me to set his nameservers for 5.vision (and other domains) Hosting: - Set up single hosting on whatever works best for them Extract GingkoApp JSON: - Fetch this documents - Filter is as agreed - Convert the Markdown - Once that is done, the rest is pretty easy Switching sites: - [dev] d.5.vision - dynamic (always changes) - [test] t.5.vision - static (copied from dev) - [live] 5.vision - static (copied from test) Page design: - Cover picture for each page - White logo for each section on top of the image? - Main menu at top - Menu bar in top-right - Footer section to main links Use existing template ?: - Find appropriate template that we could use or could create our own - Will be generating own HTML, so might be easier - Copy CSS only - Test out with logo and some text URL conversions: - [dev] Social media: - Don't want to have to deal with same posts on all platforms - Just Facebook for now - Twitter and Instagram later - If there's a platform we could merge all three, then perfect - will use that Stack diagrams: - Multiple stack diagrams for Internet5 / Web5 / Awakening5 - Sketch images to be provided by Marcus - [Example](https://www.google.com/search?q=stack+diagram&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiq8qmMy7PhAhXlsnEKHdF_AysQ_AUIDigB&biw=1920&bih=974#imgrc=_wj9AG37yEemtM:) Stack: - Set up Stack (or other tools) for group Dropbox: - Setup Dropbox (or other cloud storage) for group Shutterstock: - Set up Shutterstock to be used by team - Would like to have access afterwards, so maybe just extend the one I currently have if they don't have one already Admin button (bonus): - a.5.vision - Simple login - Admin button to move dev -> test and test -> live Tools Agreed actions Peter Marcus Text: - Will # Developers General This [GingkoApp](https://gingkoapp.com) page contains the content for the Vision5 websites that Sources Tree : [gingkoapp.com/vision5-creatiq](https://gingkoapp.com/vision5-creatiq) JSON : [gingkoapp.com/vision5-creatiq.json](https://gingkoapp.com/vision5-creatiq.json) Extracting the content 1. Fetch the JSON content from the JSON link above 2. Parse the tree using the 'content' and 'children' cards to structure it 3. Use the tree structure explained below to generate HTML from the Markdown contained in the content fields Tree structure Note: You'll need to extract the '#' characters from the names - Sites - [domain].5.vision - [section] - [content] Content sections Content blocks: - Content sections may be a single cards or multiple cards - If they are multiple (child) cards, they should be merged - Each card should have a 'div' around it - Each block / list should also have a 'div' around it for formatting Content: - All content is written in Markdown - The Markdown should be converted to HTML Creating HTML pages - I'll discuss that with Peter - The sections might be a little customized for each page Images - Speak to Peter # Menus [Top] About5 [Economy5](economy.5.vision) [Tech5](tech.5.vision) [Humanity5](humanity.5.vision) [Unity5](unity.5.vision) [Academy5](academy.5.vision) Lightworker5 Crowdfunder5 [Top-right] Academy5 Economy5 Market5 Rocket5 Exchange5 Lightworker5 [OpenIntel5](intel.5.vision) [Awakening5](awakening.5.vision) [Meditation5](meditation.5.vision) [Consciousness5](consciousness.5.vision) Humanity5 Tech5 [Internet5](internet.5.vision) [Web5](web.5.vision) Unity5 # Sites # about.5.vision # awakening.5.vision Notes Content # blog.5.vision # contact.5.vison # economy.5.vision # humanity.5.vision # internet.5.vision # lightworker.5.vision Notes Content # market.5.vision # meditation.5.vision # rocket.5.vision # tech.5.vision # unity.5.vision # web.5.vision # www.5.vision Notes Content