diff --git a/assets/fonts/kolidecons/kolidecons.eot b/assets/fonts/kolidecons/kolidecons.eot new file mode 100755 index 0000000000..79e9811b31 Binary files /dev/null and b/assets/fonts/kolidecons/kolidecons.eot differ diff --git a/assets/fonts/kolidecons/kolidecons.svg b/assets/fonts/kolidecons/kolidecons.svg new file mode 100755 index 0000000000..43ef36b8b0 --- /dev/null +++ b/assets/fonts/kolidecons/kolidecons.svg @@ -0,0 +1,24 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/kolidecons/kolidecons.ttf b/assets/fonts/kolidecons/kolidecons.ttf new file mode 100755 index 0000000000..7d58debae7 Binary files /dev/null and b/assets/fonts/kolidecons/kolidecons.ttf differ diff --git a/assets/fonts/kolidecons/kolidecons.woff b/assets/fonts/kolidecons/kolidecons.woff new file mode 100755 index 0000000000..be88c5aede Binary files /dev/null and b/assets/fonts/kolidecons/kolidecons.woff differ diff --git a/assets/stylesheets/fonts.css b/assets/stylesheets/fonts.css index bc4a5c9d06..6ce43e8aa4 100644 --- a/assets/stylesheets/fonts.css +++ b/assets/stylesheets/fonts.css @@ -28,6 +28,17 @@ font-style: normal; } +@font-face { + font-family: 'kolidecons'; + src: url('/assets/fonts/kolidecons/kolidecons.eot?12uvii'); + src: url('/assets/fonts/kolidecons/kolidecons.eot?12uvii#iefix') format('embedded-opentype'), + url('/assets/fonts/kolidecons/kolidecons.ttf?12uvii') format('truetype'), + url('/assets/fonts/kolidecons/kolidecons.woff?12uvii') format('woff'), + url('/assets/fonts/kolidecons/kolidecons.svg?12uvii#kolidecons') format('svg'); + font-weight: normal; + font-style: normal; +} + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/assets/stylesheets/icons.css b/assets/stylesheets/icons.css new file mode 100644 index 0000000000..2544b6ddcc --- /dev/null +++ b/assets/stylesheets/icons.css @@ -0,0 +1,57 @@ +[class^="kolidecon-"], [class*=" kolidecon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'kolidecons' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.kolidecon-filter:before { + content: "\e906"; +} +.kolidecon-penciledit:before { + content: "\e907"; +} +.kolidecon-upcarat:before { + content: "\e90b"; +} +.kolidecon-downcarat:before { + content: "\e90c"; +} +.kolidecon-username:before { + content: "\e900"; +} +.kolidecon-password:before { + content: "\e902"; +} +.kolidecon-email:before { + content: "\e904"; +} +.kolidecon-search:before { + content: "\e909"; +} +.kolidecon-hosts:before { + content: "\e901"; +} +.kolidecon-query:before { + content: "\e903"; +} +.kolidecon-packs:before { + content: "\e905"; +} +.kolidecon-alerts:before { + content: "\1f32b"; +} +.kolidecon-help:before { + content: "\e908"; +} +.kolidecon-admin:before { + content: "\e90a"; +} diff --git a/frontend/pages/HomePage/HomePage.jsx b/frontend/pages/HomePage/HomePage.jsx index 66a9bf8600..bf09993dcf 100644 --- a/frontend/pages/HomePage/HomePage.jsx +++ b/frontend/pages/HomePage/HomePage.jsx @@ -14,6 +14,7 @@ export class HomePage extends Component { return (
+ Home page {user && Logout}
@@ -28,4 +29,3 @@ const mapStateToProps = (state) => { }; export default connect(mapStateToProps)(HomePage); - diff --git a/frontend/templates/react.tmpl b/frontend/templates/react.tmpl index b7a7a90639..185751cd75 100644 --- a/frontend/templates/react.tmpl +++ b/frontend/templates/react.tmpl @@ -3,6 +3,7 @@ + Kolide