diff --git a/.gitignore b/.gitignore index c03bca1..fd80448 100644 --- a/.gitignore +++ b/.gitignore @@ -7,5 +7,4 @@ npm-debug.log db/dbconf.yml vendor/ cache/ -fonts/ test/public/ diff --git a/config.yml b/config.yml index 4dd698e..c3291e8 100644 --- a/config.yml +++ b/config.yml @@ -8,16 +8,10 @@ keywords: php, html, css, scss, javascript, js, mysql, go, web, developer, engla version: 2.1.0 inline: initial_css: public/css/app.css -copy: - - name: font-awesome - src: node_modules/font-awesome/fonts/* - dest: public/fonts - force: true sass: include_paths: - scss - node_modules/bourbon/app/assets/stylesheets - - node_modules/font-awesome/scss - node_modules/susy/sass compile: - name: app diff --git a/package.json b/package.json index d024a45..5669f81 100644 --- a/package.json +++ b/package.json @@ -15,7 +15,6 @@ "homepage": "https://github.com/paroxp/rafalp#readme", "devDependencies": { "bourbon": "^4.3.4", - "font-awesome": "^4.7.0", "susy": "^2.2.12" } } diff --git a/public/fonts/icons.eot b/public/fonts/icons.eot new file mode 100644 index 0000000..cfd7986 Binary files /dev/null and b/public/fonts/icons.eot differ diff --git a/public/fonts/icons.svg b/public/fonts/icons.svg new file mode 100644 index 0000000..1418499 --- /dev/null +++ b/public/fonts/icons.svg @@ -0,0 +1,71 @@ + + + + + +Created by FontForge 20160405 at Sat Jun 17 15:00:27 2017 + By Apache +Copyright (c) 2017, Apache + + + + + + + + + + + + + diff --git a/public/fonts/icons.ttf b/public/fonts/icons.ttf new file mode 100644 index 0000000..dfcf3ff Binary files /dev/null and b/public/fonts/icons.ttf differ diff --git a/public/fonts/icons.woff b/public/fonts/icons.woff new file mode 100644 index 0000000..15546f5 Binary files /dev/null and b/public/fonts/icons.woff differ diff --git a/scss/_icons.scss b/scss/_icons.scss new file mode 100644 index 0000000..1cfcf03 --- /dev/null +++ b/scss/_icons.scss @@ -0,0 +1,56 @@ +@font-face { + font-family: "Social"; + src: url("./fonts/icons.eot"); + src: url("./fonts/icons.eot?#iefix") format("embedded-opentype"), url("./fonts/icons.woff") format("woff"), url("./fonts/icons.ttf") format("truetype"), url("./fonts/icons.svg#icon") format("svg"); + font-weight: normal; + font-style: normal; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face{ + font-family: "Social"; + src: url("./fonts/icons.svg#icon") format("svg"); + } +} + +.icon { + &:before { + display: inline-block; + font-family: "Social"; + font-style: normal; + font-weight: normal; + font-variant: normal; + line-height: 1; + text-decoration: inherit; + text-rendering: optimizeLegibility; + text-transform: none; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-smoothing: antialiased; + } + + &.envelope:before { + content: "\f100"; + } + + &.spotify:before { + content: "\f101"; + } + + &.github:before { + content: "\f102"; + } + + &.twitter:before { + content: "\f103"; + } + + &.linkedin:before { + content: "\f104"; + } +} +$icon-envelope: "\f100"; +$icon-spotify: "\f101"; +$icon-github: "\f102"; +$icon-twitter: "\f103"; +$icon-linkedin: "\f104"; diff --git a/scss/_structure.scss b/scss/_structure.scss index 7778c12..ee916d6 100644 --- a/scss/_structure.scss +++ b/scss/_structure.scss @@ -212,7 +212,7 @@ body { } } - .social { + .icons { cursor: default; @include user-select(none); diff --git a/scss/_variables.scss b/scss/_variables.scss index 933fe30..2b04694 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -51,6 +51,3 @@ $social: ( $mobile: 20em; $tablet: 48rem; $desktop: 60rem; - -// Font Awesome -$fa-font-path: "../node_modules/font-awesome/fonts" !default; \ No newline at end of file diff --git a/scss/app.scss b/scss/app.scss index cf5f1fd..762a6fe 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -3,7 +3,6 @@ // Include some toolkits. @import "bourbon"; -@import "font-awesome"; @import "susy"; // Import our dependencies. @@ -11,6 +10,7 @@ // Import rest of our styles. @import "global"; +@import "icons"; @import "page/about"; @import "page/home"; @import "structure"; diff --git a/templates/master.html b/templates/master.html index 7860c3d..54a0abb 100644 --- a/templates/master.html +++ b/templates/master.html @@ -74,25 +74,25 @@

Web Developer