Hi Steemians! Today I want to show you the visual style and category arrangement for the eco+ STEEM interface. It will collect posts from the blockchain and rearrange them in categories and/or position them on the world map.
Post contents:
1. Mockups for the interface in 1920x1080. You can click on any picture and press F11 to see it in full screen.
2. Latest list of THEORY-PERMACULTURE categories (5.3.2018.). You can add your own categories and posts right now. Read on.
3. What technology will eco+ use for the interface on the STEEM blockchain?
3. Latest list of supporters (5.3.2018.). If you want to be added, leave a comment below.
Below, the new homescreen mockup.
[](https://steemitimages.com/DQmf9igiRx9PtJJCUxSGHuc1E6iBzHrZ7F3pCc741GRbuuP/ECOPLUS-HOMESCREEN.png)
## Categories
eco+ will use the last tag from a post to position it inside the interface.
**In eco+, TAGs grow into trees of categories.**
The blockchain will recieve a TAG that's an abbreviation of the ROOT.
The interface will read the TAG as the whole ROOT, the position in the interface and the specific CATEGORY.
[](https://steemitimages.com/DQmTqFXewaKzHdpdVPPX9eVUgQ5WzYWv7vi9EiickaEugAg/THEORY-PERMACULTURE.png)
If you post in a sub-category, the post will automatically show up in all ROOT categories.
For example, if you make an article about Bill Mollison, the post will show up in the following categories:
PERMACULTURE,
PERMACULTURE/TOOLS,
PERMACULTURE/TOOLS/PERMACULTURAL DESIGN,
PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/ACTIVISTS.
[](https://steemitimages.com/DQmWa1XmkK89fNsDnhgUp77NpfJoXkWpRi8HZoEeJMhPztC/THEORY-PERMACULTURE-TOOLS-PERMACULTURALDESIGN.png)
The category arrangement you see here is not fixed, more categories can be added.
**You can propose a new category at any time.**
[](https://steemitimages.com/DQmPs5Hp3X265iCKsqt4BobDdWsCchU1kLBgamNNPnT4xm8/THEORY-VEGANISM.png)
Write a comment in the following layout:
**CATEGORY**: MICHAEL GREGER
**ROOT**: VEGANISM/TOOLS/NUTRIOTION RESEARCH/AUTHORS/MICHAEL GREGER
**DESCRIPTION:** A physician, an author, and a professional speaker on public health issues. His focus are the benefits of whole plant foods and the harms of eating animal products.
[](https://steemitimages.com/DQmTcTWnFmwaCQvprDbcwHs7oq8WePx5EVtWywLAYKjZ42y/THEORY-VEGANISM-TOOLS-NUTRITIONRESEARCH.png)
You do not need to specify the TAG, it will be generated by abbreviating the ROOT.
Just make sure your ROOT path is correct and all categories in it already exist. If they don't, make a parent category first.
[](https://steemitimages.com/DQmXFGyLAoyGcpsy5WehVoc1rp4ChqKgm71wt1iZwikPZTz/THEORY-VEGANISM-TOOLS-PHILOSOPHYANDETHICS.pn)
If your proposition doesn't receive negative feedback, it will be added to the interface.
[](https://steemitimages.com/DQmfQCwsRzrtoJi4HmHWB6oX4dq2Rtq7gpBN6NfkZJcci6q/THEORY-VEGANISM-TOOLS-VEGANICPERMACULTURE.png)
You can already post under the existing categories.
When the interface launches, you will be able to request permission for posting to the interface from your STEEM account.
If your account is confirmed, the interface will load your older posts and you will be able to create new posts.
**Make sure the last tag in your post is the TAG of the category.**
[](https://steemitimages.com/DQmdhg92yaMN1TNFH9Qj7dff6GLDSEs556BKd2PuLk3Uo5M/THEORY-SOCIOCRACY.png)
Also, let me know by commenting on one of my posts and linking your article.
**Below you can find the list of THEORY-PERMACULTURE categories.**
Scroll through if you do not need to use them right now.
# PERMACULTURE
TAG: P
ROOT: PERMACULTURE
DESCRIPTION: Permanent culture - sustainable approach to life.
## PURPOSE
TAG: PP
ROOT: PERMACULTURE/PURPOSE
DESCRIPTION: Manifestation of synergy of life in land and culture design.
## GOALS
TAG: PG
ROOT: PERMACULTURE/GOALS
DESCRIPTION:
1. to bring the ecological footprint of all people below one
2. to create sustainable abundance
3. to facilitate ease-of-care-and-use land design
4. to encourage biological diversity
## TOOLS
TAG: pt
ROOT: PERMACULTURE/TOOLS
DESCRIPTION: Tools that help us make our impact sustainable, ecological and ethical.
## SUSTAINABLE BUILDING
TAG: ptsb
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING
DESCRIPTION: Self-sufficient, off-grid home and infrastructure with a positive psychological impact and a negative ecological footprint.
### MATERIALS
TAG: ptsbma
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/MATERIALS
DESCRIPTION: Bio-degradable, carbon-negative, zero-waste building materials.
### METHODS
TAG: ptsme
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/METHODS
DESCRIPTION: Methods for making our homes&infrastructure sustainable.
**SOLAR PASSIVE DESIGN**
TAG: ptsbmesd
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/METHODS/SOLAR PASSIVE DESIGN
DESCRIPTION: With passive solar building we take advantage of the local climate by performing an accurate site analysis and applying key principles.
**TINY&TRANSPORTABLE**
TAG: ptsbmett
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/METHODS/TINY&TRANSPORTABLE
DESCRIPTION: Simple life in small, movable and affordable natural homes.
**EARTHSHIP&RECYCLED**
TAG: ptsbmeer
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/METHODS/EARTHSHIP&RECYCLED
DESCRIPTION: Buildings made from natural and upcycled materials.
**STRAWBALE&COB**
TAG: ptsbmesc
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/METHODS/STRAWBALE&COB
DESCRIPTION: Building with straw, sand and clay!
**WOOD&LOG**
TAG: ptsbmewl
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/METHODS/WOOD&LOG
DESCRIPTION: Traditional log houses and all other types of wooden homes.
**STONE**
TAG: ptsbmes
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/METHODS/STONE
DESCRIPTION: Stones serve as effective thermal mass in the mediterranean climate, making the night warmer and the day cooler.
### ELECTRICITY
TAG: ptsbe
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/ELECTRICITY
DESCRIPTION: Acquiring electricity sustainably with a DIY approach.
**HYDROPOWER**
TAG: ptsbhp
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/HYDROPOWER
DESCRIPTION: Utilizing the energy of moving water to light up our homes.
### WATER
TAG: ptsbwr
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/WATER
DESCRIPTION: Optimizing houses to maximize water recycling and to preserve it's purity.
**SOLAR COLLECTORS**
TAG: ptsbsc
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/SOLAR COLLECTORS
DESCRIPTION: Using the power of the sun to heat water for hot showers or heating.
### HEAT
TAG: ptsbh
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/HEAT
DESCRIPTION: Sustainable home heating and temperature regulation.
**COMPOST HEATERS**
TAG: ptsbch
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/COMPOST HEATERS
DESCRIPTION: Heating homes with the excess body heat of microbes that fertilize the soil.
### WASTE
TAG: ptsbw
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/WASTE
DESCRIPTION: Upcycling the 'unusable' and organic waste management.
**BIO GAS**
TAG: ptsbbg
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/BIO GAS
DESCRIPTION: Creating a potent source of energy from organic matter.
### WATER PURIFIERS
TAG: ptsbwp
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE BUILDING/WATER PURIFIERS
DESCRIPTION: Purifying the water with microbes, plants and filters.
## PERMACULTURAL DESIGN
TAG: ptpd
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN
DESCRIPTION: All-encompassing sustainable lifestyle design with the use of patterns from natural ecosystems.
### DIGITAL
TAG: ptpdd
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/DIGITAL
DESCRIPTION: Free digital tools that help permacultural designers.
### ACTIVISTS
TAG: ptpda
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/ACTIVISTS
DESCRIPTION: The greatest activists in the permacultural community.
**BILL MOLLISON**
TAG: ptpdabm
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/ACTIVISTS/BILL MOLLISON
DESCRIPTION: A researcher, author, scientist, teacher and biologist.
**GEOFF LAWTON**
TAG: ptpdagl
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/ACTIVISTS/GEOFF LAWTON
DESCRIPTION: A permaculture consultant, designer, teacher and speaker.
**MASANABU FUKUOKA**
TAG: ptpdamf
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/ACTIVISTS/MASANABU FUKUOKA
DESCRIPTION: A farmer and philosopher celebrated for his natural farming and re-vegetation of desertified lands.
**SEPP HOLZER**
TAG: ptpdasp
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/ACTIVISTS/SEPP HOLZER
DESCRIPTION: A farmer, an author, and an international consultant for natural agriculture.
### ANALYSIS
TAG: ptpdan
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/ANALYSIS
DESCRIPTION: Study of flow of energy in the system.
### ZONING
TAG: ptpdz
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/ZONING
DESCRIPTION: Positioning of elements within the system.
### LAYERS
TAG: ptpdl
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/LAYERS
DESCRIPTION: Maximum use of vertical space.
### ELEMENTS
TAG: ptpde
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/ELEMENTS
DESCRIPTION: Managed in a way that benefits their input/output.
### GUILDS
TAG: ptpdg
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/GUILDS
DESCRIPTION: Communities of elements and their interactions.
### SECTORS
TAG: ptpds
ROOT: PERMACULTURE/TOOLS/PERMACULTURAL DESIGN/SECTORS
DESCRIPTION: Managing external factors with an influence on the system.
## LAND DESIGN AND CARE
TAG: ptld
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE
DESCRIPTION: Design of agricultural property in a way that encourages biodiversity and makes it easy to maintain a productive piece of land.
### DIGITAL
TAG: ptldd
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/DIGITAL
DESCRIPTION: Free digital tools for land design and care.
### PRINCIPLES
TAG: ptldp
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/PRINCIPLES
DESCRIPTION: The principles of permacultural land design and care.
**OBSERVATION**
TAG: ptldpob
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/PRINCIPLES/OBSERVATION
DESCRIPTION: Observation of natural cycles and patterns.
**INTEGRATION**
TAG: ptldpi
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/PRINCIPLES/INTEGRATION
DESCRIPTION: Integration of observed positive interactions between elements.
**DIVERSIFICATION**
TAG: ptldpd
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/PRINCIPLES/DIVERSIFICATION
DESCRIPTION: Diversification of elements and their interaction for the resilience of the system.
**EDGE EFFECT**
TAG: ptldpe
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/PRINCIPLES/EDGE EFFECT
DESCRIPTION: Maximizing the area where two or more elements meet for better interaction.
**NO WASTE**
TAG: ptldpn
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/PRINCIPLES/NO WASTE
DESCRIPTION: Zero-waste policy - all design must exclude waste creation and fascilitate re-integration.
**PATTERNS**
TAG: ptldpp
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/PRINCIPLES/PATTERNS
DESCRIPTION: Awareness of common patterns in natural systems for better responsiveness to problems.
### ANALYSIS
TAG: ptlda
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/PRINCIPLES/ANALYSIS
DESCRIPTION: The analysis of the current state of the land.
### POND
TAG: ptldpo
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/POND
DESCRIPTION: Building ponds that mimic natural lakes, fertilize and water crops.
### LAYERS
TAG: ptldl
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/LAYER
DESCRIPTION: Layering of organic material to feed the soil.
### SIDERATION
TAG: ptlds
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/SIDERATION
DESCRIPTION: Annual or over-winter land re-fertilization with an extra crop.
### GUILDS
TAG: ptldg
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/GUILDS
DESCRIPTION: Plant, animal and mushroom communities and their interactions.
### FOREST
TAG: ptldf
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/FOREST
DESCRIPTION: Forests that feed humans and wildlife.
### HILL
TAG: ptldh
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/HILL
DESCRIPTION: Hill culture of carbon-based organic material for the cultivation of crops.
### CONTOUR
TAG: ptldc
ROOT: PERMACULTURE/TOOLS/LAND DESIGN AND CARE/CONTOUR
DESCRIPTION: On-contour terraces and swales that maximize nutrient and water usage.
## SUSTAINABLE ENERGY PRODUCTION
TAG: ptse
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION
DESCRIPTION: Use of local renewable energy sources for energy self-sufficiency.
### DIGITAL
TAG: ptsed
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION/DIGITAL
DESCRIPTION: Digital tools for sustainable energy production.
### METHODS
TAG: ptsem
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION/METHODS
DESCRIPTION: Methods for sustainable energy production.
**BLOCKCHAIN DRIVEN P2P ENERGY SHARING**
TAG: ptsemb
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION/METHODS/BLOCKCHAIN DRIVEN P2P ENERGY SHARING
DESCRIPTION: Sharing and trading electricity and other energy sources with the use of cryptocurrency and the blockchain.
**DIY APPROACH**
TAG: ptsemd
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION/METHODS/DIY APPROACH
DESCRIPTION: DIY approach to creating sustainable energy production systems.
**CONSUMATION REDUCTION**
TAG: ptsemc
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION/METHODS/CONSUMATION REDUCTION
DESCRIPTION: The approach to energy management that focuses on the reduction of consumation.
### STORES
TAG: ptses
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION/STORES
DESCRIPTION: Storing energy in an effective, cheap and sustainable way.
### ORGANIC
TAG: ptseo
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION/ORGANIC
DESCRIPTION: Using the power of organic matter to create heat and bio gas.
### HYDRO
TAG: ptseh
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION/HYDRO
DESCRIPTION: Using the power of moving water to generate electricity.
### SOLAR
TAG: ptseso
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION/SOLAR
DESCRIPTION: Use of the energy of the sun to generate electricity and heat.
### WIND
TAG: ptsewi
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION/WIND
DESCRIPTION: Use of the energy of the wind to generate electricity and pressure.
### WOOD
TAG: ptsewo
ROOT: PERMACULTURE/TOOLS/SUSTAINABLE ENERGY PRODUCTION/WOOD
DESCRIPTION: Use of the energy of the wind to create heat and bio gas.
## WATER MANAGEMENT
TAG: ptwm
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT
DESCRIPTION: Preservation of water purity and abundance achieving no waste and resistance to climate change.
### METHODS
TAG: ptwmm
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/METHODS
DESCRIPTION: Methods for effective sustainable water management.
**RAINWATER HARVESTING**
TAG: ptwmmrh
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/METHODS/RAINWATER HARVESTING
DESCRIPTION: Harvesting rainwater with huge surfaces - roofs, ponds, etc.
**GRAVITY IRRIGATION**
TAG: ptwmmgi
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/METHODS/GRAVITY IRRIGATION
DESCRIPTION: Watering permacultural systems with nothing but gravity and the weight of water.
**SWAMP SIMULATION**
TAG: ptwmmsi
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/METHODS/SWAMP SIMULATION
DESCRIPTION: Water purification systems with swampland plants such as reed.
**SWALES&TERRACES**
TAG: ptwmmst
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/METHODS/SWALES&TERRACES
DESCRIPTION: Putting an end to erosion and maximizing water retention on sloped terrains.
**POND BUILDING**
TAG: ptwmmpb
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/METHODS/POND BUILDING
DESCRIPTION: Building ponds that attract wildlife, store water and fertilize gardens.
**AQUACULTURE**
TAG: ptwmmac
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/METHODS/AQUACULTURE
DESCRIPTION: Purifying lake water with plants that grow with no soil.
**TESTING**
TAG: ptwmmt
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/METHODS/TESTING
DESCRIPTION: Microbiologically and chemically testing water for drinking or irrigation.
### RAIN
TAG: ptwmr
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/RAIN
DESCRIPTION: Rain water is collected from roofs, swales and ponds.
### SPRING
TAG: ptwms
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/SPRING
DESCRIPTION: Spring water is used for drinking and extraction.
### FLOWING
TAG: ptwmf
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/FLOWING
DESCRIPTION: Flowing waters are directed to ponds or left within their natural flow.
### WASTE
TAG: ptwmw
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/WASTE
DESCRIPTION: Waste waters are purified with plants and microbes and are fed to fruit trees.
### GROUND
TAG: ptwmg
ROOT: PERMACULTURE/TOOLS/WATER MANAGEMENT/GROUND
DESCRIPTION: Ground waters are used for irrigation when other sources are scarce.
I hope this sort of arrangement will work for all of us. Leave feedback please, along with propositions what would you change!
# What technology will eco+ use for the interface on the STEEM blockchain?
The site needs to be fast, interactive, downsizable and infinitely scalable.
It needs to communicate well with the blockchain.
**I have come up with the following setup:**
## CSS & HTML
HTML will be used with CSS for site styling, positioning of elements and toggling day/night modes.
## JavaScript
JavaScript will be used to make the site interactive and for animations.
## SVG
Scalable vector graphics will be used to make the content scalable, to reduce the size of the site and to ensure total interactivity.
## STEEM-JS
The javascript API for STEEM will be used for the communication with the blockchain.
## Google Maps JavaScript API
The Google Maps API will be used for PRACTICE in a similar way steemitworldmap.com uses it, but only limited to eco+ users.
If you have better ideas, please input your knowledge in the comment section below.
# List of eco+ supporters
I would like to thank all of the people who supported the project until now, who presented me with enthusiasm to join eco+ and help it grow. I hope you will all stay with us and make a better, greener world while making our own lives prosperous, abundant, enjoyable, fun and free! Below, you can see the list of all the kind people that left a comment on an eco+ post. If you wish to be added or removed, leave a comment below.
1. @evecab
2. @webdevtrust
3. @cmbugua
4. @moonunit
5. @ronnie60
6. @amy-goodrich
7. @nicoleslife
8. @kooshikoo
9. @novacadian
10. @sunnybronx
Thank you!
If you haven't seen the previous posts about eco+, check it out, you might like the project.
They are listed below by date, from oldest to newest.
[Why the STEEM blockchain is a permacultural thing and how I became interested in building upon it](https://steemit.com/steemit/@freegardens/why-i-the-steem-blockchain-is-a-permacultural-thing-and-how-i-became-interested-in-building-upon-it)
[eco+, an ecological guarantee based on the wisdom of the crowd](https://steemit.com/blockchain/@freegardens/eco-an-ecological-guarantee-based-on-the-wisdom-of-the-crowd)
[Introducing eco+, the basics, the STEEM interface, the logo and the typefaces](https://steemit.com/blockchain/@freegardens/introducing-eco-the-basics-the-logo-and-the-typefaces)
[Proof of consent - everyone agrees???](https://steemit.com/blockchain/@freegardens/proof-of-consent-everyone-agrees)
With the kindest love,
@freegardens!
hiveblocks