├── .gitignore ├── LICENSE ├── README.md ├── design ├── 000layout.png ├── 000layout.svg ├── color-info-bar.svg ├── group-breadcrum.svg ├── groups-feature.png ├── landing-design.svg ├── panels.svg ├── settings-bar.svg ├── tool-bar.svg └── zoom.png ├── docs ├── Makefile ├── barriers │ └── index.rst ├── conf.py ├── goals │ └── index.rst ├── images │ ├── goals.jpg │ ├── inkscape-screen.png │ └── structure.png ├── index.rst ├── main │ └── index.rst ├── make.bat ├── requirements.txt ├── structure │ └── index.rst ├── tools │ └── index.rst └── visual │ └── index.rst ├── landing ├── .gitignore ├── .nvmrc ├── README.md ├── app │ ├── images │ │ ├── 000layout.png │ │ ├── andres.jpg │ │ ├── avatar.jpg │ │ ├── goal.jpg │ │ ├── grid.png │ │ ├── grid.svg │ │ ├── homebg.png │ │ ├── how1.jpg │ │ ├── how2.jpg │ │ ├── how3.jpg │ │ ├── inkscape-screen.png │ │ ├── juan.jpg │ │ ├── logo-piweek.png │ │ ├── quotes.png │ │ └── xavi.jpg │ ├── index.jade │ ├── scripts │ │ └── main.coffee │ ├── styles │ │ ├── dependencies │ │ │ ├── colors.scss │ │ │ ├── forms.scss │ │ │ ├── helpers.scss │ │ │ ├── mediaqueries.scss │ │ │ ├── mixins.scss │ │ │ ├── responsive.scss │ │ │ └── typography.scss │ │ ├── layout │ │ │ ├── grid.scss │ │ │ └── layout.scss │ │ ├── main.scss │ │ ├── modules │ │ │ ├── goal.scss │ │ │ ├── how.scss │ │ │ ├── landing.scss │ │ │ ├── sexy.scss │ │ │ ├── structure.scss │ │ │ ├── today.scss │ │ │ ├── tools.scss │ │ │ ├── visual.scss │ │ │ ├── who.scss │ │ │ └── why.scss │ │ └── shame │ │ │ └── shame.scss │ ├── svg │ │ ├── fap.svg │ │ ├── goal-love.svg │ │ ├── goal-ui.svg │ │ ├── goal-ux.svg │ │ ├── goal.svg │ │ ├── heart-bezier.svg │ │ ├── heart.svg │ │ ├── how.svg │ │ ├── inkscape.svg │ │ ├── kaleidos.svg │ │ ├── pain.svg │ │ ├── structure-icon.svg │ │ ├── structure.svg │ │ ├── structure1.svg │ │ ├── structure2.svg │ │ ├── structure3.svg │ │ ├── tool.svg │ │ ├── tools.svg │ │ └── visual.svg │ └── views │ │ ├── layout │ │ └── main.jade │ │ └── modules │ │ ├── goal.jade │ │ ├── how.jade │ │ ├── landing.jade │ │ ├── sexy.jade │ │ ├── structure.jade │ │ ├── today.jade │ │ ├── tools.jade │ │ ├── visual.jade │ │ ├── who.jade │ │ └── why.jade ├── bower.json ├── csslintrc.json ├── dist │ ├── images │ │ ├── 000layout.png │ │ ├── groups-feature.png │ │ └── zoom.png │ └── svg │ │ └── inkscape-dark.svg ├── gulpfile.coffee ├── htmlhintrc.json ├── package-lock.json ├── package.json └── scsslint.yml ├── mockups ├── interactive-zones-3d.svg ├── interactive-zones.svg └── mobile-first.ep └── reference ├── hue-color-wheel.jpg ├── icons ├── 00tools │ ├── 01select.svg │ ├── 02bezier.svg │ ├── 03zoom.svg │ ├── 04text.svg │ ├── 05rectangle.svg │ ├── 06circle.svg │ ├── 07fillstroke.svg │ ├── 08font.svg │ ├── 09layers.svg │ ├── 10align.svg │ ├── 11code.svg │ ├── 12line.svg │ ├── 13caligraphic.svg │ ├── 14polygons.svg │ ├── 15pickcolor.svg │ ├── 16diagram.svg │ ├── 17import.svg │ ├── 19config.svg │ ├── 22cube.svg │ ├── 23spiral.svg │ ├── 24trace.svg │ ├── 25grid.svg │ ├── 26delete.svg │ ├── 27retouch.svg │ ├── 28bucket.svg │ ├── 29gradient.svg │ ├── 30spray.svg │ ├── 31history.svg │ └── 32measure.svg ├── 01select │ ├── 01select-all.svg │ ├── 02select-all2.svg │ ├── 03select-deselect.svg │ ├── 04rotate-left.svg │ ├── 04rotate-right.svg │ ├── 05hor.svg │ ├── 06ver.svg │ ├── 07position1.svg │ ├── 08position2.svg │ ├── 09position3.svg │ ├── 10position4.svg │ ├── 11affect1.svg │ ├── 12affect2.svg │ ├── 13affect3.svg │ └── 14affect4.svg ├── general │ ├── 10visible.svg │ ├── 11no-visible.svg │ ├── 12help.svg │ ├── 1arrow.svg │ ├── 2plus.svg │ ├── 3close.svg │ ├── 4rest.svg │ ├── 5arrow-up.svg │ ├── 6arrow-down.svg │ ├── 7arrow-down-push.svg │ ├── 7arrow-up-push.svg │ ├── 8lock.svg │ └── 9unlock.svg └── mod02-fill-and-stroke │ ├── 01fill.svg │ ├── 02linear-gradient.svg │ ├── 03radial-gradient.svg │ ├── 04pattern.svg │ ├── 05stroke-style.svg │ ├── 05stroke.svg │ └── 06sample.svg └── layout.svg /.gitignore: -------------------------------------------------------------------------------- 1 | /docs/_build 2 | scss-lint.log 3 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | **NOTE This was an experimentation project from [ΠWEEK](http://piweek.com/). Is not active anymore.** 2 | 3 | All redesign proposal can be sent to [Inkscape Inbox](https://inkscape.org/report) and will be reviewed by the Inkscape team. 4 | 5 | * Rethinkscape website (deprecated): http://piweek.github.io/rethinkscape/ 6 | * Docs: https://github.com/PIWEEK/rethinkscape/tree/master/docs 7 | * Wireframes: https://github.com/PIWEEK/rethinkscape/tree/master/mockups 8 | 9 | Welcome to *rethinkscape* 10 | ============================= 11 | 12 | We are a group of UX, designers, and front-end developers. We use inkscape on our daily basis and **we love it**. 13 | 14 | Inkscape it’s open source, free, powerful and standard compliant. It makes web development and vectorial design easy and it’s widely supported by the community. 15 | 16 | After some years using it as our main design software **we decided we should contribute to the community with what we know how to do better: our passion for design and usability.** 17 | 18 | 19 | -------------------------------------------------------------------------------- /design/000layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/design/000layout.png -------------------------------------------------------------------------------- /design/groups-feature.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/design/groups-feature.png -------------------------------------------------------------------------------- /design/zoom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/design/zoom.png -------------------------------------------------------------------------------- /docs/barriers/index.rst: -------------------------------------------------------------------------------- 1 | The Pains & the goods 2 | ================================= 3 | 4 | The main problem for Inkscape newcomers is its usability. Since its born in 2003 Inkscape has beend actively developed and most of its new functionalities has been added piece-meal over the years without much thought about consistency. 5 | 6 | .. image:: ../images/inkscape-screen.png 7 | 8 | What are the pains :( 9 | ----------------------- 10 | 11 | **Order and hierarchy** 12 | Inkscape has a lot of non key features at plain sight and at the same level of the basic ones and the basic ones are not set in an specific order. 13 | 14 | **Workflow** 15 | There is no consistency in the user flow and some newcomers get lost using the application. 16 | 17 | **Visual Design** 18 | There is room for improvements on visual design. 19 | 20 | 21 | What we love :) 22 | -------------------------- 23 | 24 | **Inkscape is powerful** 25 | In terms of features Inkscape could be used as a professional vector software editor without much trouble. That makes inkscape not only a serious competitor but also a perfect alternative for those who work with propietary software. 26 | 27 | **Complies with vector image standards** 28 | The goal of inscape is to provide a tool that accomplish completely with international standards for XML, SVG and CSS. 29 | 30 | **Powerful shortcuts systems** 31 | Most of the tool can be used via its powerful shortcut system. In addition, the shortcut system is customizable and inkscape provides a preconfigured shortcut system similar to alternative propietary software. 32 | 33 | **It's OPEN SOURCE!** 34 | Unlike many proprietary applications you can directly report issues, enhancements or features to the Inkscape developers or develop it yourself if you have the knowledge to do it. Inkscape is developed by people like us and we can be part of it. 35 | 36 | A big insight 37 | -------------- 38 | 39 | **Most designers think that inkscape has none of this features** 40 | While we agree that Inkscape is powerful and flexible, we found out that most of the designers still using propietary software (paying it or hacking it) because they think that Inkscape is not stable and professional for theis current job. And surprisignly, **most of them agreed that the lack of confidence in open source software as inkscape was caused by its interface and poor usability.** 41 | -------------------------------------------------------------------------------- /docs/goals/index.rst: -------------------------------------------------------------------------------- 1 | Project Goals 2 | ================================= 3 | 4 | We’ve made several working sessions to clarify the main inkscape problems in terms of user experience. We got to a list of good and bad things that lead us to what we find are the major issues that we will approach: 5 | 6 | - There are a lot of non key features at plain sight and at the same level of the basic ones. 7 | - There is no consistency in the user flow 8 | - There is room for improvements on visual design. 9 | 10 | .. image:: ../images/goals.jpg 11 | 12 | With this in mind we decided to focus our inkscape redesign proposal on three basic concepts: 13 | 14 | Structure 15 | ------------------------ 16 | We find the current layout structure a bit chaotic. Grouping the type of content and functionalities provided to the user will greatly facilitate his tasks. Defining areas can facilitate the user recognizing what he need without using his memory. We’ll discriminate between tools, subtools, panels and info. You can read more about *recognition rather than recall:* http://www.nngroup.com/articles/recognition-and-recall/ . 17 | 18 | Tools organization and hierarchy 19 | ------------------------------------------ 20 | We find several usability issues on current tools placements and organization. There are too many options at plain sight, with a questionable or difficult to understand organization and with no apparent hierarchy. We’ll make a proposal that involves grouping similar tools, organizing them with some kind of hierarchy and displaying options and parameters consistently. 21 | 22 | Visual Simplicity 23 | ------------------------------- 24 | Visual design can make the difference if we want inkscape to be used by all kind of designers (Visual, UX, Graphic, Interaction...) and non professional users. A modern, simple and visually beautiful interface will improve user experience and minimize the difference against (proprietary) competitors. 25 | -------------------------------------------------------------------------------- /docs/images/goals.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/docs/images/goals.jpg -------------------------------------------------------------------------------- /docs/images/inkscape-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/docs/images/inkscape-screen.png -------------------------------------------------------------------------------- /docs/images/structure.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/docs/images/structure.png -------------------------------------------------------------------------------- /docs/index.rst: -------------------------------------------------------------------------------- 1 | .. Rethinkscape documentation master file, created by 2 | sphinx-quickstart on Mon Dec 15 12:42:18 2014. 3 | You can adapt this file completely to your liking, but it should at least 4 | contain the root `toctree` directive. 5 | 6 | ======================================= 7 | Welcome to RethInkscape docs! 8 | ======================================= 9 | 10 | We are a group of UX, designers, and front-end developers. We use `inkscape `_ on our daily basis and we love it. 11 | 12 | Inkscape it's open source, free, powerful and standard compliant. It makes web development and vectorial design easy and it's widely supported by the community. 13 | 14 | After some years using it as our main design software we decided we should contribute to the community with what we know how to do better: our passion for design and usability. As a kind Inkscape developer told us *"You'll be most passionate and effective with either what you know best, or what you desire the most."* 15 | 16 | Index 17 | ------ 18 | 19 | .. toctree:: 20 | :maxdepth: 2 21 | 22 | main/index.rst 23 | barriers/index.rst 24 | goals/index.rst 25 | structure/index.rst 26 | tools/index.rst 27 | visual/index.rst 28 | 29 | 30 | ================================= 31 | 32 | @todo: project model (basecamp) 33 | -------------------------------------------------------------------------------- /docs/main/index.rst: -------------------------------------------------------------------------------- 1 | Why Inkscape? 2 | ================================= 3 | Inkscape is a free and open source software vector graphics editor. Its goal is to implement full support for the Scalable Vector Graphics (SVG) 1.1 standard. Inkscape is cross-platform[7] and runs on OS X, Unix-like operating systems, and Microsoft Windows. 4 | 5 | Inkscape began in 2003 as a code fork of the Sodipodi project. Since then, Inkscape grew to become the reference in the open source community regarding vectorial design. 6 | 7 | Contribute to such a big and important project is not easy but we love challenges. So, Why Inkscape? 8 | 9 | We love Inkscape 10 | ---------------- 11 | We are a group of UX, designers and front-end developers. We use inkscape on our daily basis and we love it. 12 | 13 | Inkscape it's open source, free, powerful and standard compliant. It makes web development and vectorial design easy and it's widely supported by the community. 14 | 15 | After some years using it as our main design software we decided we should contribute to the community with what we know how to do better: our passion for design. As Josh Andler, Inkscape developer told us *"You'll be most passionate and effective with either what you know best, or what you desire the most."* 16 | 17 | Adobe Monopoly and Sketch opposition 18 | ------------------------------------- 19 | If you are already a user of Inkscape, you probably know why we should use open source software. But, if not, you probably experienced some of the lately changes happened in Adobe. 20 | 21 | - Adobe has raised prices (it was very expensive, now it's monthly paid). 22 | - The company thinks in their own interest before their users opinion. 23 | - A lot of people is using keygens to avoid paying its price which means free way virus and trojans. 24 | - Users cannot choose their operating system (again, a non open source system) 25 | 26 | In the last years lot of users changed to *Sketch*, a fresh new alternative for *Adobe Illustrator*. Users are paying a medium price (around 80€) for a far lower featured application. Still, this is a closed source software only available for OSX users. 27 | 28 | Usability and design problems 29 | ----------------------------- 30 | We agree that Inkscape is a powerful tool. Born in 2003 and developed actively since then, it probably never had an actual UX and design work behind and lots of features have been added in every version of the software. 31 | 32 | Most current Inkscape developers recognize that Inkscape UI could use some serious work. Most of its features have been added piece-meal over the years with out much thought about consistency. 33 | 34 | Designers and industry lack of interest 35 | ---------------------------------------- 36 | Doing some research in the last months while this project was around our heads, we talked to many designers and developers both in the open source industry or not and most of them agreed on the same: Inkscape seems to be an unstable, not proffesional, inmature and with a lack of features. The reason: its usability and design. 37 | 38 | Surprisingly, when we analyzed the features that our designers use in their everyday work, they found out that these features where largely covered by inkscape, and in some cases, this features were richer than its closed counterpart. 39 | 40 | Open source design 41 | ------------------ 42 | 43 | Please, just read this Brad Frost's aricle: `Designing in the open `_ 44 | -------------------------------------------------------------------------------- /docs/requirements.txt: -------------------------------------------------------------------------------- 1 | Jinja2==2.7.3 2 | MarkupSafe==0.23 3 | Pygments==2.0.1 4 | Sphinx==1.2.3 5 | docutils==0.12 6 | sphinx-rtd-theme==0.1.6 7 | -------------------------------------------------------------------------------- /docs/structure/index.rst: -------------------------------------------------------------------------------- 1 | Structure 2 | ================================= 3 | 4 | The inkscape current layout structure a bit chaotic. Grouping the type of content and functionalities provided to the user will greatly facilitate his tasks. Defining areas can facilitate the user recognizing what he need without using his memory. We’ll discriminate between tools, subtools, panels and info. You can read more about *recognition rather than recall:* http://www.nngroup.com/articles/recognition-and-recall/ . 5 | 6 | Our goal is to define different action areas so it could help not only at organizing the current content and features but at providing a recognizable pattern for the user. This pattern should also facilitate the developers the decision making about where to place new features. 7 | 8 | .. image:: ../images/structure.png 9 | 10 | #. **Work Space**: This is the main area. It should be big enough for the designer and keep its space as big as possible. 11 | #. **Tool Bar**: This is where the tools are. 12 | #. **Settings bar**: This is where the settings are. 13 | #. **Colors Palette**: This is where there the colors palettes are. 14 | #. **Info Bar**: This is where the information bar is. 15 | #. **Panels Zone**: This is where the dockers panels are. 16 | -------------------------------------------------------------------------------- /docs/tools/index.rst: -------------------------------------------------------------------------------- 1 | Tools organization and hierarchy 2 | ================================= 3 | 4 | - Grouping related functions 5 | - Gestalt 6 | - Facilitate finding 7 | - Hierarchy 8 | -------------------------------------------------------------------------------- /docs/visual/index.rst: -------------------------------------------------------------------------------- 1 | Visual design 2 | ================================= 3 | 4 | - The Taiga sample 5 | - Icons 6 | - Panel reorganization 7 | - Simplicity: less is more effect 8 | -------------------------------------------------------------------------------- /landing/.gitignore: -------------------------------------------------------------------------------- 1 | .sass-cache/ 2 | bower_components/ 3 | dist/ 4 | node_modules/ 5 | -------------------------------------------------------------------------------- /landing/.nvmrc: -------------------------------------------------------------------------------- 1 | 10.9.0 2 | -------------------------------------------------------------------------------- /landing/app/images/000layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/000layout.png -------------------------------------------------------------------------------- /landing/app/images/andres.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/andres.jpg -------------------------------------------------------------------------------- /landing/app/images/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/avatar.jpg -------------------------------------------------------------------------------- /landing/app/images/goal.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/goal.jpg -------------------------------------------------------------------------------- /landing/app/images/grid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/grid.png -------------------------------------------------------------------------------- /landing/app/images/homebg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/homebg.png -------------------------------------------------------------------------------- /landing/app/images/how1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/how1.jpg -------------------------------------------------------------------------------- /landing/app/images/how2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/how2.jpg -------------------------------------------------------------------------------- /landing/app/images/how3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/how3.jpg -------------------------------------------------------------------------------- /landing/app/images/inkscape-screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/inkscape-screen.png -------------------------------------------------------------------------------- /landing/app/images/juan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/juan.jpg -------------------------------------------------------------------------------- /landing/app/images/logo-piweek.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/logo-piweek.png -------------------------------------------------------------------------------- /landing/app/images/quotes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/quotes.png -------------------------------------------------------------------------------- /landing/app/images/xavi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/app/images/xavi.jpg -------------------------------------------------------------------------------- /landing/app/index.jade: -------------------------------------------------------------------------------- 1 | extends views/layout/main 2 | 3 | block content 4 | include views/modules/landing 5 | include views/modules/today 6 | include views/modules/why 7 | include views/modules/goal 8 | include views/modules/how 9 | include views/modules/structure 10 | include views/modules/tools 11 | include views/modules/visual 12 | include views/modules/sexy 13 | include views/modules/who 14 | -------------------------------------------------------------------------------- /landing/app/scripts/main.coffee: -------------------------------------------------------------------------------- 1 | textlider = -> 2 | items = $('.main-goal span') 3 | item = $('.main-goal span.active') 4 | 5 | if items.last().hasClass('active') 6 | item.fadeOut(500, -> 7 | item.removeClass('active') 8 | items.first().addClass('active') 9 | items.first().fadeIn('slow').css('display','block'); 10 | ) 11 | else 12 | item.fadeOut(500, -> 13 | item.removeClass('active') 14 | item.next().addClass('active') 15 | item.next().fadeIn('slow').css('display','block'); 16 | ) 17 | 18 | setInterval(textlider, 2000) 19 | 20 | isVisible = -> 21 | $.each images, (index, value) -> 22 | visibility = isScrolledIntoView(value) 23 | $(this).addClass "display" if visibility 24 | return 25 | 26 | return 27 | isScrolledIntoView = (elem) -> 28 | docViewTop = $(window).scrollTop() 29 | docViewBottom = docViewTop + $(window).height() 30 | elemTop = $(elem).offset().top 31 | elemBottom = elemTop + $(elem).height() 32 | (elemBottom <= docViewBottom) and (elemTop >= docViewTop) 33 | images = $("img") 34 | $(window).on "scroll", -> 35 | isVisible() 36 | return 37 | -------------------------------------------------------------------------------- /landing/app/styles/dependencies/colors.scss: -------------------------------------------------------------------------------- 1 | // Colors - This is only an example. Format it with your own colors but DO NOT delete this 2 | 3 | $black: #000; 4 | $blackish: #050505; 5 | $grayer: #444; 6 | $gray: #808080; 7 | $gray-light: #d3d3d3; 8 | $whitish: #f5f5f5; 9 | $white: #fff; 10 | $white-trans: rgba(255, 255, 255, .5); 11 | 12 | $orange: #ff7f2a; 13 | $pink: #db7093; 14 | $red: #dc143c; 15 | $green: #98fb98; 16 | $blue: #6bcfef; 17 | $green-blue: #48d1cc; 18 | $purple: #b25ed3; 19 | $dark-green: #26343d; 20 | -------------------------------------------------------------------------------- /landing/app/styles/dependencies/forms.scss: -------------------------------------------------------------------------------- 1 | form { 2 | margin: 0; 3 | } 4 | 5 | label, 6 | .label-group { 7 | display: block; 8 | overflow: hidden; 9 | } 10 | 11 | input[type="radio"], 12 | input[type="checkbox"] { 13 | margin: 0 $small-margin; 14 | vertical-align: middle; 15 | 16 | + label { 17 | vertical-align: middle; 18 | } 19 | } 20 | 21 | textarea, 22 | input[type='text'], 23 | input[type='password'], 24 | input[type='email'], 25 | input[type='number'], 26 | input[type='search'], 27 | select[multiple], 28 | select[size], 29 | input[type="date"] { 30 | @include transition(all .3s linear); 31 | border: 1px solid $whitish; 32 | 33 | &:focus { 34 | outline: 0; 35 | } 36 | } 37 | 38 | textarea { 39 | height: auto; 40 | min-height: 10rem; 41 | } 42 | 43 | select, 44 | select[multiple], 45 | select[size], 46 | textarea, 47 | input[type='text'], 48 | input[type='password'], 49 | input[type='email'], 50 | input[type='number'], 51 | input[type='search'], 52 | input[type='date'] { 53 | display: inherit; 54 | margin: '#{$small-margin} 0'; 55 | padding: $small-padding; 56 | vertical-align: middle; 57 | } 58 | -------------------------------------------------------------------------------- /landing/app/styles/dependencies/helpers.scss: -------------------------------------------------------------------------------- 1 | // Margin 2 | $small-margin: .5rem; 3 | $margin: 1rem; 4 | $large-margin: 2rem; 5 | 6 | // Padding 7 | $small-padding: .5rem; 8 | $padding: 1rem; 9 | $large-padding: 2rem; 10 | 11 | // Alignments 12 | .text-left { 13 | text-align: left; 14 | } 15 | 16 | .text-right { 17 | text-align: right; 18 | } 19 | 20 | // Display 21 | .hidden { 22 | display: none; 23 | } 24 | 25 | .hide { 26 | opacity: 0; 27 | } 28 | 29 | .display { 30 | @include transition(all .3s ease-in-out); 31 | opacity: 1 !important; 32 | } 33 | -------------------------------------------------------------------------------- /landing/app/styles/dependencies/mediaqueries.scss: -------------------------------------------------------------------------------- 1 | @media (min-width: 767px) { 2 | 3 | .mod { 4 | padding: 3rem; 5 | } 6 | 7 | .one-whole-small { 8 | width: 100%; 9 | } 10 | 11 | .one-quarter-small { 12 | width: 25%; 13 | } 14 | 15 | .one-third-small { 16 | width: 33%; 17 | } 18 | 19 | .four-tenths-small { 20 | width: 40%; 21 | } 22 | 23 | .one-half-small { 24 | width: 50%; 25 | } 26 | 27 | .six-tenths-small { 28 | width: 60%; 29 | } 30 | 31 | .three-quarters-small { 32 | width: 75%; 33 | } 34 | 35 | } 36 | 37 | @media (min-width: 992px) { 38 | 39 | %xsmall {font-size: .8rem;} 40 | %small {font-size: 1.1rem;} 41 | %medium {font-size: 1.3rem;} 42 | %large {font-size: 1.6rem;} 43 | %larger {font-size: 2rem;} 44 | %xlarge {font-size: 2.6rem;} 45 | %xxlarge {font-size: 4rem;} 46 | %xxxlarge {font-size: 6rem;} 47 | 48 | .mod { 49 | padding: 4rem; 50 | } 51 | 52 | } 53 | 54 | @media (min-width: 1200px) { 55 | 56 | .mod { 57 | padding: 6rem; 58 | } 59 | 60 | } 61 | -------------------------------------------------------------------------------- /landing/app/styles/dependencies/mixins.scss: -------------------------------------------------------------------------------- 1 | // Our own mixins 2 | -------------------------------------------------------------------------------- /landing/app/styles/dependencies/responsive.scss: -------------------------------------------------------------------------------- 1 | // Based on Hugo Giraudel post on Sass 3.3 maps 2 | // http://sass-lang.com/documentation/file.SASS_REFERENCE.html#maps 3 | // http://www.sitepoint.com/managing-responsive-breakpoints-sass#with-a-configurable-mixin 4 | 5 | $breakpoints: ( 6 | 'small' : 767px, 7 | 'medium' : 992px, 8 | 'large' : 1200px 9 | ); 10 | 11 | @mixin responsive($breakpoint) { 12 | // Retrieves the value from the key 13 | $value: map-get($breakpoints, $breakpoint); 14 | // If the key exists in the map 15 | @if $value != null { 16 | // Prints a media query based on the value 17 | @media (min-width: $value) { 18 | @content; 19 | } 20 | } @else { // If the key doesn't exist in the map 21 | @warn 'Unfortunately, no value could be retrieved from `#{$breakpoint}`. ' 22 | + 'Please make sure it is defined in `$breakpoints` map.'; 23 | } 24 | } 25 | 26 | //Use example 27 | // @include responsive(small) {...} 28 | -------------------------------------------------------------------------------- /landing/app/styles/dependencies/typography.scss: -------------------------------------------------------------------------------- 1 | //Uncomment to use fonts 2 | //@each $font-face in DroidSans, DroidSans-Bold { 3 | // @font-face { 4 | // font-family: '#{$font-face}'; 5 | // src: url('../fonts/#{$font-face}.eot?#iefix') format('embedded-opentype'), 6 | // url('../fonts/#{$font-face}.woff') format('woff'), 7 | // url('../fonts/#{$font-face}.ttf') format('truetype'), 8 | // url('../fonts/#{$font-face}.svg#{$font-face}') format('svg'); 9 | // } 10 | //} 11 | 12 | h1, 13 | h2, 14 | h3, 15 | h4, 16 | h5, 17 | h6 { 18 | color: $white; 19 | font-weight: normal; 20 | 21 | a { 22 | font-weight: inherit; 23 | } 24 | } 25 | 26 | // __Font Sizes__ // 27 | %xsmall {font-size: .5rem;} 28 | %small {font-size: .9rem;} 29 | %medium {font-size: 1rem;} 30 | %large {font-size: 1.2rem;} 31 | %larger {font-size: 1.6rem;} 32 | %xlarge {font-size: 2rem;} 33 | %xxlarge {font-size: 2.4rem;} 34 | %xxxlarge {font-size: 3.2rem;} 35 | 36 | // __Font Types__ // 37 | 38 | %text { 39 | color: $white; 40 | font-family: 'Open Sans', sans-serif; 41 | font-weight: 400; 42 | } 43 | 44 | %bold { 45 | font-family: 'Open Sans', sans-serif; 46 | font-weight: 700; 47 | } 48 | 49 | // Font styles 50 | 51 | h1 { 52 | @extend %xxlarge; 53 | margin: 0; 54 | padding: 0; 55 | } 56 | 57 | h2 { 58 | @extend %xlarge; 59 | } 60 | 61 | h3 { 62 | @extend %larger; 63 | } 64 | 65 | p { 66 | margin: 0 0 $margin; 67 | 68 | img { 69 | margin: 0; 70 | } 71 | } 72 | 73 | em { 74 | font-style: italic; 75 | } 76 | 77 | strong { 78 | font-weight: bold; 79 | } 80 | 81 | hr { 82 | border: solid $gray; 83 | border-width: 1px 0 0; 84 | clear: both; 85 | height: 0; 86 | margin: $margin 0; 87 | } 88 | 89 | // __Links__ 90 | 91 | a, 92 | a:visited { 93 | color: $gray-light; 94 | text-decoration: none; 95 | } 96 | -------------------------------------------------------------------------------- /landing/app/styles/layout/grid.scss: -------------------------------------------------------------------------------- 1 | /*------------------------------------*\ 2 | $GRIDS 3 | \*------------------------------------*/ 4 | 5 | .row { 6 | font-size: 0; 7 | list-style: none; 8 | margin-bottom: 0; 9 | margin-left: -3.2rem; 10 | 11 | .col { 12 | @extend %medium; 13 | box-sizing: border-box; 14 | display: inline-block; 15 | padding: 1rem 0 1rem 3.2rem; 16 | vertical-align: top; 17 | } 18 | } 19 | 20 | /*------------------------------------*\ 21 | $WIDTHS 22 | \*------------------------------------*/ 23 | 24 | .one-whole { 25 | width: 100%; 26 | } 27 | 28 | .one-quarter { 29 | width: 25%; 30 | } 31 | 32 | .one-third { 33 | width: 33%; 34 | } 35 | 36 | .one-half { 37 | width: 50%; 38 | } 39 | 40 | .three-quarters { 41 | width: 75%; 42 | } 43 | -------------------------------------------------------------------------------- /landing/app/styles/layout/layout.scss: -------------------------------------------------------------------------------- 1 | body, 2 | html { 3 | @extend %text; 4 | margin: 0; 5 | padding: 0; 6 | } 7 | 8 | // __Modules__ // 9 | .mod { 10 | // min-height: 100vh; 11 | padding: 1.4rem; 12 | text-align: center; 13 | 14 | .container { 15 | margin: 0 auto; 16 | max-width: 1260px; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /landing/app/styles/main.scss: -------------------------------------------------------------------------------- 1 | // THIS IS THE MAIN INCLUDES SASS FILE and We Love IT 2 | 3 | //******************************************** 4 | // VENDOR 5 | //******************************************** 6 | @import '../../bower_components/normalize.css/normalize.css'; 7 | //Bourbon 8 | $prefix-for-webkit: true; 9 | $prefix-for-mozilla: true; 10 | $prefix-for-microsoft: true; 11 | $prefix-for-opera: true; 12 | $prefix-for-spec: true; 13 | @import '../../bower_components/bourbon/dist/bourbon'; 14 | 15 | //******************************************** 16 | // DEPENDENCIES 17 | //******************************************** 18 | @import 'dependencies/helpers'; 19 | @import 'dependencies/colors'; 20 | @import 'dependencies/typography'; 21 | @import 'dependencies/mixins'; 22 | @import 'dependencies/forms'; 23 | 24 | //******************************************** 25 | // LAYOUT - Common layout block 26 | //******************************************** 27 | @import 'layout/layout'; 28 | @import 'layout/grid'; 29 | 30 | //******************************************** 31 | // COMPONENTS - Reusable pieces of code 32 | //******************************************** 33 | 34 | //******************************************** 35 | // MODULES - Single pieces of code 36 | //******************************************** 37 | @import 'modules/landing'; 38 | @import 'modules/today'; 39 | @import 'modules/why'; 40 | @import 'modules/goal'; 41 | @import 'modules/how'; 42 | @import 'modules/structure'; 43 | @import 'modules/tools'; 44 | @import 'modules/visual'; 45 | @import 'modules/sexy'; 46 | @import 'modules/who'; 47 | 48 | //******************************************** 49 | // SHAME 50 | //******************************************** 51 | @import 'shame/shame'; 52 | 53 | //******************************************** 54 | // MEDIA QUERIES 55 | //******************************************** 56 | @import 'dependencies/mediaqueries'; 57 | -------------------------------------------------------------------------------- /landing/app/styles/modules/goal.scss: -------------------------------------------------------------------------------- 1 | .goal { 2 | background: url('../images/grid.png') $dark-green repeat top left; 3 | // height: 100vh; 4 | 5 | img { 6 | display: block; 7 | margin: 0 auto; 8 | max-width: 80px; 9 | width: 100%; 10 | } 11 | 12 | .main-goal { 13 | margin-bottom: 5rem; 14 | 15 | h2 { 16 | @extend %medium; 17 | margin: .5rem; 18 | text-align: center; 19 | } 20 | 21 | p { 22 | @extend %xxlarge; 23 | @extend %bold; 24 | margin-top: 2rem; 25 | text-align: center; 26 | } 27 | 28 | span { 29 | display: none; 30 | 31 | &.active { 32 | display: block; 33 | } 34 | } 35 | } 36 | 37 | .weapons { 38 | margin-bottom: 2rem; 39 | text-align: center; 40 | } 41 | 42 | .sub-goal { 43 | @include display(flex); 44 | @include justify-content(center); 45 | @include align-items(center); 46 | @include align-content(center); 47 | 48 | img { 49 | max-width: 55%; 50 | } 51 | 52 | >div { 53 | @include flex(1); 54 | text-align: center; 55 | } 56 | 57 | .goal-ux { 58 | color: $green; 59 | } 60 | 61 | .goal-ui { 62 | color: $blue; 63 | } 64 | 65 | .goal-community { 66 | color: $purple; 67 | } 68 | 69 | p { 70 | @extend %medium; 71 | margin-top: 1rem; 72 | } 73 | } 74 | } 75 | -------------------------------------------------------------------------------- /landing/app/styles/modules/how.scss: -------------------------------------------------------------------------------- 1 | .how { 2 | background: $white; 3 | color: $gray; 4 | min-height: 100vh; 5 | padding: 2rem; 6 | text-align: center; 7 | 8 | .icon { 9 | display: block; 10 | margin: 0 auto; 11 | width: 80px; 12 | } 13 | 14 | h2 { 15 | color: $orange; 16 | } 17 | 18 | h3 { 19 | @extend %medium; 20 | @extend %bold; 21 | color: $gray; 22 | margin-bottom: .5rem; 23 | } 24 | 25 | img { 26 | border-radius: 1rem; 27 | margin: 2rem 0 1rem; 28 | width: 100%; 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /landing/app/styles/modules/landing.scss: -------------------------------------------------------------------------------- 1 | .landing { 2 | 3 | background: url('../images/grid.png') repeat top left, url('../images/homebg.png') no-repeat center center; 4 | background-size: auto, cover; 5 | height: 100vh; 6 | 7 | .landing-title { 8 | padding-top: 70vh; 9 | } 10 | 11 | h1 { 12 | @extend %xxxlarge; 13 | margin: 0 auto; 14 | text-align: center; 15 | } 16 | 17 | h2 { 18 | @extend %medium; 19 | margin: 0 auto; 20 | text-align: center; 21 | } 22 | 23 | .piweek { 24 | @extend %medium; 25 | @include transition(color .3s linear); 26 | display: block; 27 | margin-top: 2rem; 28 | text-align: center; 29 | 30 | &:hover { 31 | @include transition(color .3s linear); 32 | color: $orange; 33 | } 34 | } 35 | 36 | } 37 | -------------------------------------------------------------------------------- /landing/app/styles/modules/sexy.scss: -------------------------------------------------------------------------------- 1 | .sexy { 2 | background: $white; 3 | color: $black; 4 | min-height: 100vh; 5 | padding: 2rem; 6 | 7 | p { 8 | @extend %small; 9 | color: $gray; 10 | margin-bottom: 2rem; 11 | } 12 | 13 | .container { 14 | margin: 0 auto; 15 | max-width: 900px; 16 | } 17 | 18 | .icon { 19 | display: block; 20 | margin: 0 auto; 21 | width: 80px; 22 | } 23 | 24 | h2 { 25 | color: $pink; 26 | text-align: center; 27 | } 28 | 29 | h3 { 30 | @extend %bold; 31 | @extend %medium; 32 | color: $pink; 33 | 34 | span { 35 | @extend %medium; 36 | color: $gray-light; 37 | display: block; 38 | } 39 | } 40 | 41 | blockquote { 42 | background: url('../images/quotes.png') no-repeat 0 0; 43 | color: $gray; 44 | margin: 0; 45 | padding: 0 0 0 3rem; 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /landing/app/styles/modules/structure.scss: -------------------------------------------------------------------------------- 1 | .structure { 2 | background: $whitish; 3 | color: $gray; 4 | min-height: 100vh; 5 | padding: 2rem; 6 | 7 | .icon { 8 | display: block; 9 | margin: 0 auto; 10 | width: 80px; 11 | } 12 | 13 | h2 { 14 | color: $green-blue; 15 | text-align: center; 16 | } 17 | 18 | img { 19 | display: block; 20 | margin: 0 auto; 21 | max-width: 100%; 22 | width: 100%; 23 | } 24 | 25 | .structure-img { 26 | position: relative; 27 | 28 | img { 29 | position: absolute; 30 | 31 | &.img1 { 32 | padding-top: 7%; 33 | position: relative; 34 | z-index: 0; 35 | } 36 | 37 | &.img2 { 38 | left: 9%; 39 | top: 15%; 40 | width: 88.5%; 41 | z-index: 1; 42 | } 43 | 44 | &.img3 { 45 | left: 7%; 46 | top: 1%; 47 | width: 72%; 48 | z-index: 2; 49 | } 50 | 51 | } 52 | } 53 | 54 | ul { 55 | list-style: none; 56 | margin: 0; 57 | padding: 0; 58 | text-align: left; 59 | 60 | li { 61 | @extend %small; 62 | padding: .5rem 0 .5rem 3rem; 63 | position: relative; 64 | 65 | &::before { 66 | border-radius: 50%; 67 | color: $white; 68 | content: ""; 69 | font-size: 1.1em; 70 | font-weight: bold; 71 | height: 30px; 72 | left: 0; 73 | line-height: 1.5; 74 | position: absolute; 75 | text-align: center; 76 | top: 20%; 77 | width: 30px; 78 | } 79 | } 80 | 81 | .workspace { 82 | &::before { 83 | background-color: $gray-light; 84 | content: "1"; 85 | } 86 | } 87 | 88 | .toolbar { 89 | &::before { 90 | background-color: $orange; 91 | content: "2"; 92 | } 93 | } 94 | 95 | .tools-settings { 96 | &::before { 97 | background-color: $green-blue; 98 | content: "3"; 99 | } 100 | } 101 | 102 | .colors { 103 | &::before { 104 | background-color: $blue; 105 | content: "4"; 106 | } 107 | } 108 | 109 | .info { 110 | &::before { 111 | background-color: $green; 112 | content: "5"; 113 | } 114 | } 115 | 116 | .panels { 117 | &::before { 118 | background-color: $purple; 119 | content: "6"; 120 | } 121 | } 122 | 123 | } 124 | } 125 | -------------------------------------------------------------------------------- /landing/app/styles/modules/today.scss: -------------------------------------------------------------------------------- 1 | .today { 2 | background: $whitish; 3 | 4 | h2 { 5 | color: $grayer; 6 | margin: 2rem 0; 7 | } 8 | 9 | p { 10 | color: $gray; 11 | margin: 0 0 2rem; 12 | } 13 | 14 | img { 15 | margin-top: 1rem; 16 | width: 100%; 17 | } 18 | 19 | .icon { 20 | margin-top: 0; 21 | opacity: .5; 22 | width: 80px; 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /landing/app/styles/modules/tools.scss: -------------------------------------------------------------------------------- 1 | .tools { 2 | background: $white; 3 | color: $gray; 4 | min-height: 100vh; 5 | padding: 2rem; 6 | 7 | .icon { 8 | display: block; 9 | margin: 0 auto; 10 | width: 80px; 11 | } 12 | 13 | h2 { 14 | color: $blue; 15 | text-align: center; 16 | } 17 | 18 | img { 19 | display: block; 20 | margin: 0 auto; 21 | max-width: 500px; 22 | width: 100%; 23 | } 24 | 25 | p { 26 | text-align: right; 27 | } 28 | 29 | ul { 30 | list-style: none; 31 | margin: 0; 32 | padding: 0; 33 | text-align: left; 34 | 35 | li { 36 | padding: .5rem 0 .5rem 3rem; 37 | position: relative; 38 | 39 | &::before { 40 | border-radius: 50%; 41 | color: $white; 42 | content: ""; 43 | font-size: 1.1em; 44 | font-weight: bold; 45 | height: 30px; 46 | left: 0; 47 | line-height: 1.3; 48 | position: absolute; 49 | text-align: center; 50 | top: 10%; 51 | width: 30px; 52 | } 53 | } 54 | 55 | .toolbar { 56 | &::before { 57 | background-color: $green; 58 | content: "1"; 59 | } 60 | } 61 | 62 | .panels { 63 | &::before { 64 | background-color: $purple; 65 | content: "2"; 66 | } 67 | } 68 | 69 | .document { 70 | &::before { 71 | background-color: $blue; 72 | content: "3"; 73 | } 74 | } 75 | 76 | } 77 | } 78 | -------------------------------------------------------------------------------- /landing/app/styles/modules/visual.scss: -------------------------------------------------------------------------------- 1 | .visual { 2 | background: url('../images/grid.png') $dark-green repeat top left; 3 | color: $white; 4 | 5 | .icon { 6 | display: block; 7 | margin: 0 auto; 8 | width: 80px; 9 | } 10 | 11 | h2 { 12 | text-align: center; 13 | } 14 | 15 | .img { 16 | background: $white-trans; 17 | border-radius: 4px; 18 | padding: 1rem; 19 | vertical-align: center; 20 | } 21 | 22 | img { 23 | max-width: 100%; 24 | width: 100%; 25 | } 26 | 27 | ol { 28 | list-style-position: inside; 29 | margin: 0; 30 | padding: 0; 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /landing/app/styles/modules/who.scss: -------------------------------------------------------------------------------- 1 | .who { 2 | background: url('../images/grid.png') $grayer repeat top left; 3 | color: $white; 4 | padding: 2rem; 5 | 6 | .icon { 7 | display: block; 8 | margin: 0 auto; 9 | width: 80px; 10 | } 11 | 12 | h2 { 13 | color: $white; 14 | text-align: center; 15 | } 16 | 17 | a { 18 | 19 | &:hover { 20 | color: $white; 21 | } 22 | 23 | h3 { 24 | @extend %bold; 25 | @extend %medium; 26 | color: $blue; 27 | } 28 | 29 | } 30 | 31 | img { 32 | border-radius: 50%; 33 | max-width: 50%; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /landing/app/styles/modules/why.scss: -------------------------------------------------------------------------------- 1 | .why { 2 | background: $white; 3 | 4 | .icon { 5 | display: block; 6 | margin: 0 auto; 7 | width: 80px; 8 | } 9 | 10 | .reasons { 11 | 12 | h2 { 13 | @extend %larger; 14 | margin: 1rem; 15 | text-align: center; 16 | } 17 | 18 | ul { 19 | margin: 0 auto; 20 | padding: 0; 21 | } 22 | 23 | li { 24 | @extend %medium; 25 | color: $gray; 26 | line-height: 1; 27 | // list-style-image: url('../svg/heart.svg'); 28 | list-style-type: none; 29 | margin-bottom: 1rem; 30 | 31 | span { 32 | @extend %small; 33 | } 34 | } 35 | } 36 | 37 | .love { 38 | margin-bottom: 1rem; 39 | 40 | h2 { 41 | color: $pink; 42 | } 43 | } 44 | 45 | .pain { 46 | 47 | h2 { 48 | color: $red; 49 | } 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /landing/app/styles/shame/shame.scss: -------------------------------------------------------------------------------- 1 | // Shameful SCSS declarations to be eventually refactorized 2 | // Please don't hesitate to comment throughly this shameful thing 3 | // No git blame allowed when public shame accepted, just refactor. 4 | -------------------------------------------------------------------------------- /landing/app/svg/fap.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 39 | 41 | 42 | 44 | image/svg+xml 45 | 47 | 48 | 49 | 50 | 51 | 56 | 59 | Layer 1 61 | 63 | 73 | 77 | 80 | 83 | 86 | 91 | 96 | 97 | 98 | 99 | 104 | 105 | 106 | 107 | 108 | -------------------------------------------------------------------------------- /landing/app/svg/goal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 39 | 41 | 42 | 44 | image/svg+xml 45 | 47 | 48 | 49 | 50 | 51 | 56 | 66 | 71 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /landing/app/svg/inkscape.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 39 | 41 | 42 | 44 | image/svg+xml 45 | 47 | 48 | 49 | 50 | 51 | 56 | 59 | Layer 1 61 | 63 | 68 | 71 | 72 | 73 | 74 | 75 | -------------------------------------------------------------------------------- /landing/app/svg/structure-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 39 | 41 | 42 | 44 | image/svg+xml 45 | 47 | 48 | 49 | 50 | 51 | 56 | 60 | Layer 1 62 | 65 | 70 | 71 | 72 | 75 | 78 | 83 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /landing/app/views/layout/main.jade: -------------------------------------------------------------------------------- 1 | doctype html 2 | html 3 | head 4 | meta(charset="utf-8") 5 | block title 6 | title Rethinkscape 7 | meta(http-equiv="content-type", content="text/html; charset=utf-8") 8 | meta(name="description", content="A new UX/UI proposal for inkscape") 9 | meta(name="keywords", content="Inkscape, UX, UI, theme, redesign") 10 | meta(name="viewport", content="width=device-width, user-scalable=no") 11 | block meta 12 | 13 | link(href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300', rel='stylesheet', type='text/css') 14 | link(rel="stylesheet", href="styles/main.css") 15 | block styles 16 | 17 | body 18 | block content 19 | 20 | script(src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js") 21 | script(type="text/javascript", src="scripts/scripts.js") 22 | block scripts 23 | -------------------------------------------------------------------------------- /landing/app/views/modules/goal.jade: -------------------------------------------------------------------------------- 1 | section.mod.goal 2 | .main-goal 3 | img(src="../svg/goal.svg", alt="Our goal") 4 | h3 Our goal is 5 | p We want Inkscape to be the favourite tool for every... 6 | span.active visual designer 7 | span UX designer 8 | span backend developer 9 | span web designer 10 | span graphic designer 11 | span frontend developer 12 | h3 and our weapons are 13 | .sub-goal 14 | .goal-ux 15 | img(src="../svg/goal-ux.svg", alt="Improve usability") 16 | p Usability 17 | .goal-ui 18 | img(src="../svg/goal-ui.svg", alt="Improve UI") 19 | p Design 20 | .goal-community 21 | img(src="../svg/goal-love.svg", alt="Improve your love for inkscape") 22 | p Community 23 | -------------------------------------------------------------------------------- /landing/app/views/modules/how.jade: -------------------------------------------------------------------------------- 1 | section.mod.how 2 | .container 3 | div.row 4 | div.col.one-whole 5 | img.icon(src="../svg/how.svg", alt="How are we doing it?") 6 | h2 How are we doing it? 7 | 8 | div.col.one-third-small 9 | h3 Investigation 10 | p.text-left First of all we had a working session to determine the main problems, the main benefits and the main insights that led us to clarify the big picture. 11 | img(src="../images/how1.jpg", alt="How are we doing it?") 12 | 13 | div.col.one-third-small 14 | h3 Analysis 15 | p.text-left With the investigation in mind, we decided that the main issues from a UX perspective that we have to approach are the structure, the tools and de visual design. 16 | img(src="../images/how2.jpg", alt="How are we doing it?") 17 | 18 | div.col.one-third-small 19 | h3 Definition 20 | p.text-left We are already drawing wireframes reflecting the conclusions we reached on our analysis and also making final design proposals. 21 | img(src="../images/how3.jpg", alt="How are we doing it?") 22 | -------------------------------------------------------------------------------- /landing/app/views/modules/landing.jade: -------------------------------------------------------------------------------- 1 | section.landing.grid 2 | .landing-title 3 | h1 4 | span Reth 5 | strong inkscape 6 | h2 A new UX/UI proposal for Inkscape 7 | a.piweek(href="http://piweek.com/", target='_blank', title="This is a ΠWEEK Project") A ΠWEEK Project 8 | -------------------------------------------------------------------------------- /landing/app/views/modules/sexy.jade: -------------------------------------------------------------------------------- 1 | section.sexy 2 | .container 3 | img.icon(src="../svg/fap.svg", alt="Sexy thing") 4 | h2 It's already happening! 5 | p This is not just an experimental idea or a funny ΠWEEK game. We actually got in touch with the real inkscape developer and started an agile conversation to make this real. Some of them are giving us some feedback and we started to iterate. 6 | div.row 7 | div.one-half-small.col 8 | blockquote Inkscape is primarily created by volunteers and other people who are passionate... share your passion with us. Whatever way your team goes, we're excited to see what you come up with. :) We're also happy to have you as users and in our development community! 9 | h3 Josh Andler (@ScislaC) 10 | span Inkscape developer 11 | div.one-half-small.col 12 | blockquote Glad to hear you love Inkscape! We would love to have you collaborate with us.
I think most current Inkscape developers recognize that our UI could use some serious work. Most of it has been added piece-meal over the years with out much thought about consistency. 13 | h3 Tavmjong Bah 14 | span SVG W3C Group Inkscape representative 15 | div.one-half-small.col 16 | blockquote Wuaauuu!! Your ideas seems very chagenlling and very attractive. I like so much your mockups, and I think this way will improve usability and general user attractiveness for Inkscape. 17 | h3 Fernando Cuenca Margalef 18 | span A guy from Indra 19 | div.one-half-small.col 20 | blockquote Many of your ideas could be proper tools, while others should be re-thought when it comes to the panels and how they are activated and hidden. 21 | h3 Martin Owens. (@realdoctomo) 22 | span Inkscape developer, Artist, and twit 23 | -------------------------------------------------------------------------------- /landing/app/views/modules/structure.jade: -------------------------------------------------------------------------------- 1 | section.mod.structure 2 | .container 3 | div.row 4 | div.col.one-whole 5 | img.icon(src="../svg/structure-icon.svg", alt="New Structure") 6 | h2 Structure 7 | p. We believe that grouping the type of content and functionalities provided to the user will greatly facilitate his tasks. Defining areas will help the user recognizing what he need without using his memory. We’ll discriminate between tools, subtools, panels and info. 8 | div.col.six-tenths-small.structure-img 9 | img.img3.hide(src="../svg/structure3.svg", alt="Rethinkscape structure") 10 | img.img2.hide(src="../svg/structure2.svg", alt="Rethinkscape structure") 11 | img.img1(src="../svg/structure1.svg", alt="Rethinkscape structure") 12 | ul.col.four-tenths-small 13 | li.workspace Work space: The main space where the user can do their dreams come true. 14 | li.toolbar Toolbar: Here the user will find every tool that he needs to perform his tasks. 15 | li.tools-settings Tool settings: Here the user will always find settings and paramaters of the tools. 16 | li.colors Colors Palette: We love the current color palette, is useful and cool at the same time. We just want to leave it like it is. 17 | li.info Info bar: User will always find info in this area. Just to know about his current status, never to modify things. 18 | li.panels Panels: Complex modifiers and parameter panels. 19 | -------------------------------------------------------------------------------- /landing/app/views/modules/today.jade: -------------------------------------------------------------------------------- 1 | section.mod.today 2 | .container 3 | div.row 4 | div.col.one-whole 5 | img.icon(src="../svg/inkscape-dark.svg", alt="Inkscape") 6 | h2 Inkscape today 7 | div.col.one-half-small.text-left 8 | p Inkscape it’s open source, free, powerful and standard compliant. It makes web development and vectorial design easy and it’s widely supported by the community. 9 | p Born in 2003 and developed actively since then, it probably never had an actual UX and design work behind. By fixing this, we want to help Inkscape to be 10 | strong the best tool for every kind of designer. 11 | div.col.one-half-small 12 | img(src="../images/inkscape-screen.png", alt="Inkscape") 13 | -------------------------------------------------------------------------------- /landing/app/views/modules/tools.jade: -------------------------------------------------------------------------------- 1 | section.mod.tools 2 | .container 3 | div.row 4 | div.col.one-whole 5 | img.icon(src="../svg/tool.svg", alt="Powerful tools") 6 | h2 Powerful tools 7 | div.col.one-third-small 8 | p We find several usability issues on current tools placements and organization. There are too many options at plain sight, with a questionable or difficult to understand organization and with no apparent hierarchy. 9 | p Our proposal implies grouping similar tools, organizing them with some kind of hierarchy and displaying options and parameters consistently. 10 | div.col.one-third-small 11 | img(src="../svg/tools.svg", alt="Rethinkscape tools") 12 | ul.col.one-third-small 13 | li.toolbar Toolbar: Here we group the tools that will be used in most case scenarios. We create 3 subgroups: Shapes, Draw lines and Fill areas. Each group contains tools which affect our work in a similar way. 14 | li.panels Panels: This group is for windows with configurable settings, what we indetified as the second level on the user's needs. 15 | li.document Document settings: The special one. Important but with low frequency of use, thats why it's separated from the rest. 16 | -------------------------------------------------------------------------------- /landing/app/views/modules/visual.jade: -------------------------------------------------------------------------------- 1 | section.mod.visual 2 | .container 3 | img.icon(src="../svg/visual.svg", alt="Visuals") 4 | h2 Visual 5 | div.row 6 | p.col.one-whole Visual design can make the difference if we want inkscape to be used by all kind of designers (Visual, UX, Graphic, Interaction...) and non professional users. A modern, simple and visually beautiful interface will improve user experience. 7 | .col.one-half-small 8 | div.img 9 | img(src="../images/groups-feature.png", alt="Inkscape") 10 | 11 | .col.one-half-small 12 | div.img 13 | img(src="../images/zoom.png", alt="Inkscape") 14 | 15 | .col.one-whole 16 | div.img 17 | img(src="../images/000layout.png", alt="Inkscape") 18 | -------------------------------------------------------------------------------- /landing/app/views/modules/who.jade: -------------------------------------------------------------------------------- 1 | section.mod.who 2 | .container 3 | div.row 4 | div.col.one-whole 5 | img.icon(src="../svg/kaleidos.svg", alt="Kaleidos") 6 | h2 Who are these crazy Kaleiders 7 | 8 | div.col.one-third-small 9 | img(src="../images/xavi.jpg", alt="Xavier Julián") 10 | a(href="http://twitter.com/xaviju", target="_blank") 11 | h3 @xaviju 12 | p Purple in the morning, blue in the afternoon, orange in the evening. 13 | 14 | 15 | div.col.one-third-small 16 | img(src="../images/andres.jpg", alt="Andrés Gonzalez") 17 | a(href="http://twitter.com/myfunnyandy", target="_blank") 18 | h3 @myfunnyandy 19 | p You know why, David? Because of the kids. They called me Mr Glass. 20 | 21 | div.col.one-third-small 22 | img(src="../images/juan.jpg", alt="Juan de la Cruz") 23 | a(href="http://twitter.com/elhombretecla", target="_blank") 24 | h3 @elhombretecla 25 | p In a comic, you know how you can tell who the arch-villain's going to be? 26 | -------------------------------------------------------------------------------- /landing/app/views/modules/why.jade: -------------------------------------------------------------------------------- 1 | section.mod.why 2 | div.row 3 | .reasons.col.one-half-small.love 4 | img.icon(src="../svg/heart-bezier.svg", alt="We love inkscape because...") 5 | h2 We love inkscape because... 6 | ul 7 | li 8 | span is powerful and has great features 9 | li 10 | span complies with SVG image standards 11 | li 12 | span has an awesome shortcut system 13 | li 14 | span it's OPEN SOURCE! 15 | .reasons.col.one-half-small.pain 16 | img.icon(src="../svg/pain.svg", alt="What we love") 17 | h2 But the pain is that... 18 | ul 19 | li 20 | span it has a lot of non key features at plain sight and at the same level of the basic ones 21 | li 22 | span there are consistency flaws in the user flow 23 | li 24 | span there is room for improvements on visual design 25 | -------------------------------------------------------------------------------- /landing/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Mangosta", 3 | "version": "0.0.0", 4 | "homepage": "", 5 | "authors": [ 6 | "Xavier Julián " 7 | ], 8 | "description": "Bullet-proof front-end architecture for fast development", 9 | "license": "MIT", 10 | "ignore": [ 11 | "**/.*", 12 | "node_modules", 13 | "bower_components", 14 | "test", 15 | "tests" 16 | ], 17 | "dependencies": { 18 | "bourbon": "3.2.3", 19 | "normalize.css": "~3.0.1" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /landing/csslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "box-model": false, 3 | "compatible-vendor-prefixes": false, 4 | "empty-rules": true, 5 | "duplicate-properties": false, 6 | "ids": true, 7 | "known-properties": true, 8 | "overqualified-elements": false, 9 | "shorthand": true, 10 | "text-indent": true, 11 | "unique-headings": false, 12 | "vendor-prefix": true, 13 | "zero-units": true, 14 | "universal-selector": false, 15 | "box-sizing": false, 16 | "bulletproof-font-face": false, 17 | "important": false, 18 | "unqualified-attributes": false, 19 | "regex-selectors": false, 20 | "floats": false, 21 | "fallback-colors": false, 22 | "adjoining-classes": false, 23 | "qualified-headings": false 24 | } 25 | -------------------------------------------------------------------------------- /landing/dist/images/000layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/dist/images/000layout.png -------------------------------------------------------------------------------- /landing/dist/images/groups-feature.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/dist/images/groups-feature.png -------------------------------------------------------------------------------- /landing/dist/images/zoom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/landing/dist/images/zoom.png -------------------------------------------------------------------------------- /landing/dist/svg/inkscape-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 39 | 41 | 42 | 44 | image/svg+xml 45 | 47 | 48 | 49 | 50 | 51 | 56 | 59 | Layer 1 61 | 64 | 69 | 73 | 74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /landing/htmlhintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "attr-lowercase": true, 3 | "attr-value-double-quotes": true, 4 | "attr-value-not-empty": true, 5 | "doctype-html5": true, 6 | "head-script-disabled": true, 7 | "id-unique": true, 8 | "img-alt-require": true, 9 | "style-disabled": true, 10 | "tag-self-close": true, 11 | "tagname-lowercase": true 12 | } 13 | -------------------------------------------------------------------------------- /landing/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Mangosta", 3 | "version": "0.0.0", 4 | "description": "Bullet-proof front-end architecture for fast development", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "author": "Xaviju", 10 | "license": "MIT", 11 | "devDependencies": { 12 | "gulp": "^3.8.6", 13 | "gulp-cached": "^1.0.1", 14 | "gulp-coffee": "^2.1.1", 15 | "gulp-coffeelint": "^0.3.3", 16 | "gulp-concat": "^2.3.4", 17 | "gulp-htmlhint": "0.0.9", 18 | "gulp-imagemin": "^2.0.0", 19 | "gulp-sass": "^4.1.0", 20 | "gulp-webserver": "^0.5.0", 21 | "imagemin-pngcrush": "^0.1.0", 22 | "node-sass": "^5.0.0" 23 | }, 24 | "dependencies": { 25 | "coffee-script": "^1.7.1", 26 | "gulp-csslint": "^0.1.4", 27 | "gulp-filesize": "0.0.6", 28 | "gulp-jade": "^0.6.1", 29 | "gulp-plumber": "^0.6.3", 30 | "gulp-watch": "^0.6.10", 31 | "imagemin-pngquant": "^4.0.0", 32 | "jade": "^1.3.1", 33 | "plumber": "^0.4.3" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /landing/scsslint.yml: -------------------------------------------------------------------------------- 1 | # Default application configuration that all configurations inherit from. 2 | 3 | scss_files: "**/*.scss" 4 | 5 | linters: 6 | BangFormat: 7 | enabled: true 8 | space_before_bang: true 9 | space_after_bang: false 10 | 11 | BorderZero: 12 | enabled: true 13 | 14 | ColorKeyword: 15 | enabled: true 16 | 17 | Comment: 18 | enabled: false 19 | 20 | DebugStatement: 21 | enabled: true 22 | 23 | DeclarationOrder: 24 | enabled: true 25 | 26 | DuplicateProperty: 27 | enabled: true 28 | 29 | ElsePlacement: 30 | enabled: true 31 | style: same_line # or 'new_line' 32 | 33 | EmptyLineBetweenBlocks: 34 | enabled: true 35 | ignore_single_line_blocks: true 36 | 37 | EmptyRule: 38 | enabled: true 39 | 40 | FinalNewline: 41 | enabled: true 42 | present: true 43 | 44 | HexLength: 45 | enabled: true 46 | style: short # or 'long' 47 | 48 | HexNotation: 49 | enabled: true 50 | style: lowercase # or 'uppercase' 51 | 52 | HexValidation: 53 | enabled: true 54 | 55 | IdSelector: 56 | enabled: true 57 | 58 | ImportPath: 59 | enabled: true 60 | leading_underscore: false 61 | filename_extension: false 62 | 63 | Indentation: 64 | enabled: true 65 | character: space # or 'tab' 66 | width: 4 67 | 68 | LeadingZero: 69 | enabled: true 70 | style: exclude_zero # or 'include_zero' 71 | 72 | MergeableSelector: 73 | enabled: true 74 | force_nesting: true 75 | 76 | NameFormat: 77 | enabled: true 78 | allow_leading_underscore: true 79 | convention: hyphenated_lowercase # or 'BEM', or a regex pattern 80 | 81 | NestingDepth: 82 | enabled: true 83 | max_depth: 4 84 | 85 | PlaceholderInExtend: 86 | enabled: true 87 | 88 | PropertySortOrder: 89 | enabled: true 90 | ignore_unspecified: false 91 | 92 | PropertySpelling: 93 | enabled: true 94 | extra_properties: [] 95 | 96 | QualifyingElement: 97 | enabled: true 98 | allow_element_with_attribute: true 99 | allow_element_with_class: false 100 | allow_element_with_id: false 101 | 102 | SelectorDepth: 103 | enabled: true 104 | max_depth: 4 105 | 106 | SelectorFormat: 107 | enabled: true 108 | convention: hyphenated_lowercase # or 'BEM', or 'snake_case', or 'camel_case', or a regex pattern 109 | 110 | Shorthand: 111 | enabled: true 112 | 113 | SingleLinePerProperty: 114 | enabled: true 115 | allow_single_line_rule_sets: true 116 | 117 | SingleLinePerSelector: 118 | enabled: true 119 | 120 | SpaceAfterComma: 121 | enabled: true 122 | 123 | SpaceAfterPropertyColon: 124 | enabled: true 125 | style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned' 126 | 127 | SpaceAfterPropertyName: 128 | enabled: true 129 | 130 | SpaceBeforeBrace: 131 | enabled: true 132 | style: space 133 | allow_single_line_padding: false 134 | 135 | SpaceBetweenParens: 136 | enabled: true 137 | spaces: 0 138 | 139 | StringQuotes: 140 | enabled: false 141 | style: single_quotes # or double_quotes 142 | 143 | TrailingSemicolon: 144 | enabled: true 145 | 146 | TrailingZero: 147 | enabled: false 148 | 149 | UnnecessaryMantissa: 150 | enabled: true 151 | 152 | UnnecessaryParentReference: 153 | enabled: true 154 | 155 | UrlFormat: 156 | enabled: true 157 | 158 | UrlQuotes: 159 | enabled: true 160 | 161 | VendorPrefixes: 162 | enabled: true 163 | identifier_list: base 164 | include: [] 165 | exclude: [] 166 | 167 | ZeroUnit: 168 | enabled: true 169 | 170 | Compass::*: 171 | enabled: false 172 | -------------------------------------------------------------------------------- /reference/hue-color-wheel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PIWEEK/rethinkscape/ef648f323ace635e0695da1b74ebc721874bc474/reference/hue-color-wheel.jpg -------------------------------------------------------------------------------- /reference/icons/00tools/01select.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /reference/icons/00tools/03zoom.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /reference/icons/00tools/04text.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 105 | 113 | 120 | 127 | 135 | 136 | 137 | -------------------------------------------------------------------------------- /reference/icons/00tools/05rectangle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/00tools/06circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/00tools/08font.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 105 | 113 | 114 | 115 | -------------------------------------------------------------------------------- /reference/icons/00tools/09layers.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 106 | 111 | 116 | 117 | 118 | -------------------------------------------------------------------------------- /reference/icons/00tools/10align.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 105 | 112 | 119 | 126 | 127 | 128 | -------------------------------------------------------------------------------- /reference/icons/00tools/11code.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 108 | 116 | 117 | 118 | -------------------------------------------------------------------------------- /reference/icons/00tools/14polygons.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/00tools/15pickcolor.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 112 | 121 | 122 | 123 | -------------------------------------------------------------------------------- /reference/icons/00tools/19config.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/00tools/22cube.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 105 | 106 | 107 | -------------------------------------------------------------------------------- /reference/icons/00tools/24trace.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 105 | 106 | 107 | -------------------------------------------------------------------------------- /reference/icons/00tools/25grid.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/00tools/26delete.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 108 | 109 | 110 | -------------------------------------------------------------------------------- /reference/icons/00tools/31history.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 41 | 45 | 49 | 53 | 57 | 61 | 65 | 69 | 73 | 77 | 81 | 82 | 84 | 85 | 87 | image/svg+xml 88 | 90 | 91 | 92 | 93 | 94 | 99 | 101 | 104 | 109 | 110 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /reference/icons/01select/04rotate-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /reference/icons/01select/04rotate-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /reference/icons/01select/05hor.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/01select/06ver.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/01select/09position3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 105 | 112 | 119 | 126 | 133 | 139 | 140 | 141 | -------------------------------------------------------------------------------- /reference/icons/01select/11affect1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/01select/12affect2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/general/1arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/general/2plus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 105 | 113 | 114 | 115 | -------------------------------------------------------------------------------- /reference/icons/general/3close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/general/4rest.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 105 | 106 | 107 | -------------------------------------------------------------------------------- /reference/icons/general/5arrow-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/general/6arrow-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/general/7arrow-down-push.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 104 | 112 | 113 | 114 | -------------------------------------------------------------------------------- /reference/icons/general/7arrow-up-push.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 104 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /reference/icons/general/9unlock.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /reference/icons/mod02-fill-and-stroke/01fill.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 100 | 103 | 110 | 111 | 112 | 113 | 114 | -------------------------------------------------------------------------------- /reference/icons/mod02-fill-and-stroke/05stroke.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 100 | 103 | 108 | 109 | 110 | 111 | 112 | -------------------------------------------------------------------------------- /reference/icons/mod02-fill-and-stroke/06sample.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 81 | 83 | 84 | 86 | image/svg+xml 87 | 89 | 90 | 91 | 92 | 93 | 98 | 100 | 103 | 108 | 116 | 117 | 118 | 119 | 120 | --------------------------------------------------------------------------------