Integrated master/detail, refactor Icon, add base router
This commit is contained in:
John Lyon-Smith
25
website/src/ui/Footer.js
Normal file
25
website/src/ui/Footer.js
Normal file
@@ -0,0 +1,25 @@
|
||||
import React, { Component } from "react"
|
||||
import { Box, Text } from "."
|
||||
import PropTypes from "prop-types"
|
||||
import { colorInfo, sizeInfo } from "./style"
|
||||
|
||||
export class Footer extends Component {
|
||||
static propTypes = {
|
||||
text: PropTypes.string,
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<Box
|
||||
background={colorInfo.headerButtonBackground}
|
||||
borderTop={{
|
||||
width: sizeInfo.headerBorderWidth,
|
||||
color: colorInfo.headerBorder,
|
||||
}}>
|
||||
<Text color="dimmed" margin={sizeInfo.footerTextMargin}>
|
||||
{this.props.text}
|
||||
</Text>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
}
|
||||
169
website/src/ui/Header.js
Normal file
169
website/src/ui/Header.js
Normal file
@@ -0,0 +1,169 @@
|
||||
import React, { Component } from "react"
|
||||
import Radium from "radium"
|
||||
import PropTypes from "prop-types"
|
||||
import { Icon, Image, Box, Row } from "."
|
||||
import { colorInfo, sizeInfo, fontInfo } from "./style"
|
||||
|
||||
export class Header extends Component {
|
||||
static propTypes = {
|
||||
history: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
|
||||
location: PropTypes.object,
|
||||
left: PropTypes.arrayOf(PropTypes.object),
|
||||
right: PropTypes.arrayOf(PropTypes.object),
|
||||
}
|
||||
|
||||
render() {
|
||||
const { location } = this.props
|
||||
|
||||
const renderHeaderitem = (item, index) => {
|
||||
if (item.image) {
|
||||
return (
|
||||
<Header.Button
|
||||
key={index}
|
||||
image={item.image}
|
||||
onClick={() => this.props.history.push(item.path)}
|
||||
/>
|
||||
)
|
||||
} else if (item.icon) {
|
||||
return (
|
||||
<Header.Button
|
||||
key={index}
|
||||
icon={item.icon}
|
||||
onClick={() => this.props.history.push(item.path)}
|
||||
/>
|
||||
)
|
||||
} else if (item.text) {
|
||||
return (
|
||||
<Header.TextButton
|
||||
key={index}
|
||||
active={location.pathname.endsWith(item.path)}
|
||||
text={item.text}
|
||||
onClick={() => this.props.history.push(item.path)}
|
||||
/>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<Box
|
||||
background={colorInfo.headerButtonBackground}
|
||||
borderBottom={{
|
||||
width: sizeInfo.headerBorderWidth,
|
||||
color: colorInfo.headerBorder,
|
||||
}}
|
||||
style={{ boxSizing: "content" }}>
|
||||
<Row fillParent>
|
||||
<Row.Item>{this.props.left.map(renderHeaderitem)}</Row.Item>
|
||||
<Row.Item grow />
|
||||
<Row.Item>{this.props.right.map(renderHeaderitem)}</Row.Item>
|
||||
</Row>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
Header.Button = Radium(
|
||||
class HeaderButton extends Component {
|
||||
static propTypes = {
|
||||
onClick: PropTypes.func,
|
||||
icon: PropTypes.string,
|
||||
image: PropTypes.string,
|
||||
}
|
||||
|
||||
static style = {
|
||||
background: colorInfo.headerButtonBackground,
|
||||
verticalAlign: "middle",
|
||||
borderWidth: 0,
|
||||
padding: "0 0 0 0",
|
||||
outline: "none",
|
||||
":hover": {
|
||||
background: colorInfo.headerButtonBackgroundHover,
|
||||
},
|
||||
":active": {
|
||||
background: colorInfo.headerButtonBackgroundActive,
|
||||
},
|
||||
}
|
||||
|
||||
render() {
|
||||
// Times two to account for zooming
|
||||
const size = sizeInfo.headerHeight - sizeInfo.headerBorderWidth
|
||||
const { onClick, icon, image } = this.props
|
||||
let content = null
|
||||
|
||||
if (image) {
|
||||
content = (
|
||||
<Image
|
||||
source={image}
|
||||
width={size}
|
||||
height={size}
|
||||
margin={sizeInfo.headerButtonMargin}
|
||||
/>
|
||||
)
|
||||
} else if (icon) {
|
||||
content = (
|
||||
<Icon name={icon} size={size} margin={sizeInfo.headerButtonMargin} />
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<button
|
||||
type="button"
|
||||
style={[{ height: size, width: size }, HeaderButton.style]}
|
||||
onClick={onClick}>
|
||||
{content}
|
||||
</button>
|
||||
)
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
Header.TextButton = Radium(
|
||||
class HeaderTextButton extends Component {
|
||||
static propTypes = {
|
||||
active: PropTypes.bool,
|
||||
text: PropTypes.string,
|
||||
onClick: PropTypes.func,
|
||||
}
|
||||
|
||||
static style = {
|
||||
display: "inline-block",
|
||||
fontSize: fontInfo.size.header,
|
||||
fontFamily: fontInfo.family,
|
||||
color: fontInfo.color.normal,
|
||||
textAlign: "left",
|
||||
outline: "none",
|
||||
background: "transparent",
|
||||
verticalAlign: "middle",
|
||||
borderWidth: 0,
|
||||
paddingLeft: sizeInfo.headerSpacing,
|
||||
paddingRight: sizeInfo.headerSpacing,
|
||||
paddingTop: 0,
|
||||
paddingBottom: 0,
|
||||
":hover": {
|
||||
background: colorInfo.headerButtonBackgroundHover,
|
||||
},
|
||||
":active": {
|
||||
background: colorInfo.headerButtonBackgroundActive,
|
||||
},
|
||||
}
|
||||
|
||||
render() {
|
||||
const height = sizeInfo.headerHeight - sizeInfo.headerBorderWidth
|
||||
const { text, active, onClick } = this.props
|
||||
|
||||
return (
|
||||
<button
|
||||
type="button"
|
||||
style={[{ height }, HeaderTextButton.style]}
|
||||
onClick={onClick}>
|
||||
<div
|
||||
style={{
|
||||
textDecoration: active ? "underline" : "initial",
|
||||
}}>
|
||||
{text}
|
||||
</div>
|
||||
</button>
|
||||
)
|
||||
}
|
||||
}
|
||||
)
|
||||
@@ -1,46 +0,0 @@
|
||||
import Radium from 'radium'
|
||||
import PropTypes from 'prop-types'
|
||||
import React, { Component } from 'react'
|
||||
import { Icon, Image } from '.'
|
||||
import { colorInfo, sizeInfo } from 'ui/style'
|
||||
|
||||
@Radium
|
||||
export class HeaderButton extends Component {
|
||||
static propTypes = {
|
||||
onClick: PropTypes.func,
|
||||
icon: PropTypes.string,
|
||||
image: PropTypes.string,
|
||||
}
|
||||
|
||||
static style = {
|
||||
background: colorInfo.headerButtonBackground,
|
||||
verticalAlign: 'middle',
|
||||
borderWidth: 0,
|
||||
padding: '0 0 0 0',
|
||||
outline: 'none',
|
||||
':hover': {
|
||||
background: colorInfo.headerButtonBackgroundHover,
|
||||
},
|
||||
':active': {
|
||||
background: colorInfo.headerButtonBackgroundActive,
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
const size = sizeInfo.headerHeight - 2 * sizeInfo.headerBorderWidth // Times two to account for zooming
|
||||
const { onClick, icon, image } = this.props
|
||||
let content = null
|
||||
|
||||
if (image) {
|
||||
content = (<Image source={image} width={size} height={size} margin={sizeInfo.headerButtonMargin} />)
|
||||
} else if (icon) {
|
||||
content = (<Icon name={icon} size={size} margin={sizeInfo.headerButtonMargin} />)
|
||||
}
|
||||
|
||||
return (
|
||||
<button type='button' style={[{ height: size, width: size }, HeaderButton.style]} onClick={onClick}>
|
||||
{content}
|
||||
</button>
|
||||
)
|
||||
}
|
||||
}
|
||||
@@ -1,34 +0,0 @@
|
||||
import Radium from 'radium'
|
||||
import PropTypes from 'prop-types'
|
||||
import React, { Component } from 'react'
|
||||
import { sizeInfo, fontInfo } from 'ui/style'
|
||||
|
||||
@Radium
|
||||
export class HeaderText extends Component {
|
||||
static propTypes = {
|
||||
text: PropTypes.string,
|
||||
}
|
||||
|
||||
static style = {
|
||||
position: 'relative',
|
||||
top: sizeInfo.headerTextOffset,
|
||||
display: 'inline-block',
|
||||
fontSize: fontInfo.size.header,
|
||||
fontFamily: fontInfo.family,
|
||||
color: fontInfo.color.normal,
|
||||
textAlign: 'left',
|
||||
background: 'transparent',
|
||||
verticalAlign: 'middle',
|
||||
borderWidth: 0,
|
||||
paddingLeft: sizeInfo.headerPaddingLeft,
|
||||
}
|
||||
|
||||
render() {
|
||||
const height = sizeInfo.headerHeight - sizeInfo.headerBorderWidth
|
||||
const { text } = this.props
|
||||
|
||||
return (
|
||||
<div style={[{ height }, HeaderText.style]}>{text}</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
@@ -21,21 +21,22 @@ export class Icon extends Component {
|
||||
}
|
||||
|
||||
static svgs = {
|
||||
logout: require("icons/logout.svg"),
|
||||
thumb: require("icons/thumb.svg"),
|
||||
profile: require("icons/profile.svg"),
|
||||
admin: require("icons/admin.svg"),
|
||||
hand: require("icons/hand.svg"),
|
||||
users: require("icons/users.svg"),
|
||||
team: require("icons/team.svg"),
|
||||
teams: require("icons/teams.svg"),
|
||||
system: require("icons/system.svg"),
|
||||
confirmed: require("icons/confirmed.svg"),
|
||||
help: require("icons/help.svg"),
|
||||
warning: require("icons/warning.svg"),
|
||||
edit: require("icons/edit.svg"),
|
||||
placeholder: require("icons/placeholder.svg"),
|
||||
clock: require("icons/clock.svg"),
|
||||
admin: require("./icons/admin.svg"),
|
||||
blank: require("./icons/blank.svg"),
|
||||
clock: require("./icons/clock.svg"),
|
||||
confirmed: require("./icons/confirmed.svg"),
|
||||
edit: require("./icons/edit.svg"),
|
||||
hand: require("./icons/hand.svg"),
|
||||
help: require("./icons/help.svg"),
|
||||
logout: require("./icons/logout.svg"),
|
||||
profile: require("./icons/profile.svg"),
|
||||
placeholder: require("./icons/placeholder.svg"),
|
||||
system: require("./icons/system.svg"),
|
||||
thumb: require("./icons/thumb.svg"),
|
||||
team: require("./icons/team.svg"),
|
||||
teams: require("./icons/teams.svg"),
|
||||
users: require("./icons/users.svg"),
|
||||
warning: require("./icons/warning.svg"),
|
||||
}
|
||||
|
||||
render() {
|
||||
|
||||
15
website/src/ui/icons/admin.svg
Normal file
15
website/src/ui/icons/admin.svg
Normal file
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="55px" height="52px" viewBox="0 0 55 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>admin</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Home" transform="translate(-251.000000, -479.000000)" fill="#000000" fill-rule="nonzero">
|
||||
<g id="admin" transform="translate(251.000000, 479.000000)">
|
||||
<path d="M28,29 C36.2822086,29 43,22.4961598 43,14.4777266 C43,6.45929339 36.2822086,0 28,0 C19.7177914,0 13,6.50384025 13,14.4777266 C13,22.4516129 19.7177914,29 28,29 Z" id="Shape"></path>
|
||||
<path d="M1.94170772,52 L53.0582923,52 C54.1420361,52 55,51.159292 55,50.0973451 C55,40.1415929 46.7364532,32 36.5311987,32 L18.4688013,32 C8.30870279,32 0,40.0973451 0,50.0973451 C-6.01598683e-16,51.159292 0.857963875,52 1.94170772,52 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
12
website/src/ui/icons/blank.svg
Normal file
12
website/src/ui/icons/blank.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="79px" height="79px" viewBox="0 0 79 79" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>blank</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Artboard" transform="translate(-542.000000, -375.000000)">
|
||||
<g id="blank" transform="translate(542.000000, 375.000000)"></g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 610 B |
16
website/src/ui/icons/clock.svg
Normal file
16
website/src/ui/icons/clock.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="74px" height="74px" viewBox="0 0 74 74" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>clock</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Images-&-Icons" transform="translate(-824.000000, -467.000000)" fill="#E2DEDE" fill-rule="nonzero">
|
||||
<g id="clock" transform="translate(824.000000, 467.000000)">
|
||||
<path d="M54.8,35.6 L39.4,35.6 L39.4,20.2 C39.4,18.9850133 38.4149867,18 37.2,18 C35.9850133,18 35,18.9850133 35,20.2 L35,37.8 C35,39.0149867 35.9850133,40 37.2,40 L54.8,40 C56.0149867,40 57,39.0149867 57,37.8 C57,36.5850133 56.0149867,35.6 54.8,35.6 Z" id="Shape"></path>
|
||||
<path d="M37.1445312,0 C16.925332,0 0,16.3356445 0,36.8554688 C0,57.1829219 16.7531953,74 37.1445312,74 C57.6867578,74 74,57.0526992 74,36.8554688 C74,16.4853789 57.5163555,0 37.1445312,0 Z M37.1445313,69.6929688 C19.0538438,69.6929688 4.30703125,54.9461563 4.30703125,36.8554688 C4.30703125,18.9241992 19.0538438,4.30703125 37.1445313,4.30703125 C55.0758008,4.30703125 69.6929688,18.9241992 69.6929688,36.8554688 C69.6929688,54.9461563 55.0758008,69.6929688 37.1445313,69.6929688 Z" id="Shape"></path>
|
||||
<path d="M37.6454082,9 C22.0310434,9 9,21.6614158 9,37.3545918 C9,52.9849515 21.9627015,66 37.6454082,66 C53.3532704,66 66,52.9579056 66,37.3545918 C66,21.7198699 53.2801301,9 37.6454082,9 Z M37.6454082,61.6668367 C24.482625,61.6668367 13.3331633,50.517375 13.3331633,37.3545918 C13.3331633,24.1252117 24.2556429,13.3331633 37.6454082,13.3331633 C50.8747883,13.3331633 61.6668367,24.1252117 61.6668367,37.3545918 C61.6668367,50.7443571 50.8747883,61.6668367 37.6454082,61.6668367 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
17
website/src/ui/icons/confirmed.svg
Normal file
17
website/src/ui/icons/confirmed.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>confirmed</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Users" transform="translate(-922.000000, -206.000000)" fill="#03A603" fill-rule="nonzero">
|
||||
<g id="Right-Side" transform="translate(365.000000, 68.000000)">
|
||||
<g id="confirmed" transform="translate(557.000000, 138.000000)">
|
||||
<path d="M18.0703125,0 C8.233875,0 0,7.94735156 0,17.9296875 C0,27.8256094 8.15688281,36 18.0703125,36 C28.0638281,36 36,27.7553672 36,17.9296875 C36,8.01991406 27.9809297,0 18.0703125,0 Z M18.0703125,33.9046875 C9.2694375,33.9046875 2.0953125,26.7305625 2.0953125,17.9296875 C2.0953125,9.20636719 9.2694375,2.0953125 18.0703125,2.0953125 C26.7936328,2.0953125 33.9046875,9.20636719 33.9046875,17.9296875 C33.9046875,26.7305625 26.7936328,33.9046875 18.0703125,33.9046875 Z" id="Shape"></path>
|
||||
<path d="M29.0675728,10.8852775 C27.8269756,9.70747145 25.8174203,9.70344523 24.5722283,10.8819894 L16.1857915,18.7199158 L12.4311294,15.1556969 C11.1879874,13.9755422 9.1756752,13.975408 7.93246252,15.1556969 C6.68924985,16.3357845 6.68910847,18.2458274 7.93246252,19.4261163 L13.9306615,25.1201431 C15.1677242,26.2943255 17.3359063,26.2922453 18.570707,25.1201431 L29.0675021,15.1556969 C30.3107855,13.975408 30.3108562,12.0654994 29.0675728,10.8852775 Z M27.5679701,13.7321567 L17.0711749,23.6966028 C16.6571477,24.0896298 15.8442915,24.0896298 15.4301936,23.6966028 L9.43199459,18.0025761 C9.01761393,17.6092135 9.01747255,16.9726668 9.43206528,16.579103 C9.84630456,16.1857404 10.517146,16.1856733 10.9315973,16.579103 L15.4301936,20.8495223 C15.8419587,21.2405363 16.5089122,21.2428849 16.9238584,20.855092 L26.0625001,12.3141861 C26.0644794,12.3123743 26.0664587,12.3104954 26.0683673,12.3086165 C26.4826773,11.915321 27.1535187,11.9151197 27.5678994,12.3086165 L27.5679701,12.3086165 C27.9824214,12.7021803 27.9824214,13.3387271 27.5679701,13.7321567 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
14
website/src/ui/icons/edit.svg
Normal file
14
website/src/ui/icons/edit.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>edit</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Users" transform="translate(-238.000000, -86.000000)" fill="#000000" fill-rule="nonzero">
|
||||
<g id="edit" transform="translate(238.000000, 86.000000)">
|
||||
<path d="M21.8175546,1.18243252 C20.2409756,-0.394144173 17.6757106,-0.394144173 16.0991317,1.18243252 L2.97331247,14.3082331 C2.95579293,14.3253932 2.93917182,14.3436764 2.92349408,14.362858 C2.81586121,14.4942993 2.98526169,14.1363172 0.10212935,21.1383284 C-0.105724273,21.6431151 0.00941055218,22.2186087 0.3953795,22.604622 C0.781662902,22.9909498 1.35733703,23.1055454 1.86167518,22.8978717 C8.80529788,20.0387318 8.54915322,20.1723742 8.69178025,20.0266478 L21.8176444,6.90080231 C23.3941335,5.32427055 23.3941335,2.75900921 21.8175546,1.18243252 Z M1.34839757,21.6515604 L2.01553268,20.0313197 L2.96864059,20.9844262 L1.34839757,21.6515604 Z M4.31881316,20.4284736 L2.57148609,18.6811939 L3.68339291,15.9808077 L7.01915829,19.3165684 L4.31881316,20.4284736 Z M8.21053195,18.6017721 L4.39819015,14.7894358 L13.2398978,5.94774068 L17.0521947,9.76003213 L8.21053195,18.6017721 Z M18.0053026,8.8069705 L14.1930057,4.99467905 L15.1461136,4.04157249 L18.9584105,7.85390887 L18.0053026,8.8069705 Z M20.8645365,5.94783053 L19.9114735,6.90089216 L16.0991766,3.08860071 L17.0522396,2.13553907 C18.1033222,1.084458 19.8134989,1.08450292 20.8645814,2.13553907 C21.9155292,3.18657523 21.9155292,4.89674945 20.8645365,5.94783053 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
14
website/src/ui/icons/hand.svg
Normal file
14
website/src/ui/icons/hand.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg viewBox="0 0 221 237" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>hold</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Modal" transform="translate(-117.000000, -103.000000)" fill="#DD6363" fill-rule="nonzero">
|
||||
<g id="hold" transform="translate(117.000000, 103.000000)">
|
||||
<path d="M188.712926,14.3636364 C183.595783,14.3636364 178.75344,15.5608455 174.450649,17.6909727 C169.108932,7.20049091 158.210251,0 145.663494,0 C135.348132,0 126.147034,4.86783636 120.232042,12.4281364 C115.162254,9.11229091 109.108786,7.18181818 102.614062,7.18181818 C84.8102513,7.18181818 70.3269874,21.6797545 70.3269874,39.5 L70.3269874,136.8438 L46.736616,124.832209 C42.2853048,122.6001 37.2887007,121.420127 32.2870741,121.420127 C14.4839815,121.420127 0,135.918064 0,153.738309 C0,166.060155 6.84198975,177.139545 17.857622,182.655182 L110.049416,228.801236 C120.554912,234.165336 132.376286,237 144.24071,237 C164.387127,237 183.521882,229.163918 198.120662,214.9353 C212.875137,200.555864 221,181.554927 221,161.433627 L221,46.6818182 C221,28.8615727 206.516019,14.3636364 188.712926,14.3636364 Z M199.475284,161.433627 C199.475284,190.716055 174.180873,215.454545 144.241427,215.454545 C135.627954,215.454545 127.404077,213.482418 119.799395,209.592745 C119.771413,209.578382 119.744148,209.564736 119.716166,209.550373 L27.4856275,163.385645 C23.809206,161.544945 21.5247161,157.848464 21.5247161,153.739027 C21.5247161,147.798945 26.3527099,142.9663 32.2870741,142.9663 C33.9817868,142.9663 35.5997279,143.346218 37.036144,144.066555 L76.2096923,164.011182 C79.5474583,165.711118 83.5259433,165.550964 86.7159062,163.592482 C89.9065866,161.634 91.8517035,158.155845 91.8517035,154.409091 L91.8517035,39.5 C91.8517035,33.5599182 96.6796973,28.7272727 102.614062,28.7272727 C108.547708,28.7272727 113.37642,33.5599182 113.37642,39.5 L113.37642,96.9545455 C113.37642,102.903964 118.195086,107.727273 124.138778,107.727273 C130.082469,107.727273 134.901136,102.903964 134.901136,96.9545455 L134.901136,39.5 L134.901136,32.3181818 C134.901136,26.3781 139.729129,21.5454545 145.663494,21.5454545 C151.59714,21.5454545 156.425852,26.3781 156.425852,32.3181818 L156.425852,39.5 L156.425852,46.6818182 L156.425852,96.9545455 C156.425852,102.903964 161.244518,107.727273 167.18821,107.727273 C173.131901,107.727273 177.950568,102.903964 177.950568,96.9545455 L177.950568,46.6818182 C177.950568,40.7417364 182.778562,35.9090909 188.712926,35.9090909 C194.64729,35.9090909 199.475284,40.7417364 199.475284,46.6818182 L199.475284,161.433627 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
18
website/src/ui/icons/help.svg
Normal file
18
website/src/ui/icons/help.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>help</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Users" transform="translate(-922.000000, -536.000000)" fill="#F5A623" fill-rule="nonzero">
|
||||
<g id="Right-Side" transform="translate(365.000000, 68.000000)">
|
||||
<g id="help" transform="translate(557.000000, 468.000000)">
|
||||
<path d="M18,0 C8.0748,0 0,8.07469091 0,17.9998909 C0,27.9250909 8.0748,36 18,36 C27.9252,36 36,27.9250909 36,17.9998909 C36,8.07469091 27.9252,0 18,0 Z M18,32.7272727 C9.87938182,32.7272727 3.27272727,26.1206182 3.27272727,17.9998909 C3.27272727,9.87927273 9.87938182,3.27272727 18,3.27272727 C26.1206182,3.27272727 32.7272727,9.87927273 32.7272727,17.9998909 C32.7272727,26.1206182 26.1206182,32.7272727 18,32.7272727 Z" id="Shape"></path>
|
||||
<path d="M17.5135135,25.2972973 C16.4404989,25.2972973 15.5675676,26.1698595 15.5675676,27.2423676 C15.5675676,28.3158486 16.4404989,29.1891892 17.5135135,29.1891892 C18.5865281,29.1891892 19.4594595,28.3158486 19.4594595,27.2423676 C19.4594595,26.1698595 18.5865281,25.2972973 17.5135135,25.2972973 Z" id="Shape"></path>
|
||||
<path d="M17.5134605,6.81081081 C14.2944355,6.81081081 11.6756757,9.55559537 11.6756757,12.9293097 C11.6756757,13.8504649 12.3881854,14.5972633 13.2670465,14.5972633 C14.1459076,14.5972633 14.8584174,13.8504649 14.8584174,12.9293097 C14.8584174,11.3950147 16.0493993,10.1467181 17.5134605,10.1467181 C18.9775216,10.1467181 20.1686097,11.3950147 20.1686097,12.9293097 C20.1686097,14.463827 18.9775216,15.7121236 17.5134605,15.7121236 C16.6345994,15.7121236 15.9220896,16.458922 15.9220896,17.3800772 L15.9220896,20.7104247 C15.9220896,21.6315799 16.6345994,22.3783784 17.5134605,22.3783784 C18.3923215,22.3783784 19.1048313,21.6315799 19.1048313,20.7104247 L19.1048313,18.8151846 C21.5525718,18.0870672 23.3513514,15.7250224 23.3513514,12.9294208 C23.3513514,9.55559537 20.7324854,6.81081081 17.5134605,6.81081081 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
9
website/src/ui/icons/logout.svg
Normal file
9
website/src/ui/icons/logout.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<?xml version='1.0' encoding='utf-8'?>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129">
|
||||
<g>
|
||||
<g>
|
||||
<path d="m88.6,94.4c0.8,0.8 1.8,1.2 2.9,1.2s2.1-0.4 2.9-1.2l27-27c0.2-0.2 0.4-0.4 0.5-0.6 0,0 0.1-0.1 0.1-0.2 0.1-0.2 0.2-0.4 0.3-0.5 0-0.1 0-0.2 0.1-0.2 0.1-0.2 0.1-0.3 0.2-0.5 0.1-0.3 0.1-0.5 0.1-0.8 0-0.3 0-0.5-0.1-0.8 0-0.2-0.1-0.4-0.2-0.5 0-0.1 0-0.2-0.1-0.2-0.1-0.2-0.2-0.4-0.3-0.6 0,0 0-0.1-0.1-0.1-0.1-0.2-0.3-0.4-0.5-0.6l-27-27c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l20,20h-71.1c-2.3,0-4.1,1.8-4.1,4.1 0,2.3 1.8,4.1 4.1,4.1h71.1l-20,20c-1.6,1.4-1.6,4 0,5.6z"/>
|
||||
<path d="m10.5,122.5h54c2.3,0 4.1-1.8 4.1-4.1v-40.3c0-2.3-1.8-4.1-4.1-4.1s-4.1,1.8-4.1,4.1v36.2h-45.8v-99.7h45.8v36.2c0,2.3 1.8,4.1 4.1,4.1s4.1-1.8 4.1-4.1v-40.3c0-2.3-1.8-4.1-4.1-4.1h-54c-2.3,0-4.1,1.8-4.1,4.1v107.9c0.1,2.3 1.9,4.1 4.1,4.1z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 965 B |
9
website/src/ui/icons/placeholder.svg
Normal file
9
website/src/ui/icons/placeholder.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<?xml version='1.0' encoding='utf-8'?>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129">
|
||||
<g>
|
||||
<g>
|
||||
<path d="m64.5,6.4c-25.5,0-46.3,20.8-46.3,46.4-3.55271e-15,3.1 0.3,6.2 0.9,9.2 0,0.2 0.1,0.4 0.1,0.7 5.1,22.9 41,57.3 42.5,58.7 0.8,0.8 1.8,1.1 2.8,1.1 1,0 2-0.4 2.8-1.1 1.5-1.5 37.2-35.8 42.3-58.2 0-0.2 0.1-0.4 0.1-0.6 0.7-3.2 1-6.5 1-9.8 0.1-25.6-20.7-46.4-46.2-46.4zm37.2,54.7c0,0.2 0,0.1 0,0.3-3.8,16.6-28.7,42.8-37.2,51.3-8.5-8.5-33.5-34.7-37.3-51.7 0-0.2 0-0.3-0.1-0.5-0.5-2.6-0.8-5.2-0.8-7.8 0-21 17.1-38.2 38.1-38.2 21,0 38.2,17.1 38.2,38.2-1.42109e-14,2.9-0.3,5.7-0.9,8.4z"/>
|
||||
<path d="m64.5,32.5c-8.6,0-15.5,7-15.5,15.5s7,15.5 15.5,15.5 15.5-6.9 15.5-15.5-6.9-15.5-15.5-15.5zm0,22.9c-4.1,0-7.4-3.3-7.4-7.4s3.3-7.4 7.4-7.4c4.1,0 7.4,3.3 7.4,7.4s-3.3,7.4-7.4,7.4z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 918 B |
17
website/src/ui/icons/profile.svg
Normal file
17
website/src/ui/icons/profile.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="55px" height="52px" viewBox="0 0 55 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.2 (51160) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>profile</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Home" transform="translate(-147.000000, -479.000000)">
|
||||
<g id="profile" transform="translate(147.000000, 479.000000)">
|
||||
<path d="M28,29 C36.2822086,29 43,22.4961598 43,14.4777266 C43,6.45929339 36.2822086,0 28,0 C19.7177914,0 13,6.50384025 13,14.4777266 C13,22.4516129 19.7177914,29 28,29 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M28,3.78648233 C34.0736196,3.78648233 39.0429448,8.59754224 39.0429448,14.4777266 C39.0429448,20.3579109 34.0736196,25.1689708 28,25.1689708 C21.9263804,25.1689708 16.9570552,20.3579109 16.9570552,14.4777266 C16.9570552,8.59754224 21.9263804,3.78648233 28,3.78648233 Z" id="Path" fill="#FFFFFF"></path>
|
||||
<path d="M1.94170772,52 L53.0582923,52 C54.1420361,52 55,51.159292 55,50.0973451 C55,40.1415929 46.7364532,32 36.5311987,32 L18.4688013,32 C8.30870279,32 0,40.0973451 0,50.0973451 C-6.01598683e-16,51.159292 0.857963875,52 1.94170772,52 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M18.4688013,35.8053097 L36.5311987,35.8053097 C43.9367816,35.8053097 50.0328407,41.2035398 50.9811166,48.1946903 L4.01888342,48.1946903 C4.96715928,41.2477876 11.0632184,35.8053097 18.4688013,35.8053097 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
18
website/src/ui/icons/system.svg
Normal file
18
website/src/ui/icons/system.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>system</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Home" transform="translate(-905.000000, -108.000000)" fill="#000000" fill-rule="nonzero">
|
||||
<g id="System" transform="translate(870.000000, 94.000000)">
|
||||
<g id="settings" transform="translate(35.000000, 14.000000)">
|
||||
<path d="M101.074434,139.158895 C101.074434,140.19171 101.889968,141 102.932039,141 C103.97411,141 104.789644,140.19171 104.789644,139.158895 L104.789644,102.696028 C107.779935,101.887737 110,99.193437 110,95.9602763 C110,92.1433506 106.873786,89 102.977346,89 C99.0809061,89 96,92.1433506 96,95.9602763 C96,99.148532 98.1747573,101.842832 101.119741,102.651123 L101.119741,139.158895 L101.074434,139.158895 Z M99.6245955,95.9602763 C99.6245955,94.164076 101.119741,92.6822107 102.932039,92.6822107 C104.744337,92.6822107 106.239482,94.164076 106.239482,95.9602763 C106.239482,97.7564767 104.744337,99.238342 102.932039,99.238342 C101.119741,99.238342 99.6245955,97.7564767 99.6245955,95.9602763 Z" id="Shape"></path>
|
||||
<path d="M122.954839,89 C121.916129,89 121.103226,89.8075928 121.103226,90.8395168 L121.103226,109.77308 C118.167742,110.580673 116,113.272649 116,116.458154 C116,119.643658 118.167742,122.335634 121.103226,123.143227 L121.103226,139.160483 C121.103226,140.192407 121.916129,141 122.954839,141 C123.993548,141 124.806452,140.192407 124.806452,139.160483 L124.806452,123.143227 C127.787097,122.335634 130,119.643658 130,116.413287 C130,113.182916 127.787097,110.49094 124.806452,109.683348 L124.806452,90.8395168 C124.806452,89.8075928 123.993548,89 122.954839,89 Z M126.341935,116.458154 C126.341935,118.252804 124.851613,119.733391 123.045161,119.733391 C121.23871,119.733391 119.748387,118.252804 119.748387,116.458154 C119.748387,114.663503 121.23871,113.182916 123.045161,113.182916 C124.851613,113.182916 126.341935,114.618637 126.341935,116.458154 Z" id="Shape"></path>
|
||||
<path d="M142.851184,127.348877 L142.851184,90.8411054 C142.851184,89.8082902 142.03832,89 140.999661,89 C139.961001,89 139.148137,89.8082902 139.148137,90.8411054 L139.148137,127.348877 C136.167637,128.157168 134,130.851468 134,134.039724 C134,137.856649 137.115978,141 140.999661,141 C144.883343,141 147.999321,137.901554 147.999321,134.039724 C148.04448,130.851468 145.831684,128.157168 142.851184,127.348877 Z M141.04482,137.317789 C139.238456,137.317789 137.748205,135.835924 137.748205,134.039724 C137.748205,132.243523 139.238456,130.761658 141.04482,130.761658 C142.851184,130.761658 144.341434,132.243523 144.341434,134.039724 C144.341434,135.835924 142.851184,137.317789 141.04482,137.317789 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
31
website/src/ui/icons/team.svg
Normal file
31
website/src/ui/icons/team.svg
Normal file
@@ -0,0 +1,31 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="72px" height="72px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>team</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Home" transform="translate(-355.000000, -470.000000)">
|
||||
<g id="team" transform="translate(355.000000, 470.000000)">
|
||||
<g id="Head-Copy-2" transform="translate(1.000000, 6.000000)">
|
||||
<path d="M23.203125,24.3666667 C29.80301,24.3666667 35.15625,18.9019457 35.15625,12.1646185 C35.15625,5.42729135 29.80301,0 23.203125,0 C16.60324,0 11.25,5.46472094 11.25,12.1646185 C11.25,18.8645161 16.60324,24.3666667 23.203125,24.3666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M23.203125,3.18151562 C28.0430406,3.18151562 32.0029716,7.22391193 32.0029716,12.1646185 C32.0029716,17.1053251 28.0430406,21.1477215 23.203125,21.1477215 C18.3632094,21.1477215 14.4032784,17.1053251 14.4032784,12.1646185 C14.4032784,7.22391193 18.3632094,3.18151562 23.203125,3.18151562 Z" id="Path" fill="#FAFAFA"></path>
|
||||
<path d="M1.58866995,43 L43.41133,43 C44.2980296,43 45,42.2769912 45,41.3637168 C45,32.8017699 38.2389163,25.8 29.8891626,25.8 L15.1108374,25.8 C6.79802956,25.8 0,32.7637168 0,41.3637168 C-4.92217105e-16,42.2769912 0.701970443,43 1.58866995,43 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M15.1108374,29.0725664 L29.8891626,29.0725664 C35.9482759,29.0725664 40.9359606,33.7150442 41.7118227,39.7274336 L3.28817734,39.7274336 C4.06403941,33.7530973 9.05172414,29.0725664 15.1108374,29.0725664 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
<g id="Head-Copy" transform="translate(13.000000, 13.000000)">
|
||||
<path d="M23.203125,24.3666667 C29.80301,24.3666667 35.15625,18.9019457 35.15625,12.1646185 C35.15625,5.42729135 29.80301,0 23.203125,0 C16.60324,0 11.25,5.46472094 11.25,12.1646185 C11.25,18.8645161 16.60324,24.3666667 23.203125,24.3666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M23.203125,3.18151562 C28.0430406,3.18151562 32.0029716,7.22391193 32.0029716,12.1646185 C32.0029716,17.1053251 28.0430406,21.1477215 23.203125,21.1477215 C18.3632094,21.1477215 14.4032784,17.1053251 14.4032784,12.1646185 C14.4032784,7.22391193 18.3632094,3.18151562 23.203125,3.18151562 Z" id="Path" fill="#FAFAFA"></path>
|
||||
<path d="M1.58866995,43 L43.41133,43 C44.2980296,43 45,42.2769912 45,41.3637168 C45,32.8017699 38.2389163,25.8 29.8891626,25.8 L15.1108374,25.8 C6.79802956,25.8 0,32.7637168 0,41.3637168 C-4.92217105e-16,42.2769912 0.701970443,43 1.58866995,43 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M15.1108374,29.0725664 L29.8891626,29.0725664 C35.9482759,29.0725664 40.9359606,33.7150442 41.7118227,39.7274336 L3.28817734,39.7274336 C4.06403941,33.7530973 9.05172414,29.0725664 15.1108374,29.0725664 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
<g id="Head" transform="translate(25.000000, 20.000000)">
|
||||
<path d="M23.203125,24.3666667 C29.80301,24.3666667 35.15625,18.9019457 35.15625,12.1646185 C35.15625,5.42729135 29.80301,0 23.203125,0 C16.60324,0 11.25,5.46472094 11.25,12.1646185 C11.25,18.8645161 16.60324,24.3666667 23.203125,24.3666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M23.203125,3.18151562 C28.0430406,3.18151562 32.0029716,7.22391193 32.0029716,12.1646185 C32.0029716,17.1053251 28.0430406,21.1477215 23.203125,21.1477215 C18.3632094,21.1477215 14.4032784,17.1053251 14.4032784,12.1646185 C14.4032784,7.22391193 18.3632094,3.18151562 23.203125,3.18151562 Z" id="Path" fill="#FAFAFA"></path>
|
||||
<path d="M1.58866995,43 L43.41133,43 C44.2980296,43 45,42.2769912 45,41.3637168 C45,32.8017699 38.2389163,25.8 29.8891626,25.8 L15.1108374,25.8 C6.79802956,25.8 0,32.7637168 0,41.3637168 C-4.92217105e-16,42.2769912 0.701970443,43 1.58866995,43 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M15.1108374,29.0725664 L29.8891626,29.0725664 C35.9482759,29.0725664 40.9359606,33.7150442 41.7118227,39.7274336 L3.28817734,39.7274336 C4.06403941,33.7530973 9.05172414,29.0725664 15.1108374,29.0725664 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
BIN
website/src/ui/icons/teams.png
Normal file
BIN
website/src/ui/icons/teams.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
37
website/src/ui/icons/teams.svg
Normal file
37
website/src/ui/icons/teams.svg
Normal file
@@ -0,0 +1,37 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>teams</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Home" transform="translate(-542.000000, -107.000000)">
|
||||
<g id="Teams" transform="translate(506.000000, 94.000000)">
|
||||
<g id="teams" transform="translate(36.000000, 13.000000)">
|
||||
<g transform="translate(71.000000, 56.000000)" id="Group">
|
||||
<g transform="translate(0.000000, 18.000000)">
|
||||
<g id="Head-Copy-2">
|
||||
<path d="M31.453125,32.8666667 C40.3996357,32.8666667 47.65625,25.4956477 47.65625,16.4080901 C47.65625,7.32053251 40.3996357,0 31.453125,0 C22.5066143,0 15.25,7.37101895 15.25,16.4080901 C15.25,25.4451613 22.5066143,32.8666667 31.453125,32.8666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M31.453125,4.29134665 C38.0138995,4.29134665 43.381806,9.74388121 43.381806,16.4080901 C43.381806,23.072299 38.0138995,28.5248336 31.453125,28.5248336 C24.8923505,28.5248336 19.524444,23.072299 19.524444,16.4080901 C19.524444,9.74388121 24.8923505,4.29134665 31.453125,4.29134665 Z" id="Path" fill="#FAFAFA"></path>
|
||||
<path d="M2.15353038,58 L58.8464696,58 C60.0484401,58 61,57.0247788 61,55.7929204 C61,44.2442478 51.8349754,34.8 40.5164204,34.8 L20.4835796,34.8 C9.21510673,34.8 0,44.1929204 0,55.7929204 C-6.67227631e-16,57.0247788 0.951559934,58 2.15353038,58 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M20.4835796,39.2141593 L40.5164204,39.2141593 C48.7298851,39.2141593 55.4909688,45.4761062 56.5426929,53.5858407 L4.45730706,53.5858407 C5.5090312,45.5274336 12.2701149,39.2141593 20.4835796,39.2141593 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
<g id="Head-Copy" transform="translate(16.000000, 9.000000)">
|
||||
<path d="M31.453125,32.8666667 C40.3996357,32.8666667 47.65625,25.4956477 47.65625,16.4080901 C47.65625,7.32053251 40.3996357,0 31.453125,0 C22.5066143,0 15.25,7.37101895 15.25,16.4080901 C15.25,25.4451613 22.5066143,32.8666667 31.453125,32.8666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M31.453125,4.29134665 C38.0138995,4.29134665 43.381806,9.74388121 43.381806,16.4080901 C43.381806,23.072299 38.0138995,28.5248336 31.453125,28.5248336 C24.8923505,28.5248336 19.524444,23.072299 19.524444,16.4080901 C19.524444,9.74388121 24.8923505,4.29134665 31.453125,4.29134665 Z" id="Path" fill="#FAFAFA"></path>
|
||||
<path d="M2.15353038,58 L58.8464696,58 C60.0484401,58 61,57.0247788 61,55.7929204 C61,44.2442478 51.8349754,34.8 40.5164204,34.8 L20.4835796,34.8 C9.21510673,34.8 0,44.1929204 0,55.7929204 C-6.67227631e-16,57.0247788 0.951559934,58 2.15353038,58 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M20.4835796,39.2141593 L40.5164204,39.2141593 C48.7298851,39.2141593 55.4909688,45.4761062 56.5426929,53.5858407 L4.45730706,53.5858407 C5.5090312,45.5274336 12.2701149,39.2141593 20.4835796,39.2141593 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
<g id="Head" transform="translate(32.000000, 19.000000)">
|
||||
<path d="M31.453125,32.8666667 C40.3996357,32.8666667 47.65625,25.4956477 47.65625,16.4080901 C47.65625,7.32053251 40.3996357,0 31.453125,0 C22.5066143,0 15.25,7.37101895 15.25,16.4080901 C15.25,25.4451613 22.5066143,32.8666667 31.453125,32.8666667 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M31.453125,4.29134665 C38.0138995,4.29134665 43.381806,9.74388121 43.381806,16.4080901 C43.381806,23.072299 38.0138995,28.5248336 31.453125,28.5248336 C24.8923505,28.5248336 19.524444,23.072299 19.524444,16.4080901 C19.524444,9.74388121 24.8923505,4.29134665 31.453125,4.29134665 Z" id="Path" fill="#FAFAFA"></path>
|
||||
<path d="M2.15353038,58 L58.8464696,58 C60.0484401,58 61,57.0247788 61,55.7929204 C61,44.2442478 51.8349754,34.8 40.5164204,34.8 L20.4835796,34.8 C9.21510673,34.8 0,44.1929204 0,55.7929204 C-6.67227631e-16,57.0247788 0.951559934,58 2.15353038,58 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M20.4835796,39.2141593 L40.5164204,39.2141593 C48.7298851,39.2141593 55.4909688,45.4761062 56.5426929,53.5858407 L4.45730706,53.5858407 C5.5090312,45.5274336 12.2701149,39.2141593 20.4835796,39.2141593 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.1 KiB |
14
website/src/ui/icons/thumb.svg
Normal file
14
website/src/ui/icons/thumb.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="36px" height="35px" viewBox="0 0 36 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>thumb</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Users" transform="translate(-787.000000, -665.000000)" fill="#000000" fill-rule="nonzero">
|
||||
<g id="thumb" transform="translate(787.000000, 665.000000)">
|
||||
<path d="M34.2162892,12.8905416 C33.3069107,12.1086308 32.1683393,11.684165 31.0149812,11.684165 L29.8468365,11.684165 L25.6400369,11.684165 L23.244601,11.684165 L23.244601,6.032067 C23.244601,3.65654756 22.5570221,1.94379059 21.1966511,0.938476723 C19.0451947,-0.655131931 16.080473,0.253373937 15.9547865,0.298054554 C15.5851205,0.417202864 15.3337476,0.759754257 15.3337476,1.14698627 L15.3337476,7.46929349 C15.3337476,9.53204862 14.3578292,11.2820394 12.4281725,12.6745853 C10.9864749,13.717133 9.51520402,14.171386 9.35994428,14.2235133 L9.14553797,14.2756407 C8.82762517,13.7320266 8.24355282,13.3671349 7.57076062,13.3671349 L1.82615027,13.3671349 C0.820658621,13.3671349 0,14.1937263 0,15.2064869 L0,32.2149082 C0,33.2276689 0.820658621,34.0542603 1.82615027,34.0542603 L7.58554726,34.0542603 C8.14743965,34.0542603 8.65757879,33.7936234 8.99027823,33.3914978 C9.91444335,34.3819181 11.2230611,35 12.6425788,35 L17.5147772,35 L18.0175231,35 L28.0058996,35 C31.3994339,35 33.5656769,33.2127753 33.9501296,30.0851322 L35.938933,17.656474 C36.2124858,15.8692494 35.5544803,14.0373441 34.2162892,12.8905416 Z M7.62990718,32.2149082 C7.62990718,32.2446953 7.60772722,32.2670356 7.57815394,32.2670356 L1.82615027,32.2670356 C1.79657698,32.2670356 1.77439702,32.2446953 1.77439702,32.2149082 L1.77439702,15.2064869 C1.77439702,15.1766998 1.79657698,15.1543595 1.82615027,15.1543595 L7.58554726,15.1543595 C7.61512054,15.1543595 7.6373005,15.1766998 7.6373005,15.2064869 L7.6373005,32.2149082 L7.62990718,32.2149082 Z M34.1719293,17.3734968 L32.1905193,29.8244953 C32.1905193,29.831942 32.1905193,29.8468356 32.1831259,29.8617291 C31.9095731,32.0883132 30.5048421,33.2202221 27.9985063,33.2202221 L18.0101297,33.2202221 L17.5073839,33.2202221 L12.6351854,33.2202221 C11.0604081,33.2202221 9.69264372,32.0361858 9.44866413,30.4723642 C9.44127081,30.4202368 9.42648416,30.3681094 9.41169752,30.315982 L9.41169752,16.0479719 L9.79615021,15.9586106 C9.81093685,15.9586106 9.81833017,15.9511639 9.83311682,15.9511639 C9.90705002,15.9288235 11.6592671,15.42989 13.4262708,14.1639392 C15.8438867,12.4362887 17.1155379,10.1203434 17.1155379,7.46929349 L17.1155379,1.86187613 C17.8844433,1.73528105 19.2004544,1.66826013 20.1541928,2.38314999 C21.0266047,3.03101893 21.4702039,4.25973588 21.4702039,6.032067 L21.4702039,12.5703305 C21.4702039,13.0618173 21.8694433,13.4639429 22.3574024,13.4639429 L25.6400369,13.4639429 L29.8468365,13.4639429 L31.0149812,13.4639429 C31.74692,13.4639429 32.4788588,13.7394733 33.0629311,14.2458537 C33.935343,14.9979774 34.3641556,16.1969072 34.1719293,17.3734968 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
33
website/src/ui/icons/users.svg
Normal file
33
website/src/ui/icons/users.svg
Normal file
@@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49.2 (51160) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>users</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Home" transform="translate(-158.000000, -105.000000)">
|
||||
<g id="Users" transform="translate(122.000000, 94.000000)">
|
||||
<g id="users" transform="translate(36.000000, 11.000000)">
|
||||
<g id="profile" transform="translate(93.000000, 85.000000)">
|
||||
<path d="M28,29 C36.2822086,29 43,22.4961598 43,14.4777266 C43,6.45929339 36.2822086,0 28,0 C19.7177914,0 13,6.50384025 13,14.4777266 C13,22.4516129 19.7177914,29 28,29 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M28,3.78648233 C34.0736196,3.78648233 39.0429448,8.59754224 39.0429448,14.4777266 C39.0429448,20.3579109 34.0736196,25.1689708 28,25.1689708 C21.9263804,25.1689708 16.9570552,20.3579109 16.9570552,14.4777266 C16.9570552,8.59754224 21.9263804,3.78648233 28,3.78648233 Z" id="Path" fill="#FFFFFF"></path>
|
||||
<path d="M1.94170772,52 L53.0582923,52 C54.1420361,52 55,51.159292 55,50.0973451 C55,40.1415929 46.7364532,32 36.5311987,32 L18.4688013,32 C8.30870279,32 0,40.0973451 0,50.0973451 C-6.01598683e-16,51.159292 0.857963875,52 1.94170772,52 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M18.4688013,35.8053097 L36.5311987,35.8053097 C43.9367816,35.8053097 50.0328407,41.2035398 50.9811166,48.1946903 L4.01888342,48.1946903 C4.96715928,41.2477876 11.0632184,35.8053097 18.4688013,35.8053097 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
<g id="profile-copy" transform="translate(31.000000, 85.000000)">
|
||||
<path d="M28,29 C36.2822086,29 43,22.4961598 43,14.4777266 C43,6.45929339 36.2822086,0 28,0 C19.7177914,0 13,6.50384025 13,14.4777266 C13,22.4516129 19.7177914,29 28,29 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M28,3.78648233 C34.0736196,3.78648233 39.0429448,8.59754224 39.0429448,14.4777266 C39.0429448,20.3579109 34.0736196,25.1689708 28,25.1689708 C21.9263804,25.1689708 16.9570552,20.3579109 16.9570552,14.4777266 C16.9570552,8.59754224 21.9263804,3.78648233 28,3.78648233 Z" id="Path" fill="#FFFFFF"></path>
|
||||
<path d="M1.94170772,52 L53.0582923,52 C54.1420361,52 55,51.159292 55,50.0973451 C55,40.1415929 46.7364532,32 36.5311987,32 L18.4688013,32 C8.30870279,32 0,40.0973451 0,50.0973451 C-6.01598683e-16,51.159292 0.857963875,52 1.94170772,52 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M18.4688013,35.8053097 L36.5311987,35.8053097 C43.9367816,35.8053097 50.0328407,41.2035398 50.9811166,48.1946903 L4.01888342,48.1946903 C4.96715928,41.2477876 11.0632184,35.8053097 18.4688013,35.8053097 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
<g id="profile-copy-2" transform="translate(156.000000, 85.000000)">
|
||||
<path d="M28,29 C36.2822086,29 43,22.4961598 43,14.4777266 C43,6.45929339 36.2822086,0 28,0 C19.7177914,0 13,6.50384025 13,14.4777266 C13,22.4516129 19.7177914,29 28,29 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M28,3.78648233 C34.0736196,3.78648233 39.0429448,8.59754224 39.0429448,14.4777266 C39.0429448,20.3579109 34.0736196,25.1689708 28,25.1689708 C21.9263804,25.1689708 16.9570552,20.3579109 16.9570552,14.4777266 C16.9570552,8.59754224 21.9263804,3.78648233 28,3.78648233 Z" id="Path" fill="#FFFFFF"></path>
|
||||
<path d="M1.94170772,52 L53.0582923,52 C54.1420361,52 55,51.159292 55,50.0973451 C55,40.1415929 46.7364532,32 36.5311987,32 L18.4688013,32 C8.30870279,32 0,40.0973451 0,50.0973451 C-6.01598683e-16,51.159292 0.857963875,52 1.94170772,52 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
|
||||
<path d="M18.4688013,35.8053097 L36.5311987,35.8053097 C43.9367816,35.8053097 50.0328407,41.2035398 50.9811166,48.1946903 L4.01888342,48.1946903 C4.96715928,41.2477876 11.0632184,35.8053097 18.4688013,35.8053097 Z" id="Path" fill="#FFFFFF"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
18
website/src/ui/icons/warning.svg
Normal file
18
website/src/ui/icons/warning.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="39px" height="33px" viewBox="0 0 39 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>warning</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Users" transform="translate(-853.000000, -537.000000)" fill="#F5A623" fill-rule="nonzero">
|
||||
<g id="Right-Side" transform="translate(365.000000, 68.000000)">
|
||||
<g id="warning" transform="translate(488.000000, 469.000000)">
|
||||
<path d="M19.4999611,7 C17.5700586,7 16,8.45799185 16,10.2499819 L16,16.7500181 C16,18.5420804 17.5700586,20 19.4999611,20 C21.4298637,20 23,18.5420081 23,16.7500181 L23,10.2499819 C22.9999222,8.45799185 21.4298637,7 19.4999611,7 Z M20.6666148,16.7500903 C20.6666148,17.3474444 20.143262,17.8334176 19.4999611,17.8334176 C18.8566603,17.8334176 18.3333074,17.3474444 18.3333074,16.7500903 L18.3333074,10.2500542 C18.3333074,9.65270007 18.8566603,9.16672686 19.4999611,9.16672686 C20.143262,9.16672686 20.6666148,9.65270007 20.6666148,10.2500542 L20.6666148,16.7500903 Z" id="Shape"></path>
|
||||
<path d="M19.5,22 C17.570076,22 16,23.5701538 16,25.5 C16,27.4298462 17.5701538,29 19.5,29 C21.4298462,29 23,27.4298462 23,25.5 C23,23.5701538 21.4300018,22 19.5,22 Z M19.5,26.6666667 C18.856692,26.6666667 18.3333333,26.143308 18.3333333,25.5 C18.3333333,24.856692 18.856692,24.3333333 19.5,24.3333333 C20.143308,24.3333333 20.6666667,24.856692 20.6666667,25.5 C20.6666667,26.143308 20.1433858,26.6666667 19.5,26.6666667 Z" id="Shape"></path>
|
||||
<path d="M38.3441753,26.3784639 L23.4689883,2.13326503 C23.4672363,2.1303478 23.4654082,2.12743057 23.4635801,2.12451333 C21.6931217,-0.700972973 17.407322,-0.717455341 15.6227718,2.13078539 L0.656788148,26.3770782 C-1.16729513,29.2936551 1.02340246,33 4.57749698,33 L34.4225524,33 C37.9774086,33 40.1660496,29.2938739 38.3441753,26.3784639 Z M34.4225524,30.8123668 L4.57749698,30.8123668 C2.80109718,30.8123668 1.70361558,28.9586838 2.61820897,27.499192 C2.61958006,27.4971499 2.62079881,27.4950349 2.62209373,27.4929199 L17.5857922,3.24998194 C18.4722021,1.83548845 20.6121693,1.83322759 21.5017022,3.24589781 L36.3764322,27.4903673 C36.3781842,27.4932846 36.3800123,27.4962018 36.3818404,27.499119 C37.2958244,28.9575898 36.2002471,30.8123668 34.4225524,30.8123668 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
@@ -2,8 +2,8 @@ export { Anime } from "./Anime"
|
||||
export { Box } from "./Box"
|
||||
export { Button } from "./Button"
|
||||
export { FormIconButton } from "./FormIconButton"
|
||||
export { HeaderButton } from "./HeaderButton"
|
||||
export { HeaderText } from "./HeaderText"
|
||||
export { Header } from "./Header"
|
||||
export { Footer } from "./Footer"
|
||||
export { PanelButton } from "./PanelButton"
|
||||
export { Checkbox } from "./Checkbox"
|
||||
export { Input } from "./Input"
|
||||
|
||||
Reference in New Issue
Block a user