secretfoundation / secretwebsite Goto Github PK
View Code? Open in Web Editor NEWSecret Website
Home Page: https://scrt.network
secretwebsite's People
Contributors
Stargazers
Watchers
Forkers
harto-ingenio nocanvas kirillshaman davidagustin the-dusky-proxy the-dusky carterlwoetzel edithmoreno steven-chang stakeordie arafaa ezaruba thanpolas rmgalatic andrianbalanescu codeaudit fareqwetr tata7772 g202 echallenge cryptobukssecretwebsite's Issues
Align Blog cards with CTA cards on homepage [Homepage]
Header Color Reversion
- The header should match the background
- On light their should be a 1px black border on the bottom
- On dark their should be a 1px white border on the bottom
Change Network Flow design [About]
Static vs. Moving
Series of Boxes?
Need Iconography and graphical interpretation of the steps in the process
Color code the boxes?
use cards and arrows
Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=812%3A100371
Add Media link on footer [Layout]
Add "Media Articles" link under Secret Network column.
Can: (Site Header) I think blog and forum are links similar to icons vs. about / community / developers. I’d move them to the very right end. Forum is more suitable for an icon as it’s hosted somewhere else.
Action
Discuss on Tuesday Call
If agreed
Update Map and send to design
Comment
We liked that the links on the top read A, B, C, D, E, F. This would change it to A, C, D, E. I think I agree though, and losing that quaint aspect is not a big deal.
Add outline to logos [Ecosystem]
- 2px
- 10px radius
Link to Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=812%3A101255
card background misalignment on certain breakpoints
Can: (Ecosystem) The box structure is weird, sometimes you have 3 boxes in one row and sometimes we have 2 x 2. I’d make those consistent in layout and size (height x width)
Action
Send to Design
Add Github repository link to header [Layout]
Change Announcement design [Homepage]
- Make two columns: one for text and one for image/illustration
- Increase space between title and paragraph
- Add link
Add Contributors grid [Ecosystem]
- Add grid
- Add hover interaction on grid logos
Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=812%3A101255
Change Announcement design [Homepage]
- Make two columns: one for text and one for image/illustration
- Increase space between title and paragraph
- Add link
Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=670%3A73541
Adjust About page cards [About]
- change cards design (1px border, 10px radius, remove wavy line)
- change CTA card
Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=812%3A100371
Image Caching / Lazy Load
The site uses lazy loading for images which is good, but this should only be needed to first time you visit a page / asset.
What is preventing normal caching behavior?
Adjust Community page [Community]
- Display social media cards
- Hover state for cards (grows and changes color)
Reference: https://cosmos.network/community
Mockup: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=812%3A102906
UX : Separation of External Links to Internal links.
This would make it clear which are external links and which are internal links on the website. Although External links open in a new tab i think UX should differentiate them as well.
Ex :
External Links :
Internal Links:
This looks very similar, but the top our external links, while the bottom ones are internal links.
Change links color [Homepage]
- Choose color for dark theme (light-blue?)
- Choose color for light theme (blue?)
Change questions font on FAQ [About]
Link to Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=670%3A75984
Previously: H3
Now: H4
Can: (About) Font between headers and text is very similar in values and FAQ
Action
Hand off to Design
Idea
Add sections to FAQ and increase difference in font size.
Follow-On
Create Issue for Dev
Just Layout issues on bigger screen
Layout issues with the navbar on other tabs.
Change card structure to 2x2 [Ecosystem]
Change Network Flow design [About]
- change description
- change steps design
Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=812%3A100371
Create small announcement component [Layout]
Font-color set to white on Announcement component
When switching to the light theme, the text is set to dark. It has to be white too.
Create small announcement component [Layout]
- just text
- 2/3 of the screen width
Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=812%3A97820
Add Contributors grid [Ecosystem]
- * 20 logos on dekstop (5x4)
- * 12 logos on mobile (3x4)
- * Contributors will be above “Exchange and Wallet Support”
- * Remove 3 steps bar
- * The 4 main logos will be on the grid (foundation, enigma, etc.)
- * Hover state (overlay and brand name)
- Link to "See all" or "See more" (it would take you to the Contributors page)
Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=812%3A101255
Social Icons are Blurry
Create "Sharing Secrets Podcast" page [Sharing Secrets Podcast]
Adjust space between text lines on Blog section [Homepage]
Link to Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=670%3A73541
Mockup:
Implementation:
Adjust media cards [Homepage + Media Articles]
Can: (Site Header) I’d add a github link to secret network repo
Action
Add to Map and send to design.
Question
Should this be a link along with social links?
Can: (About Page) I think we can add a link to “Get SCRT, Stake SCRT, wallets, dApps” - this is how people will interact with Secret Network
Action
Test out in map, send to Design
Question
Should this me a new section on the About page? What should the section title be?
Create microinteractions for clickable cards
- Increase size when hovering
Adjust About page cards [About]
- change cards design (descriptive call outs) (1px border, 10px radius, remove wavy line)
- change CTA card design
Add outline to logos [Ecosystem]
- 2px
- 10px radius
Link to Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=812%3A101255
Create Contributors page [Contributors]
- Display all the contributors
- Hover state for logos (overlay, name and tag)
Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=812%3A98666
Change links color [Homepage]
- Light blue for dark theme
#83D9DD - Blue for light theme
#4195C4 - On the announcement it will always be light blue
#83D9DD
Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=812%3A97820
Create hover state for CTA cards [Homepage]
- increase size when hovering (?)
Reference: https://ethereum.org/en/what-is-ethereum/
Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=857%3A12
Adjust swirl's width on Blog Cards.
Add social media links on mobile menu [Layout]
Adjust Homepage [Homepage]
From James's notes:
- Front and center find the most important thing to have on the landing page
- Create a clear call to action on the landing page
- External media linkage: pomp podcast, interviews with other channel team members
- Relevant Videos Section - link to youtube
- Embed the video on the homepage
Footer logo misaligned on responsive devices.
Align it to the center.
Add social media links on mobile menu [Layout]
Add Media Articles link on footer [Layout]
Add "Media Articles" link under Secret Network column.
Figma: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=729%3A101222
Create hover state for CTA cards [Homepage]
- Grow 5% when hovering, from center
Reference: https://ethereum.org/en/what-is-ethereum/
Mockup: https://www.figma.com/file/1MWJTRPRpoZUmIpzE4cMj2/SCRT_REVIEW?node-id=857%3A12
Reduce header height [Layout]
missing open graph metadata
Create theme icons animation [Layout]
- Morph moon shape into sun and vice versa
Reduce header height [Layout]
Can: (Developers) We should move the rust link down in the page. You don’t really need to be a rust expert to write secret contracts.
Detail / Suggestions
Can: Instead we can replace that with sample contracts and link people to: SNIP-20, secretSCRT, secretAuction, secretVoting and other sample contracts. Maybe a better idea is to link this to Taariq’s step by step secret voting guide. We can name this, “build your first secret contract” - this suggestion is very much up for discussion, I’m leaning towards the second option. @assafmo @reuven @TomL @Cashmaney would be great to get your input
Action
Discuss in Tuesday call
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.