inception's People
inception's Issues
test
footer
Footer
active line chart
template
template
- banner
- image (optional)
- navigation
- title (<5)
- search (option)
- content
- about
- news
- skills
content
Content
when click navigation item, it will fade in correspond content and fade out last content.
Web
- grid (left description, right picture)
effect:
* hover - change cursor, and showread more
text - tag (below content, > 2 , < 8 )
effect:
* hover - light color - card (top picture, below description)
effect:
* hover - top picture, change toline chart
show recently topic
Mobile
- grid (top picture, middle description, bottom tag , < 3 )
- card (top picture, below description)
Optional Component
- parse javascript graph
- parse markdown
theme
Theme
font
color
8 main color (4 light, 4 dark), every main color has two relative colors, one is light another is dark.
reference:
button
shape: rounded, rectangle
color: fill up, transparency
content
topic
content-grid
header: with top left
description: left/right
image: left/right
tag: shape: rounded, color: fill up, transparency
content-card
3 cards
4 cards
navigation
Navigation
Web
-
icon
effect:
* click - reload page
* hover - show root url -
item ( > 2 , < 5 )
effect:
* hover - show underscore
* active - fixed underscore
Mobile
when click navigation icon, it will show full screen view which contains icon, and nav items.
- icon
- item ( > 2 , < 5 )
Optional Component
search bar
remove unused css/js library
TODO
- bootstrap
- webfonts
banner
Banner
Web
- tile
- short bio
- icon ( < 5 )
- button
effect: hover - show down arrow
Mobile
- title
- description
- down arrow
effect: animation down arrow
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.