From aac90a9c9ea3d743e2d65f479bc4b7357a1a8915 Mon Sep 17 00:00:00 2001 From: rainydaysavings Date: Fri, 12 Jun 2020 23:45:10 +0100 Subject: [PATCH] [UI] SVG icons added [TWIG][UI] Header completed --- public/assets/css/faq/base.css | 371 ++++++++++++++------- public/assets/icons/Read Me.txt | 15 + public/assets/icons/SVG/attach.svg | 5 + public/assets/icons/SVG/drop.svg | 5 + public/assets/icons/SVG/heart.svg | 5 + public/assets/icons/SVG/logo.svg | 5 + public/assets/icons/SVG/menu.svg | 7 + public/assets/icons/SVG/recycle.svg | 7 + public/assets/icons/SVG/reply.svg | 5 + public/assets/icons/SVG/search.svg | 5 + public/assets/icons/demo-external-svg.html | 61 ++++ public/assets/icons/demo-files/demo.css | 147 ++++++++ public/assets/icons/demo.html | 94 ++++++ public/assets/icons/selection.json | 280 ++++++++++++++++ public/assets/icons/sprite/sprite.css | 46 +++ public/assets/icons/sprite/sprite.html | 104 ++++++ public/assets/icons/sprite/sprite.svg | 32 ++ public/assets/icons/style.css | 16 + public/assets/icons/svgxuse.js | 230 +++++++++++++ public/assets/icons/symbol-defs.svg | 32 ++ public/assets/images/drop.png | Bin 6907 -> 0 bytes public/assets/images/logo.png | Bin 14355 -> 0 bytes public/assets/images/menu.png | Bin 5579 -> 0 bytes public/assets/images/search.png | Bin 15024 -> 0 bytes templates/base.html.twig | 52 +++ templates/faq/base.html.twig | 110 +++--- templates/faq/home.html.twig | 51 ++- 27 files changed, 1506 insertions(+), 179 deletions(-) create mode 100644 public/assets/icons/Read Me.txt create mode 100644 public/assets/icons/SVG/attach.svg create mode 100644 public/assets/icons/SVG/drop.svg create mode 100644 public/assets/icons/SVG/heart.svg create mode 100644 public/assets/icons/SVG/logo.svg create mode 100644 public/assets/icons/SVG/menu.svg create mode 100644 public/assets/icons/SVG/recycle.svg create mode 100644 public/assets/icons/SVG/reply.svg create mode 100644 public/assets/icons/SVG/search.svg create mode 100644 public/assets/icons/demo-external-svg.html create mode 100644 public/assets/icons/demo-files/demo.css create mode 100644 public/assets/icons/demo.html create mode 100644 public/assets/icons/selection.json create mode 100644 public/assets/icons/sprite/sprite.css create mode 100644 public/assets/icons/sprite/sprite.html create mode 100644 public/assets/icons/sprite/sprite.svg create mode 100644 public/assets/icons/style.css create mode 100644 public/assets/icons/svgxuse.js create mode 100644 public/assets/icons/symbol-defs.svg delete mode 100644 public/assets/images/drop.png delete mode 100644 public/assets/images/logo.png delete mode 100644 public/assets/images/menu.png delete mode 100644 public/assets/images/search.png diff --git a/public/assets/css/faq/base.css b/public/assets/css/faq/base.css index 78daa2efd1..42bf7e73bd 100644 --- a/public/assets/css/faq/base.css +++ b/public/assets/css/faq/base.css @@ -1,132 +1,247 @@ /* GENERAL ----------------------------*/ - body, html - { - background-image: linear-gradient(to right bottom, #485563, #404c59, #38434f, #313a45, #29323c); - height: 100%; - background-position: center; - background-repeat: no-repeat; - background-size: cover; - color: #F6F6F6; - font-family: 'Open Sans', sans-serif; - } - - ul - { - text-decoration: none; - margin: 0; - padding: 0; - list-style: none; - } - - .drop-down ul li - { - position: relative; - } - - .drop-down ul li ul a - { - line-height: 1.8em; - } - - .drop-down ul li ul - { - display: none; - position: absolute; - background-color: rgba(0, 0, 0, 0.20); - padding: 0.8em 1.5em 1.5em 0.8em; - border-radius: 4px; - } - - .drop-down ul li:hover ul - { - display: block; - } - - .drop-down ul li ul a:hover - { - opacity: 0.6; - transition: all 0.5s ease; - } - - #hover-effect:hover - { - opacity: 0.6; - transition: all 0.5s ease; - } - - a:link - { - text-decoration: none; - outline: 0; - color: #F6F6F6; - } - a:visited - { - outline: 0; - color: #F6F6F6; - } +body, html +{ + background-image: linear-gradient(to right bottom, #485563, #404c59, #38434f, #313a45, #29323c); + height: 100%; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + color: #F6F6F6; + font-family: 'Open Sans', sans-serif; + font-size: 1.250em; + margin: 0; + padding: 0; +} +ul +{ + text-decoration: none; + margin: 0; + padding: 0; + list-style: none; +} +.drop-down ul li +{ + position: relative; +} +.drop-down ul li ul a +{ + line-height: 0.8em; +} +.drop-down ul li ul +{ + display: none; + position: absolute; + background-color: #29323C; + padding: 0.4em 0.8em 0.8em 0.8em; + border-radius: 4px; +} +.drop-down ul li:hover ul +{ + display: block; +} +.drop-down ul li ul a:hover +{ + opacity: 0.6; + transition: all 0.5s ease; +} +#hover-effect:hover +{ + opacity: 0.6; + transition: all 0.5s ease; +} +a:link +{ + text-decoration: none; + outline: 0; + color: #F6F6F6; +} +a:visited +{ + outline: 0; + color: #F6F6F6; +} +ul li ul a +{ + font-size: 0.65em; +} +b +{ + font-family: 'Montserrat', sans-serif; + font-weight: 800; +} +/*-------------------------------------*/ +/* CONTAINER --------------------------*/ +#container +{ + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} /*-------------------------------------*/ - /* HEADER -----------------------------*/ - #header - { - margin-top: 2em; - margin-left: 20%; - margin-right: 20%; - display: flex; - justify-content: space-between; - } - - .flex-items - { - margin: 2em; - } - - /* MENU -------------------------------*/ - #menu - { - order: 1; - } - - #menu-png - { - height: 2em; - } - /*-------------------------------------*/ - - /* INSTANCE ---------------------------*/ - #instance - { - order: 2; - } - - #align-mid - { - - } - - #logo - { - height: 2em; - } - - #down-arrow - { - height: 1em; - } - /*-------------------------------------*/ - - /* SEARCH -----------------------------*/ - #search - { - order: 3; - } - - #search-png - { - height: 2em; - } - /*-------------------------------------*/ - +#header +{ + display: flex; + justify-content: space-between; + flex-wrap: wrap; + order: 1; + width: 100%; + margin-left: 20%; + margin-right: 20%; + background-color: #00000040; + padding: 1em 1em; +} +/* MENU -------------------------------*/ +#menu +{ + order: 1; +} +.icon-menu +{ + display: inline-block; + width: 1em; + height: 1em; + stroke-width: 0; + stroke: currentColor; + fill: currentColor; +} /*-------------------------------------*/ - +/* INSTANCE ---------------------------*/ +#instance +{ + order: 2; +} +.icon-logo +{ + display: inline-block; + vertical-align: middle; + width: 1.25em; + height: 1.25em; + stroke-width: 0; + stroke: currentColor; + fill: currentColor; +} +.icon-drop +{ + display: inline-block; + vertical-align: middle; + width: 0.5em; + height: 0.5em; + stroke-width: 0; + stroke: currentColor; + fill: currentColor; +} +/*-------------------------------------*/ +/* SEARCH -----------------------------*/ +#search +{ + order: 3; +} +.icon-search +{ + display: inline-block; + vertical-align: middle; + width: 1em; + height: 1em; + stroke-width: 0; + stroke: currentColor; + fill: currentColor; +} +/*-------------------------------------*/ +/* PROFILE ----------------------------*/ +#profile +{ + display: flex; + justify-content: flex-start; + order: 4; + width: 100%; + margin-top: 2em; + font-size: 0.7em; + align-items: center; +} +.icon-avatar +{ + margin-right: 1em; + width: 3em; + height: 3em; + stroke-width: 0; + stroke: currentColor; + fill: currentColor; +} +#nick +{ + order: 1; + display: flex; + align-items: center; + margin-right: 1em; +} +#tags +{ + order: 2; + color: #91B9D0; +} +#stats +{ + order: 3; + margin-left: auto; +} +#stats b:last-child +{ + margin-left: 1em; +} +/*-------------------------------------*/ +/*-------------------------------------*/ +/* PAGES ------------------------------*/ +.faq-nav +{ + display: flex; + justify-content: space-between; + flex-wrap: wrap; + order: 2; + width: 100%; + margin-left: 20%; + margin-right: 20%; + background-color: #00000060; + padding: 1em 1em; + font-size: 0.7em; +} +.faq-nav ul +{ + display: flex; + align-items: stretch; + justify-content: space-between; + width: 100%; + margin-left: 15%; + margin-right: 15%; + padding: 0; +} +.faq-nav li +{ + display: block; + flex: 0 1 auto; + list-style-type: none; +} +.active +{ + color: #F6F6F6; + font-weight: 700; +} +.faq-nav a +{ + color: #91B9D0; +} +/*-------------------------------------*/ +/*-------------------------------------*/ +/* CONTENT ----------------------------*/ +.content +{ + order: 3; + width: 100%; + margin-top: 1em; + margin-left: 20%; + margin-right: 20%; + background-color: #00000040; + padding: 1em 1em; + border-radius: 1em; + font-size: 0.65em; +} \ No newline at end of file diff --git a/public/assets/icons/Read Me.txt b/public/assets/icons/Read Me.txt new file mode 100644 index 0000000000..b3dea885a7 --- /dev/null +++ b/public/assets/icons/Read Me.txt @@ -0,0 +1,15 @@ +The *SVG* folder contains the icons you selected as separate SVG files. + +If you prefer using PNGs, PDFs, or CSS sprites, refer to the Preferences panel of the IcoMoon app before downloading your zip pack. + +*demo.html* lists the icons that you selected. To insert your icons as inline SVGs (with the element), copy the element (that contains symbol definitions) from the source of the demo.html file, below your own HTML's tag. After copying this SVG, you can reference your glyphs like the following: + + + +You can get this code from the SVG tab of the IcoMoon app, or by referring to the source of the demo.html file. To see how you can change the color/size of your icons using CSS, refer to the example provided in the *style.css* file. + +If you prefer to reference an external SVG (containing ) instead of embedding it in HTML, you will need to use *svgxuse.js* in order to support IE 9+. In browsers that don't support referencing external SVGs (such as IE 9), this polyfill sends one HTTP request to fetch and cache all symbol definitions. See *demo-external-svg.html* for this approach. This demo references the *symbol-defs.svg* file and uses the aforementioned polyfill. Note that it must be hosted on a web server to work +properly. Learn more about this polyfill here: https://github.com/Keyamoon/svgxuse + +You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection. + diff --git a/public/assets/icons/SVG/attach.svg b/public/assets/icons/SVG/attach.svg new file mode 100644 index 0000000000..825b9c3aa0 --- /dev/null +++ b/public/assets/icons/SVG/attach.svg @@ -0,0 +1,5 @@ + + +attach + + diff --git a/public/assets/icons/SVG/drop.svg b/public/assets/icons/SVG/drop.svg new file mode 100644 index 0000000000..6be1c61e1a --- /dev/null +++ b/public/assets/icons/SVG/drop.svg @@ -0,0 +1,5 @@ + + +drop + + diff --git a/public/assets/icons/SVG/heart.svg b/public/assets/icons/SVG/heart.svg new file mode 100644 index 0000000000..17ffce2be1 --- /dev/null +++ b/public/assets/icons/SVG/heart.svg @@ -0,0 +1,5 @@ + + +heart + + diff --git a/public/assets/icons/SVG/logo.svg b/public/assets/icons/SVG/logo.svg new file mode 100644 index 0000000000..f6d762caef --- /dev/null +++ b/public/assets/icons/SVG/logo.svg @@ -0,0 +1,5 @@ + + +logo + + diff --git a/public/assets/icons/SVG/menu.svg b/public/assets/icons/SVG/menu.svg new file mode 100644 index 0000000000..e823add6d9 --- /dev/null +++ b/public/assets/icons/SVG/menu.svg @@ -0,0 +1,7 @@ + + +menu + + + + diff --git a/public/assets/icons/SVG/recycle.svg b/public/assets/icons/SVG/recycle.svg new file mode 100644 index 0000000000..0f40d9b9da --- /dev/null +++ b/public/assets/icons/SVG/recycle.svg @@ -0,0 +1,7 @@ + + +recycle + + + + diff --git a/public/assets/icons/SVG/reply.svg b/public/assets/icons/SVG/reply.svg new file mode 100644 index 0000000000..57a3d202a8 --- /dev/null +++ b/public/assets/icons/SVG/reply.svg @@ -0,0 +1,5 @@ + + +reply + + diff --git a/public/assets/icons/SVG/search.svg b/public/assets/icons/SVG/search.svg new file mode 100644 index 0000000000..1e00048540 --- /dev/null +++ b/public/assets/icons/SVG/search.svg @@ -0,0 +1,5 @@ + + +search + + diff --git a/public/assets/icons/demo-external-svg.html b/public/assets/icons/demo-external-svg.html new file mode 100644 index 0000000000..8cdcff37d9 --- /dev/null +++ b/public/assets/icons/demo-external-svg.html @@ -0,0 +1,61 @@ + + + + IcoMoon - SVG Icons + + + + + + +
+
+

SVG Icons - Generated by IcoMoon

Notice: This demo (along with "symbol-defs.svg" and "svgxuse.js" files) should be hosted on a web server to work properly.

+
+
+
+

Grid Size: 0

+
+
+ icon-drop +
+
+
+
+ icon-attach +
+
+
+
+ icon-heart +
+
+
+
+ icon-logo +
+
+
+
+ icon-reply +
+
+
+
+ icon-menu +
+
+
+
+ icon-recycle +
+
+
+
+ icon-search +
+
+
+ + + diff --git a/public/assets/icons/demo-files/demo.css b/public/assets/icons/demo-files/demo.css new file mode 100644 index 0000000000..35b4e4a1d6 --- /dev/null +++ b/public/assets/icons/demo-files/demo.css @@ -0,0 +1,147 @@ +body { + padding: 0; + margin: 0; + font-family: sans-serif; + font-size: 1em; + line-height: 1.5; + color: #555; + background: #fff; +} +h1 { + font-size: 1.5em; + font-weight: normal; + box-shadow: 0 1px #ddd, 0 2px #fff, 0 3px #ddd; +} +small { + font-size: .66666667em; +} +a { + color: #e74c3c; + text-decoration: none; +} +a:hover, a:focus { + box-shadow: 0 1px #e74c3c; +} +.bshadow0, input { + box-shadow: inset 0 -2px #e7e7e7; +} +input:hover { + box-shadow: inset 0 -2px #ccc; +} +input, fieldset { + font-size: 1em; + margin: 0; + padding: 0; + border: 0; +} +input { + color: inherit; + line-height: 1.5; + height: 1.5em; + padding: .25em 0; +} +input:focus { + outline: none; + box-shadow: inset 0 -2px #449fdb; +} +.glyph { + font-size: 16px; + margin-right: 1.5em; + float: left; + width: 17em; +} +svg { + color: #000; +} +.liga { + width: 80%; + width: calc(100% - 2.5em); +} +.talign-right { + text-align: right; +} +.talign-center { + text-align: center; +} +.bgc1 { + background: #f1f1f1; +} +.fgc0 { + color: #000; +} +.fgc1 { + color: #999; +} +p { + margin-top: 1em; + margin-bottom: 1em; +} +.mvm { + margin-top: .75em; + margin-bottom: .75em; +} +.mtn { + margin-top: 0; +} +.mtl, .mal { + margin-top: 1.5em; +} +.mbl, .mal { + margin-bottom: 1.5em; +} +.mal, .mhl { + margin-left: 1.5em; + margin-right: 1.5em; +} +.mhmm { + margin-left: 1em; + margin-right: 1em; +} +.ptl { + padding-top: 1.5em; +} +.pbs, .pvs { + padding-bottom: .25em; +} +.pvs, .pts { + padding-top: .25em; +} +.unit { + float: left; +} +.unitRight { + float: right; +} +.size1of2 { + width: 50%; +} +.size1of1 { + width: 100%; +} +.clearfix:before, .clearfix:after { + content: " "; + display: table; +} +.clearfix:after { + clear: both; +} +.hidden-true { + display: none; +} +.textbox0 { + width: 3em; + background: #f1f1f1; + padding: .25em .5em; + line-height: 1.5; + height: 1.5em; +} +.fs0 { + font-size: 16px; +} +.fs1 { + font-size: 32px; +} +.name { + margin-left: .25em; +} + diff --git a/public/assets/icons/demo.html b/public/assets/icons/demo.html new file mode 100644 index 0000000000..4d7a89bb99 --- /dev/null +++ b/public/assets/icons/demo.html @@ -0,0 +1,94 @@ + + + + IcoMoon - SVG Icons + + + + + + + + +
+
+

SVG Icons - Generated by IcoMoon

+
+
+
+

Grid Size: 0

+
+
+ icon-drop +
+
+
+
+ icon-attach +
+
+
+
+ icon-heart +
+
+
+
+ icon-logo +
+
+
+
+ icon-reply +
+
+
+
+ icon-menu +
+
+
+
+ icon-recycle +
+
+
+
+ icon-search +
+
+
+ + + diff --git a/public/assets/icons/selection.json b/public/assets/icons/selection.json new file mode 100644 index 0000000000..702a5f4b14 --- /dev/null +++ b/public/assets/icons/selection.json @@ -0,0 +1,280 @@ +{ + "IcoMoonType": "selection", + "icons": [ + { + "icon": { + "paths": [ + "M512 805.55c-26.327 0-342.253-547.2-329.090-570s645.016-22.8 658.179-0c13.164 22.8-302.762 570-329.090 570z" + ], + "attrs": [ + {} + ], + "isMulticolor": false, + "isMulticolor2": false, + "grid": 0, + "tags": [ + "drop" + ] + }, + "attrs": [ + {} + ], + "properties": { + "order": 19, + "id": 7, + "name": "drop", + "prevSize": 32 + }, + "setIdx": 0, + "setId": 2, + "iconIdx": 0 + }, + { + "icon": { + "paths": [ + "M150.491 934.135c-116.86-120.578-114.682-315.022 2.772-435.162l419.52-429.122c88.632-90.664 232.702-90.672 321.342 0 87.78 89.788 87.886 234.658 0 324.552l-417.641 364.199c-65.543 53.085-129.017 51.74-167.78 2.15-33.528-45.039-37.804-108.2 14.538-172.073l280.797-301.566c45.47-42.173 96.611 14.055 62.886 52.611l-279.123 305.55c-26.641 29.134 9.166 68.62 37.223 42.869l377.607-383.225c39.226-40.124 39.226-105.45-0.022-145.596-38.378-39.254-99.914-39.274-138.308 0l-419.522 429.12c-73.712 74.417-50.951 185.648 12.504 243.531 115.358 116.571 241.769 10.637 390.752-118.085 12.354-12.638 162.427-159.298 229.85-220.758 28.821-19.79 58.368 7.804 38.427 49.734l-310.083 374.386c-124.54 135.441-338.085 138.288-455.739 16.886z" + ], + "attrs": [ + {} + ], + "isMulticolor": false, + "isMulticolor2": false, + "grid": 0, + "tags": [ + "attach" + ] + }, + "attrs": [ + {} + ], + "properties": { + "order": 12, + "id": 6, + "name": "attach", + "prevSize": 32 + }, + "setIdx": 0, + "setId": 2, + "iconIdx": 1 + }, + { + "icon": { + "paths": [ + "M512.643 246.995c0-0 0-0.107 0.008-0.32s0.014-0.532 0.033-0.957c0.018-0.425 0.047-0.955 0.090-1.59s0.099-1.373 0.174-2.214c0.075-0.841 0.169-1.784 0.286-2.826s0.258-2.185 0.426-3.424c0.168-1.239 0.364-2.575 0.592-4.004s0.487-2.952 0.783-4.564c0.296-1.612 0.627-3.313 0.999-5.099s0.784-3.657 1.24-5.607c0.456-1.951 0.956-3.982 1.503-6.087s1.142-4.286 1.788-6.535c0.646-2.249 1.343-4.567 2.094-6.949s1.556-4.825 2.418-7.326c0.862-2.501 1.781-5.058 2.761-7.665s2.018-5.264 3.119-7.965c1.101-2.7 2.264-5.444 3.492-8.223s2.519-5.594 3.877-8.438c1.358-2.844 2.782-5.716 4.274-8.609s3.051-5.808 4.68-8.736c1.629-2.928 3.326-5.87 5.093-8.817s3.605-5.901 5.512-8.852c1.908-2.951 3.886-5.901 5.935-8.841s4.169-5.871 6.359-8.785c2.19-2.914 4.452-5.809 6.783-8.682s4.733-5.719 7.205-8.534c2.471-2.815 5.013-5.597 7.622-8.339 2.61-2.745 5.288-5.448 8.034-8.105 2.745-2.659 5.558-5.269 8.437-7.827s5.822-5.061 8.83-7.504c3.008-2.446 6.079-4.829 9.211-7.145 3.132-2.318 6.326-4.569 9.578-6.749 3.252-2.178 6.563-4.283 9.929-6.312 3.368-2.027 6.789-3.978 10.265-5.844 3.474-1.866 7.002-3.648 10.578-5.344 3.577-1.694 7.202-3.299 10.873-4.814 3.671-1.512 7.387-2.932 11.145-4.254 3.758-1.324 7.557-2.55 11.393-3.674s7.709-2.149 11.616-3.068c3.907-0.921 7.844-1.735 11.812-2.443 3.968-0.71 7.962-1.311 11.98-1.803 4.019-0.492 8.061-0.877 12.121-1.147 4.059-0.273 8.138-0.432 12.229-0.481 4.092-0.047 8.197 0.019 12.309 0.198 4.113 0.177 8.233 0.468 12.355 0.874 4.122 0.409 8.248 0.929 12.37 1.564 4.122 0.632 8.242 1.382 12.353 2.245 4.111 0.861 8.214 1.84 12.302 2.927 4.090 1.090 8.162 2.292 12.218 3.609 4.055 1.314 8.090 2.74 12.1 4.278 4.010 1.535 7.993 3.182 11.947 4.936 3.953 1.756 7.875 3.619 11.761 5.589 3.888 1.967 7.736 4.043 11.543 6.221s7.574 4.46 11.292 6.84c3.718 2.381 7.389 4.863 11.006 7.439 3.617 2.579 7.183 5.253 10.69 8.022s6.955 5.628 10.342 8.578c3.387 2.951 6.709 5.992 9.964 9.117 3.254 3.125 6.44 6.336 9.555 9.624 3.114 3.291 6.157 6.666 9.121 10.114 2.964 3.45 5.85 6.975 8.656 10.573 2.804 3.598 5.528 7.268 8.166 11.005s5.189 7.542 7.652 11.409c2.463 3.867 4.835 7.797 7.115 11.785s4.465 8.034 6.555 12.133c2.090 4.099 4.084 8.251 5.977 12.452s3.686 8.45 5.379 12.742c1.692 4.293 3.28 8.629 4.764 13.004s2.865 8.789 4.137 13.238c1.272 4.448 2.438 8.931 3.495 13.444s2.006 9.055 2.844 13.623c0.838 4.568 1.566 9.161 2.183 13.775s1.122 9.25 1.514 13.902c0.394 4.653 0.676 9.322 0.844 14.005 0.17 4.683 0.225 9.379 0.17 14.084-0.057 4.705-0.225 9.42-0.507 14.141-0.28 4.721-0.674 9.448-1.179 14.177-0.507 4.729-1.124 9.462-1.852 14.194s-1.566 9.463-2.514 14.191c-0.947 4.728-2.004 9.453-3.17 14.172s-2.438 9.432-3.817 14.138c-1.379 4.705-2.865 9.402-4.454 14.089s-3.28 9.363-5.075 14.027c-1.793 4.664-3.688 9.316-5.679 13.954-1.992 4.638-4.084 9.263-6.269 13.872s-4.467 9.203-6.839 13.78c-2.372 4.577-4.835 9.138-7.385 13.681s-5.191 9.069-7.913 13.577c-2.722 4.508-5.528 8.997-8.414 13.468s-5.85 8.922-8.89 13.355c-3.040 4.433-6.157 8.846-9.342 13.24-3.187 4.394-6.442 8.769-9.764 13.124s-6.709 8.691-10.157 13.007c-3.448 4.316-6.957 8.613-10.519 12.89-3.564 4.277-7.183 8.535-10.852 12.774-3.671 4.239-7.389 8.459-11.153 12.66s-7.574 8.384-11.422 12.549c-3.848 4.165-7.736 8.311-11.658 12.439-3.92 4.128-7.875 8.239-11.858 12.333s-7.995 8.17-12.027 12.228c-4.035 4.062-8.090 8.102-12.163 12.13-4.073 4.025-8.162 8.037-12.264 12.031s-8.214 7.975-12.332 11.938c-4.118 3.963-8.242 7.912-12.366 11.847-4.124 3.931-8.248 7.85-12.366 11.755-4.12 3.903-8.233 7.793-12.336 11.67-4.103 3.874-8.197 7.735-12.273 11.584-4.076 3.846-8.138 7.678-12.18 11.498-4.040 3.817-8.060 7.624-12.052 11.412-3.995 3.791-7.962 7.566-11.9 11.329-3.939 3.762-7.846 7.509-11.719 11.24-3.873 3.734-7.709 7.452-11.507 11.152-3.798 3.703-7.557 7.39-11.271 11.061-3.716 3.671-7.387 7.327-11.012 10.964-3.625 3.64-7.202 7.259-10.73 10.866-3.526 3.604-7.002 7.189-10.424 10.756s-6.789 7.114-10.099 10.642c-3.31 3.528-6.563 7.038-9.756 10.525s-6.326 6.95-9.397 10.392c-3.071 3.442-6.079 6.859-9.022 10.254-2.943 3.393-5.822 6.762-8.635 10.103s-5.558 6.656-8.236 9.942c-2.678 3.286-5.288 6.544-7.829 9.77-2.541 3.229-5.013 6.424-7.414 9.585-2.402 3.164-4.733 6.292-6.994 9.388-2.261 3.094-4.452 6.151-6.571 9.172s-4.168 6.005-6.147 8.948c-1.978 2.943-3.886 5.844-5.723 8.703s-3.604 5.678-5.302 8.448c-1.698 2.771-3.326 5.495-4.886 8.175-1.56 2.677-3.051 5.308-4.476 7.886s-2.782 5.108-4.074 7.585c-1.292 2.474-2.519 4.897-3.683 7.265s-2.264 4.678-3.303 6.931c-1.039 2.253-2.018 4.447-2.938 6.583-0.92 2.134-1.782 4.207-2.587 6.216-0.806 2.011-1.556 3.96-2.254 5.841s-1.343 3.7-1.939 5.448c-0.596 1.748-1.142 3.432-1.643 5.045-0.501 1.611-0.956 3.154-1.369 4.626s-0.784 2.873-1.117 4.199c-0.333 1.327-0.627 2.581-0.888 3.76s-0.487 2.282-0.684 3.312c-0.197 1.028-0.364 1.98-0.505 2.854s-0.258 1.67-0.353 2.388c-0.095 0.721-0.169 1.361-0.227 1.92-0.058 0.562-0.099 1.043-0.129 1.447-0.030 0.401-0.047 0.723-0.058 0.963-0.010 0.242-0.014 0.403-0.014 0.484s0 0.081 0 0-0.008-0.242-0.014-0.484c-0.010-0.239-0.028-0.562-0.058-0.963-0.030-0.403-0.071-0.885-0.128-1.447-0.058-0.559-0.132-1.199-0.227-1.92-0.095-0.718-0.211-1.514-0.353-2.388s-0.309-1.827-0.505-2.854c-0.197-1.030-0.423-2.134-0.684-3.312s-0.555-2.433-0.888-3.76c-0.333-1.327-0.704-2.729-1.117-4.199-0.413-1.473-0.868-3.016-1.369-4.626-0.501-1.613-1.047-3.297-1.643-5.045s-1.241-3.567-1.939-5.448c-0.698-1.881-1.448-3.83-2.254-5.841-0.806-2.009-1.668-4.082-2.587-6.216-0.92-2.136-1.898-4.33-2.938-6.583s-2.14-4.564-3.303-6.931c-1.164-2.368-2.391-4.79-3.683-7.265-1.292-2.477-2.65-5.006-4.074-7.585s-2.916-5.209-4.476-7.886c-1.56-2.677-3.188-5.404-4.886-8.175s-3.465-5.589-5.302-8.448c-1.837-2.859-3.745-5.761-5.723-8.703s-4.027-5.927-6.147-8.948c-2.12-3.021-4.31-6.078-6.571-9.172s-4.593-6.224-6.994-9.388c-2.402-3.161-4.873-6.356-7.414-9.585-2.541-3.226-5.151-6.484-7.829-9.77s-5.424-6.601-8.236-9.942c-2.812-3.341-5.691-6.71-8.635-10.103-2.943-3.396-5.952-6.812-9.022-10.254s-6.204-6.905-9.397-10.392c-3.193-3.487-6.446-6.997-9.756-10.525s-6.678-7.075-10.099-10.642c-3.421-3.567-6.897-7.153-10.424-10.756-3.526-3.606-7.104-7.226-10.729-10.866-3.625-3.637-7.297-7.293-11.012-10.964s-7.474-7.358-11.272-11.061c-3.798-3.7-7.635-7.418-11.508-11.152-3.872-3.731-7.78-7.478-11.718-11.24s-7.906-7.538-11.9-11.329c-3.994-3.788-8.014-7.595-12.054-11.412-4.040-3.82-8.102-7.652-12.179-11.498-4.077-3.848-8.169-7.709-12.272-11.584-4.103-3.877-8.218-7.767-12.336-11.67-4.12-3.905-8.244-7.824-12.368-11.755-4.124-3.934-8.248-7.884-12.366-11.847-4.116-3.963-8.229-7.944-12.33-11.938s-8.191-8.006-12.264-12.031c-4.075-4.028-8.13-8.069-12.163-12.13-4.035-4.059-8.046-8.135-12.027-12.228-3.983-4.093-7.94-8.204-11.86-12.333-3.922-4.128-7.808-8.275-11.656-12.439-3.85-4.164-7.658-8.347-11.422-12.549s-7.484-8.421-11.153-12.66c-3.669-4.239-7.288-8.497-10.852-12.774s-7.073-8.574-10.521-12.89c-3.448-4.316-6.835-8.652-10.157-13.007s-6.578-8.73-9.763-13.124c-3.187-4.394-6.301-8.807-9.342-13.24s-6.006-8.885-8.892-13.355c-2.886-4.471-5.692-8.96-8.414-13.468s-5.36-9.034-7.913-13.577c-2.551-4.543-5.014-9.104-7.385-13.681s-4.652-9.171-6.839-13.78c-2.185-4.609-4.275-9.233-6.267-13.872s-3.888-9.29-5.68-13.954c-1.793-4.664-3.486-9.341-5.075-14.027s-3.073-9.384-4.452-14.089c-1.379-4.705-2.653-9.418-3.817-14.138-1.166-4.719-2.223-9.444-3.172-14.172s-1.787-9.46-2.514-14.191c-0.728-4.732-1.345-9.464-1.85-14.194-0.507-4.73-0.899-9.456-1.181-14.177-0.28-4.721-0.45-9.436-0.507-14.141-0.056-4.706 0-9.401 0.17-14.084s0.45-9.352 0.844-14.005c0.392-4.652 0.899-9.288 1.516-13.902 0.615-4.615 1.345-9.207 2.183-13.775s1.787-9.11 2.842-13.623c1.057-4.512 2.223-8.995 3.497-13.444 1.272-4.448 2.652-8.862 4.135-13.238s3.074-8.711 4.766-13.004c1.692-4.293 3.486-8.542 5.379-12.742s3.886-8.353 5.976-12.452c2.090-4.099 4.276-8.145 6.557-12.133 2.278-3.988 4.652-7.918 7.113-11.785 2.463-3.867 5.016-7.672 7.652-11.409 2.638-3.737 5.362-7.407 8.168-11.005 2.804-3.598 5.692-7.122 8.656-10.573 2.964-3.448 6.004-6.822 9.119-10.114s6.301-6.5 9.557-9.624c3.254-3.125 6.578-6.167 9.963-9.117 3.387-2.951 6.837-5.81 10.344-8.578s7.071-5.443 10.69-8.022c3.617-2.578 7.288-5.058 11.006-7.439 3.716-2.381 7.482-4.663 11.29-6.84s7.658-4.254 11.544-6.221c3.886-1.97 7.808-3.833 11.763-5.589 3.953-1.754 7.938-3.401 11.947-4.936 4.010-1.538 8.044-2.964 12.098-4.278 4.056-1.317 8.13-2.519 12.218-3.609 4.088-1.088 8.191-2.066 12.302-2.927 4.111-0.864 8.231-1.613 12.353-2.245 4.122-0.635 8.248-1.155 12.37-1.564 4.124-0.406 8.244-0.697 12.357-0.874 4.113-0.18 8.216-0.245 12.308-0.198 4.091 0.049 8.17 0.211 12.23 0.481s8.102 0.656 12.12 1.147c4.018 0.492 8.013 1.093 11.981 1.803 3.967 0.708 7.906 1.522 11.812 2.443 3.906 0.918 7.78 1.944 11.616 3.068s7.635 2.352 11.393 3.674c3.758 1.322 7.474 2.742 11.145 4.254 3.671 1.514 7.297 3.12 10.873 4.814 3.577 1.696 7.104 3.479 10.579 5.344s6.897 3.817 10.264 5.844c3.367 2.029 6.678 4.134 9.93 6.312 3.252 2.18 6.446 4.431 9.578 6.749 3.133 2.316 6.203 4.699 9.211 7.145 3.008 2.443 5.951 4.946 8.83 7.504s5.691 5.167 8.437 7.827c2.746 2.657 5.424 5.36 8.034 8.105 2.61 2.742 5.151 5.524 7.622 8.339s4.873 5.662 7.205 8.534c2.332 2.873 4.593 5.768 6.783 8.682s4.31 5.844 6.359 8.785c2.049 2.94 4.027 5.89 5.935 8.841s3.745 5.905 5.512 8.852c1.767 2.947 3.465 5.889 5.093 8.817s3.188 5.843 4.68 8.736c1.492 2.894 2.916 5.766 4.274 8.609s2.65 5.659 3.877 8.438c1.228 2.779 2.39 5.523 3.491 8.223s2.14 5.358 3.119 7.965c0.979 2.607 1.898 5.165 2.761 7.665s1.667 4.945 2.418 7.326c0.751 2.381 1.448 4.699 2.094 6.949s1.241 4.429 1.788 6.535c0.548 2.105 1.047 4.136 1.503 6.087s0.868 3.821 1.24 5.607c0.372 1.786 0.704 3.487 1 5.099s0.555 3.134 0.783 4.564c0.228 1.429 0.423 2.765 0.591 4.004s0.309 2.382 0.426 3.424c0.117 1.043 0.211 1.986 0.286 2.826s0.132 1.579 0.174 2.214c0.042 0.635 0.070 1.165 0.090 1.59 0.018 0.425 0.028 0.744 0.033 0.957 0.008 0.213 0.008 0.319 0.008 0.32z" + ], + "attrs": [ + { + "opacity": 0.995434 + } + ], + "isMulticolor": false, + "isMulticolor2": false, + "grid": 0, + "tags": [ + "heart" + ] + }, + "attrs": [ + { + "opacity": 0.995434 + } + ], + "properties": { + "order": 13, + "id": 5, + "name": "heart", + "prevSize": 32 + }, + "setIdx": 0, + "setId": 2, + "iconIdx": 2 + }, + { + "icon": { + "paths": [ + "M455.198 936.403c47.348-23.941 93.073-68.957 110.437-108.727 26.454-60.589 34.176-58.161-184.999-58.161-215.82 0-235.164-3.665-274.971-52.094-19.508-23.734-20.246-34.762-20.246-302.603 0-269.511 0.634-278.824 20.831-305.968 38.409-51.62 54.371-53.73 406.398-53.73 352.147 0 366.603 1.988 406.736 55.924 18.108 24.337 19.199 41.596 19.199 303.775 0 267.841-0.738 278.87-20.246 302.603-29.076 35.373-68.764 52.094-123.647 52.094-42.607 0-48.558 2.486-53.801 22.48-7.969 30.385-49.908 76.645-93.191 102.792-43.613 26.347-155.935 60.432-197.311 59.875l-30.488-0.41zM630.413 658.301c38.187-17.52 75.047-73.879 84.079-128.558 4.321-26.16 5.61-49.714 2.864-52.342-9.841-9.417-176.272-4.887-176.272 4.798 0 5.267-5.957 38.744 1.604 56.061 9.934 22.752 33.006 10.649 51.44 13.065 15.884 2.082 24.538 10.752 11.255 27.994-11.637 15.105-25.279 18.495-73.352 18.228-51.154-0.284-68.643-5.521-89.102-23.52-22.644-19.921-23.285-35.519-26.441-102.032-4.264-89.855 6.423-106.172 75.493-115.262 57.282-7.539 116.41 3.493 132.484 37.253 9.565 20.089 6.219 23.677 41.916 23.677 49.276 0 52.572-13.633 33.516-63.728-12.332-32.416-23.229-24.637-9.097-53.137 24.446-49.3 19.382-83.757-18.057-122.851-36.843-38.473-53.256-35.788-35.268 5.768 6.459 14.924 10.319 39.064 8.576 53.645-2.466 20.631-8.728 27.13-28.236 29.3-13.95 1.552-30.601-3.592-37.544-11.597-14.378-16.579-40.412-18.78-55.163-4.664-7.082 6.777-17.935 6.332-35.832-1.472-21.618-9.426-28.616-8.646-44.303 4.94-10.246 8.874-28.806 14.755-41.243 13.069-19.961-2.706-22.55-7.961-22.071-44.815 0.298-22.963 4.037-49.057 8.309-57.987 13.232-27.662-19.107-19.15-46.769 12.309-29.106 33.102-34.235 94.012-10.632 126.261 13.012 17.777 2.662 20.624-4.635 60.051-35.157 189.982 1.283 260.622 96.593 297.734 62.369 24.286 150.219 23.352 205.888-2.188z" + ], + "attrs": [ + {} + ], + "isMulticolor": false, + "isMulticolor2": false, + "grid": 0, + "tags": [ + "logo" + ] + }, + "attrs": [ + {} + ], + "properties": { + "order": 14, + "id": 4, + "name": "logo", + "prevSize": 32 + }, + "setIdx": 0, + "setId": 2, + "iconIdx": 3 + }, + { + "icon": { + "paths": [ + "M30.643 497.901l166.484-326.299c15.964-37.452 55.824-96.382 96.493-25.564l29.86 51.997c330.525-102.659 567.148 37.712 627.628 220.288 38.641 116.649 29.5 283.871-54.76 444.762-21.208 30.541-48.711 10.071-44.011-17.019 100.043-375.463-215.787-547.457-380.227-334.976l25.935 63.671c16.571 40.683-20.47 49.305-88.935 37.14l-346.503-48.754c-28.297-7.433-43.45-38.296-31.963-65.247z" + ], + "attrs": [ + {} + ], + "isMulticolor": false, + "isMulticolor2": false, + "grid": 0, + "tags": [ + "msg" + ] + }, + "attrs": [ + {} + ], + "properties": { + "order": 15, + "id": 3, + "name": "reply", + "prevSize": 32 + }, + "setIdx": 0, + "setId": 2, + "iconIdx": 4 + }, + { + "icon": { + "paths": [ + "M71.111 403.214h879.891c39.017 0 70.646 31.629 70.646 70.646v40.406c0 39.017-31.629 70.646-70.646 70.646h-879.891c-39.017 0-70.646-31.629-70.646-70.646v-40.406c0-39.017 31.629-70.646 70.646-70.646z", + "M71.111 697.168h879.891c39.017 0 70.646 31.629 70.646 70.646v40.406c0 39.017-31.629 70.646-70.646 70.646h-879.891c-39.017 0-70.646-31.629-70.646-70.646v-40.406c0-39.017 31.629-70.646 70.646-70.646z", + "M71.111 109.26h879.891c39.017 0 70.646 31.629 70.646 70.646v40.406c0 39.017-31.629 70.646-70.646 70.646h-879.891c-39.017 0-70.646-31.629-70.646-70.646v-40.406c0-39.017 31.629-70.646 70.646-70.646z" + ], + "attrs": [ + {}, + {}, + {} + ], + "isMulticolor": false, + "isMulticolor2": false, + "grid": 0, + "tags": [ + "options" + ] + }, + "attrs": [ + {}, + {}, + {} + ], + "properties": { + "order": 16, + "id": 2, + "name": "menu", + "prevSize": 32 + }, + "setIdx": 0, + "setId": 2, + "iconIdx": 5 + }, + { + "icon": { + "paths": [ + "M541.767 724.078c29.252-17.514 61.792-7.909 74.389 24.391l17.412 54.291 193.311 2.783c50.117 1.103 82.080-53.637 56.467-96.7l-53.152-89.364c-6.775-11.391-27.791-34.946-3.013-49.684l68.757-40.896c23.693-14.092 37.491 13.756 44.267 25.147l53.047 89.187c77.021 129.494-18.735 293.417-169.245 290.104l-194.406 10.788-22.108 50.163c-14.549 24.445-35.378 33.502-71.84 16.325l-148.056-120.732c-12.221-12.769-12.225-43.152 0.541-55.371z", + "M639.95 449.723c-29.916-16.355-38.111-49.278-16.639-76.497l37.997-42.508-95.494-168.1c-24.428-43.775-87.817-43.615-111.979 0.278l-50.141 91.087c-6.392 11.611-16.061 41.661-41.317 27.758l-70.083-38.579c-24.15-13.294-7.125-39.295-0.733-50.906l50.042-90.907c72.658-131.991 262.5-132.433 335.862-0.972l107.751 162.173 54.451-6.339c28.446 0.166 46.804 13.541 50.457 53.68l-29.13 188.807c-4.822 17.005-31.019 32.394-48.020 27.574z", + "M351.040 499.271c0.165 34.094-24.68 57.199-58.891 51.58l-55.587-12.681-100.893 164.916c-26.486 42.561 4.329 97.956 54.433 97.859l103.976-0.201c13.254-0.026 44.23-6.106 44.286 22.724l0.154 80c0.053 27.567-30.939 25.25-44.193 25.276l-103.77 0.2c-150.668 0.291-242.924-165.627-163.383-293.445l89.775-172.774-31.898-44.583c-13.62-24.974-10.8-47.511 22.558-70.133l179.323-65.877c17.214-4.009 43.359 11.469 47.369 28.679z" + ], + "attrs": [ + {}, + {}, + {} + ], + "isMulticolor": false, + "isMulticolor2": false, + "grid": 0, + "tags": [ + "recycle" + ] + }, + "attrs": [ + {}, + {}, + {} + ], + "properties": { + "order": 17, + "id": 1, + "name": "recycle", + "prevSize": 32 + }, + "setIdx": 0, + "setId": 2, + "iconIdx": 6 + }, + { + "icon": { + "paths": [ + "M365.456 19.998c-183.688 0-332.597 148.909-332.598 332.597l-0 0c0 183.688 148.909 332.597 332.597 332.598l0 0c77.902-0.001 149.549-26.784 206.234-71.644l-0.695 0.531 22.906 23.363c-9.96 18.527-7.184 42.273 8.195 57.855l288.68 292.492c18.43 18.673 47.759 18.338 65.758-0.75l20.828-22.090c17.999-19.088 17.652-49.487-0.777-68.16l-288.68-292.496c-15.071-15.27-37.43-17.822-54.922-7.809l-20.629-21.043c53.162-58.723 85.698-136.985 85.699-222.847l0-0c-0-183.688-148.909-332.597-332.597-332.598l-0-0zM365.456 125.834c0.001-0 0.002-0 0.003-0 125.237 0 226.762 101.525 226.763 226.762l0 0c-0.001 125.237-101.526 226.762-226.763 226.762-0.001 0-0.002-0-0.003-0l0 0c-125.237-0.001-226.761-101.525-226.762-226.762l-0-0c0.001-125.237 101.525-226.761 226.762-226.762l-0 0z" + ], + "attrs": [ + {} + ], + "isMulticolor": false, + "isMulticolor2": false, + "grid": 0, + "tags": [ + "search" + ] + }, + "attrs": [ + {} + ], + "properties": { + "order": 18, + "id": 0, + "name": "search", + "prevSize": 32 + }, + "setIdx": 0, + "setId": 2, + "iconIdx": 7 + } + ], + "height": 1024, + "preferences": { + "showGlyphs": true, + "showQuickUse": true, + "showQuickUse2": true, + "showSVGs": true, + "fontPref": { + "prefix": "icon-", + "metadata": { + "fontFamily": "icomoon" + }, + "metrics": { + "emSize": 1024, + "baseline": 6.25, + "whitespace": 50 + }, + "embed": false + }, + "imagePref": { + "prefix": "icon-", + "png": false, + "useClassSelector": true, + "color": 0, + "bgColor": 16777215, + "classSelector": ".icon", + "name": "social", + "height": 32, + "columns": 16, + "margin": 16, + "sprite": true + }, + "historySize": 50, + "showCodes": true, + "gridSize": 16 + } +} \ No newline at end of file diff --git a/public/assets/icons/sprite/sprite.css b/public/assets/icons/sprite/sprite.css new file mode 100644 index 0000000000..588e331945 --- /dev/null +++ b/public/assets/icons/sprite/sprite.css @@ -0,0 +1,46 @@ +.icon { + display: inline-block; + background-repeat: no-repeat; + background-image: url(sprite.svg); +} +.icon-drop { + width: 32px; + height: 32px; + background-position: 0 0; +} +.icon-attach { + width: 32px; + height: 32px; + background-position: -48px 0; +} +.icon-heart { + width: 32px; + height: 32px; + background-position: -96px 0; +} +.icon-logo { + width: 32px; + height: 32px; + background-position: -144px 0; +} +.icon-reply { + width: 32px; + height: 32px; + background-position: -192px 0; +} +.icon-menu { + width: 32px; + height: 32px; + background-position: -240px 0; +} +.icon-recycle { + width: 32px; + height: 32px; + background-position: -288px 0; +} +.icon-search { + width: 32px; + height: 32px; + background-position: -336px 0; +} + diff --git a/public/assets/icons/sprite/sprite.html b/public/assets/icons/sprite/sprite.html new file mode 100644 index 0000000000..d7bb557f52 --- /dev/null +++ b/public/assets/icons/sprite/sprite.html @@ -0,0 +1,104 @@ + + + + CSS Sprite + + + + + + + +
+

CSS Sprite - Generated by IcoMoon

+
+
+

Grid Size: 0

+
+ + icon-drop +
+
+ + icon-attach +
+
+ + icon-heart +
+
+ + icon-logo +
+
+ + icon-reply +
+
+ + icon-menu +
+
+ + icon-recycle +
+
+ + icon-search +
+
+ + + diff --git a/public/assets/icons/sprite/sprite.svg b/public/assets/icons/sprite/sprite.svg new file mode 100644 index 0000000000..11bb14ddbe --- /dev/null +++ b/public/assets/icons/sprite/sprite.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/icons/style.css b/public/assets/icons/style.css new file mode 100644 index 0000000000..88d42fe36e --- /dev/null +++ b/public/assets/icons/style.css @@ -0,0 +1,16 @@ +.icon { + display: inline-block; + width: 1em; + height: 1em; + stroke-width: 0; + stroke: currentColor; + fill: currentColor; +} + +/* ========================================== +Single-colored icons can be modified like so: +.icon-name { + font-size: 32px; + color: red; +} +========================================== */ diff --git a/public/assets/icons/svgxuse.js b/public/assets/icons/svgxuse.js new file mode 100644 index 0000000000..245217c76e --- /dev/null +++ b/public/assets/icons/svgxuse.js @@ -0,0 +1,230 @@ +/*! + * @copyright Copyright (c) 2017 IcoMoon.io + * @license Licensed under MIT license + * See https://github.com/Keyamoon/svgxuse + * @version 1.2.6 + */ +/*jslint browser: true */ +/*global XDomainRequest, MutationObserver, window */ +(function () { + "use strict"; + if (typeof window !== "undefined" && window.addEventListener) { + var cache = Object.create(null); // holds xhr objects to prevent multiple requests + var checkUseElems; + var tid; // timeout id + var debouncedCheck = function () { + clearTimeout(tid); + tid = setTimeout(checkUseElems, 100); + }; + var unobserveChanges = function () { + return; + }; + var observeChanges = function () { + var observer; + window.addEventListener("resize", debouncedCheck, false); + window.addEventListener("orientationchange", debouncedCheck, false); + if (window.MutationObserver) { + observer = new MutationObserver(debouncedCheck); + observer.observe(document.documentElement, { + childList: true, + subtree: true, + attributes: true + }); + unobserveChanges = function () { + try { + observer.disconnect(); + window.removeEventListener("resize", debouncedCheck, false); + window.removeEventListener("orientationchange", debouncedCheck, false); + } catch (ignore) {} + }; + } else { + document.documentElement.addEventListener("DOMSubtreeModified", debouncedCheck, false); + unobserveChanges = function () { + document.documentElement.removeEventListener("DOMSubtreeModified", debouncedCheck, false); + window.removeEventListener("resize", debouncedCheck, false); + window.removeEventListener("orientationchange", debouncedCheck, false); + }; + } + }; + var createRequest = function (url) { + // In IE 9, cross origin requests can only be sent using XDomainRequest. + // XDomainRequest would fail if CORS headers are not set. + // Therefore, XDomainRequest should only be used with cross origin requests. + function getOrigin(loc) { + var a; + if (loc.protocol !== undefined) { + a = loc; + } else { + a = document.createElement("a"); + a.href = loc; + } + return a.protocol.replace(/:/g, "") + a.host; + } + var Request; + var origin; + var origin2; + if (window.XMLHttpRequest) { + Request = new XMLHttpRequest(); + origin = getOrigin(location); + origin2 = getOrigin(url); + if (Request.withCredentials === undefined && origin2 !== "" && origin2 !== origin) { + Request = XDomainRequest || undefined; + } else { + Request = XMLHttpRequest; + } + } + return Request; + }; + var xlinkNS = "http://www.w3.org/1999/xlink"; + checkUseElems = function () { + var base; + var bcr; + var fallback = ""; // optional fallback URL in case no base path to SVG file was given and no symbol definition was found. + var hash; + var href; + var i; + var inProgressCount = 0; + var isHidden; + var Request; + var url; + var uses; + var xhr; + function observeIfDone() { + // If done with making changes, start watching for chagnes in DOM again + inProgressCount -= 1; + if (inProgressCount === 0) { // if all xhrs were resolved + unobserveChanges(); // make sure to remove old handlers + observeChanges(); // watch for changes to DOM + } + } + function attrUpdateFunc(spec) { + return function () { + if (cache[spec.base] !== true) { + spec.useEl.setAttributeNS(xlinkNS, "xlink:href", "#" + spec.hash); + if (spec.useEl.hasAttribute("href")) { + spec.useEl.setAttribute("href", "#" + spec.hash); + } + } + }; + } + function onloadFunc(xhr) { + return function () { + var body = document.body; + var x = document.createElement("x"); + var svg; + xhr.onload = null; + x.innerHTML = xhr.responseText; + svg = x.getElementsByTagName("svg")[0]; + if (svg) { + svg.setAttribute("aria-hidden", "true"); + svg.style.position = "absolute"; + svg.style.width = 0; + svg.style.height = 0; + svg.style.overflow = "hidden"; + body.insertBefore(svg, body.firstChild); + } + observeIfDone(); + }; + } + function onErrorTimeout(xhr) { + return function () { + xhr.onerror = null; + xhr.ontimeout = null; + observeIfDone(); + }; + } + unobserveChanges(); // stop watching for changes to DOM + // find all use elements + uses = document.getElementsByTagName("use"); + for (i = 0; i < uses.length; i += 1) { + try { + bcr = uses[i].getBoundingClientRect(); + } catch (ignore) { + // failed to get bounding rectangle of the use element + bcr = false; + } + href = uses[i].getAttribute("href") + || uses[i].getAttributeNS(xlinkNS, "href") + || uses[i].getAttribute("xlink:href"); + if (href && href.split) { + url = href.split("#"); + } else { + url = ["", ""]; + } + base = url[0]; + hash = url[1]; + isHidden = bcr && bcr.left === 0 && bcr.right === 0 && bcr.top === 0 && bcr.bottom === 0; + if (bcr && bcr.width === 0 && bcr.height === 0 && !isHidden) { + // the use element is empty + // if there is a reference to an external SVG, try to fetch it + // use the optional fallback URL if there is no reference to an external SVG + if (fallback && !base.length && hash && !document.getElementById(hash)) { + base = fallback; + } + if (uses[i].hasAttribute("href")) { + uses[i].setAttributeNS(xlinkNS, "xlink:href", href); + } + if (base.length) { + // schedule updating xlink:href + xhr = cache[base]; + if (xhr !== true) { + // true signifies that prepending the SVG was not required + setTimeout(attrUpdateFunc({ + useEl: uses[i], + base: base, + hash: hash + }), 0); + } + if (xhr === undefined) { + Request = createRequest(base); + if (Request !== undefined) { + xhr = new Request(); + cache[base] = xhr; + xhr.onload = onloadFunc(xhr); + xhr.onerror = onErrorTimeout(xhr); + xhr.ontimeout = onErrorTimeout(xhr); + xhr.open("GET", base); + xhr.send(); + inProgressCount += 1; + } + } + } + } else { + if (!isHidden) { + if (cache[base] === undefined) { + // remember this URL if the use element was not empty and no request was sent + cache[base] = true; + } else if (cache[base].onload) { + // if it turns out that prepending the SVG is not necessary, + // abort the in-progress xhr. + cache[base].abort(); + delete cache[base].onload; + cache[base] = true; + } + } else if (base.length && cache[base]) { + setTimeout(attrUpdateFunc({ + useEl: uses[i], + base: base, + hash: hash + }), 0); + } + } + } + uses = ""; + inProgressCount += 1; + observeIfDone(); + }; + var winLoad; + winLoad = function () { + window.removeEventListener("load", winLoad, false); // to prevent memory leaks + tid = setTimeout(checkUseElems, 0); + }; + if (document.readyState !== "complete") { + // The load event fires when all resources have finished loading, which allows detecting whether SVG use elements are empty. + window.addEventListener("load", winLoad, false); + } else { + // No need to add a listener if the document is already loaded, initialize immediately. + winLoad(); + } + } +}()); diff --git a/public/assets/icons/symbol-defs.svg b/public/assets/icons/symbol-defs.svg new file mode 100644 index 0000000000..09a59f06a1 --- /dev/null +++ b/public/assets/icons/symbol-defs.svg @@ -0,0 +1,32 @@ + diff --git a/public/assets/images/drop.png b/public/assets/images/drop.png deleted file mode 100644 index f89da9d67c9f92489abd36062879b97cb53bf4e3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6907 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 DMi4#; diff --git a/public/assets/images/menu.png b/public/assets/images/menu.png deleted file mode 100644 index 692fee32d3cee9b44a1ae19de23fde5079e6889a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5579 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�B72AS+>osYs`dm z554Hk71(aYXwE5uA>W6O+u?T;R5!KdCIk^NP_lv<&I z?HdVbeWo*-eVR3PrV=PV7FlN-7;=mqrnr_OXo)w91!>xJ1yC({c+IQQ{y6qkXK?1C z&R^adLGTLq?5^KKW7h!WfvI=FAoH$Zpp9p!mXB3W2e@Z_pY7`vMc<(J2u{tN?Z z(_YhMz*|M4*u+wF;jn;#iyf}$|7-v`Nb?Hcg3iPe4$*`iQ&cf zyb{ULlu;G>cff)76MxmQW}y-ST5`ofJ1cMyj?xIJD3+>eb6Sx%cI&@R`?HdN7lO8H zqO$-ZrB;PK@7x?3UaXou;l39c2Hi=m-88`J_V@9fxZ;7GO=9G*E;z9!uM|AQcwp0Q zlU|Gcx1OxEc$y0WaSl7eXOy3JTM0B5nY9`6Re#)hDE`<-x0~M1CTtAFyak;uX)y>m z1%ai4X-VT6c~DS3$gJ-bIuUlTzn|HPalLwULE`$O!+}~<-Kdrp91zsm66x4sc~JV! zgJNWf>-kdc&+fD?F2-?+Xi8B@eV-8Ue(p!R5HF_)0CXmIvpC2?t%U>eu4)q`X7iKd zmnqo?`-f?!SPw*OSgYFXptHWPQ+BND>1Iv_X{K<8{#&{Vg~w z

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 XzxMDOwhVmR6rz~fk}Lo5JpcayLW&zG diff --git a/templates/base.html.twig b/templates/base.html.twig index 6f4b11404b..64640c66df 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -1,6 +1,7 @@ +<<<<<<< HEAD {% block title %}Base page{% endblock %} {% block stylesheets %}{% endblock %} @@ -10,9 +11,60 @@ color: #ddd; } +======= + {% block meta %} + + + {% endblock %} + {% block title %}{% endblock %} + {% block stylesheets %} + + {% endblock %} +>>>>>>> 75f0d589f1... [UI] Header completed, FAQ almost done. + {% block icons %} + + {% endblock %} + +

{% block body %}{% endblock %} +
+ {% block javascripts %}{% endblock %} diff --git a/templates/faq/base.html.twig b/templates/faq/base.html.twig index e9e601319c..e99b5fdcc8 100644 --- a/templates/faq/base.html.twig +++ b/templates/faq/base.html.twig @@ -1,52 +1,62 @@ - - - - - {% block title %}{% endblock %} - {% block stylesheets %} - - - {% endblock %} - - - {% block body %} -
- {% endblock %} - {% block javascripts %}{% endblock %} - - +{% block title %}{% endblock %} + +{% block stylesheets %} + +{% endblock %} + +{% block body %} + +{% endblock %} + +{% block javascripts %}{% endblock %} diff --git a/templates/faq/home.html.twig b/templates/faq/home.html.twig index 6a1ee4c93b..17ed1714d5 100644 --- a/templates/faq/home.html.twig +++ b/templates/faq/home.html.twig @@ -1 +1,50 @@ -{% extends 'faq/base.html.twig' %} \ No newline at end of file +{% extends 'faq/base.html.twig' %} + +{% block title %}FAQ{% endblock %} + +{% block body %} + {{ parent() }} + + +
+ {% apply markdown_to_html %} + # FAQ + These are some *Frequently Asked Questions* about this service, with some answers. + + + ## What is this site? + This is a social network, running the GNU social software. + + You can use it to make connections between friends, family and colleagues -- writing short notices about yourself, where you are, and what you're doing, and those notices will be sent to all your contacts. + + In the future, we'll be adding support for photo, video and file sharing, as well as events, better contact management and mobile devices. + {% endapply %} +
+{% endblock %} \ No newline at end of file