Today we at Stake or Die! are thrilled to announce that Phase 1 of The Secret Network Website project is complete. The site is live at SCRT.NETWORK. Go take a look !
Take your time and look around, then tell us what you like, what you don’t like, what you want to see more of, what cool ideas you would focus on, anything that really bothers you, etc. etc. Without going too deep into a long description of what is public to view, I want to highlight a few things:
The site is built with Vue.js and uses the Gridsome framework. Gridsome is a really cool, modern framework that exists within the JAMStack world. The decision was based on the relative comfort we understand the community has with Vue.js, but also the need to increase the scope and capability of the site beyond what VuePress is best used for.
Our goal was for the site to first and foremost seem clean and simple so that the message and the content would stand out. But, we also wanted some splashes of artistic design sprinkled in. For those bits, we took inspiration from the design aspects already in place in the blog posts, but also borrowed elements from Walking Frames’ excellent “Secret in 60 sec” video, and we wanted the site to feel like a natural home for its painterly, comic book feel. We look forward to more great videos and other content!
The main component that the site uses for information organization is the card. It is a common simple component that allows for clean consistent responsiveness. We hope to add new components as site grows, but for now we want to keep it simple and let the community play a role in the direction.
The styling is done with the help of a css framework that was developed by our partner LKMX called Flare. Flare is a very lightweight framework that is super intuitive. More will be written about his in the site documentation and contribution tutorials.
We wanted the site to have a malleable aspect to it that allows the viewer to exert some level of control, in keeping with the control of private data The Secret Network provides. To do this we incorporated two toggle switches, one for color and one for dark/light. Together, these toggles give the user four different experiences that they can choose for themselves.
That’s it, we have crossed one bridge today, but we are only at the very beginning of the journey. Phase 1 was about quickly getting something built and launched, so that we had a starting point to begin our work as a community. We couldn’t be more thrilled that 11 days after the proposal passed we are able to provide just that.
What went live today is a “Production ready MVP.” On Nov 20th the actual site will launch – the success of that launch will be up to all of us.