sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-04-14 19:47:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Sept 13 fixes (#9035)

Browse source 
* Fixed tavern message sending

* Added markdown to sumary

* Added color to inputs

* Added new breakpoint

* Added canown

* Added styles for tutorial popups

* Added background image to home page header
This commit is contained in:
Keith Holliday 2017-09-13 13:31:23 -05:00 committed by GitHub
parent 5ba3e3ce5b
commit 2f913666cd
11 changed files with 426 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

295
website/client/assets/svg/for-css/confetti.svg Normal file
View file

@ -0,0 +1,295 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1351px" height="590px" viewBox="0 0 1351 590" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
<title>Confetti</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Landing" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.32">
<g id="Landing/Color---Desktop-HD" transform="translate(-52.000000, -170.000000)">
<g id="Confetti" transform="translate(48.000000, 160.000000)">
<g id="Experience/24x24" opacity="0.77" transform="translate(1158.984853, 25.500294) rotate(-121.000000) translate(-1158.984853, -25.500294) translate(1147.984853, 14.500294)">
<g id="-g-Experience">
<g>
<polygon id="Shape" fill="#FFA623" points="14.6666667 14.6666667 22 11 14.6666667 7.33333333 11 0 7.33333333 7.33333333 0 11 7.33333333 14.6666667 11 22"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="4.125 11 8.70833333 8.70833333 11 11"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="11 17.875 8.70833333 13.2916667 11 11"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="17.875 11 13.2916667 13.2916667 11 11"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="11 4.125 13.2916667 8.70833333 11 11"></polygon>
<polygon id="Shape" fill="#BF7D1A" opacity="0.25" points="17.875 11 13.2916667 8.70833333 11 11"></polygon>
<polygon id="Shape" fill="#BF7D1A" opacity="0.5" points="11 17.875 13.2916667 13.2916667 11 11"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="4.125 11 8.70833333 13.2916667 11 11"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="11 4.125 8.70833333 8.70833333 11 11"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="9.9 12.1 7.79166667 11 9.9 9.9 11 7.79166667 12.1 9.9 14.2083333 11 12.1 12.1 11 14.2083333"></polygon>
</g>
</g>
</g>
<g id="Experience/24x24" opacity="0.84" transform="translate(1064.122301, 214.445289) rotate(-47.000000) translate(-1064.122301, -214.445289) translate(1051.622301, 201.945289)">
<g id="-g-Experience">
<g>
<polygon id="Shape" fill="#FFA623" points="16.6666667 16.6666667 25 12.5 16.6666667 8.33333333 12.5 0 8.33333333 8.33333333 0 12.5 8.33333333 16.6666667 12.5 25"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="4.6875 12.5 9.89583333 9.89583333 12.5 12.5"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="12.5 20.3125 9.89583333 15.1041667 12.5 12.5"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="20.3125 12.5 15.1041667 15.1041667 12.5 12.5"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="12.5 4.6875 15.1041667 9.89583333 12.5 12.5"></polygon>
<polygon id="Shape" fill="#BF7D1A" opacity="0.25" points="20.3125 12.5 15.1041667 9.89583333 12.5 12.5"></polygon>
<polygon id="Shape" fill="#BF7D1A" opacity="0.5" points="12.5 20.3125 15.1041667 15.1041667 12.5 12.5"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="4.6875 12.5 9.89583333 15.1041667 12.5 12.5"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="12.5 4.6875 9.89583333 9.89583333 12.5 12.5"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="11.25 13.75 8.85416667 12.5 11.25 11.25 12.5 8.85416667 13.75 11.25 16.1458333 12.5 13.75 13.75 12.5 16.1458333"></polygon>
</g>
</g>
</g>
<g id="Gem/24-x-24" opacity="0.84" transform="translate(1183.470270, 233.983795) rotate(-204.000000) translate(-1183.470270, -233.983795) translate(1172.470270, 222.983795)">
<g id="-g-Gem">
<g transform="translate(0.000000, 1.833333)">
<polygon id="Shape" fill="#24CC8F" points="0 6.41666667 4.58333333 0 17.4166667 0 22 6.41666667 11 18.3333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="6.41666667 6.23333333 5.5 1.83333333 11 1.83333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="15.5833333 6.23333333 16.5 1.83333333 11 1.83333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="6.41666667 6.23333333 11 1.83333333 15.5833333 6.23333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="2.38333333 6.23333333 5.5 1.83333333 6.41666667 6.23333333"></polygon>
<polygon id="Shape" fill="#1B996B" opacity="0.35" points="19.6166667 6.23333333 16.5 1.83333333 15.5833333 6.23333333"></polygon>
<polygon id="Shape" fill="#1B996B" opacity="0.35" points="2.38333333 6.23333333 6.41666667 6.23333333 11 15.675"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="19.6166667 6.23333333 15.5833333 6.23333333 11 15.675"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="6.41666667 6.23333333 15.5833333 6.23333333 11 15.675"></polygon>
</g>
</g>
</g>
<g id="Gem/24-x-24" opacity="0.85" transform="translate(1093.606810, 588.227979) rotate(-87.000000) translate(-1093.606810, -588.227979) translate(1081.606810, 576.227979)">
<g id="-g-Gem">
<g transform="translate(0.000000, 2.000000)">
<polygon id="Shape" fill="#24CC8F" points="0 7 5 0 19 0 24 7 12 20"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="7 6.8 6 2 12 2"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="17 6.8 18 2 12 2"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="7 6.8 12 2 17 6.8"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="2.6 6.8 6 2 7 6.8"></polygon>
<polygon id="Shape" fill="#1B996B" opacity="0.35" points="21.4 6.8 18 2 17 6.8"></polygon>
<polygon id="Shape" fill="#1B996B" opacity="0.35" points="2.6 6.8 7 6.8 12 17.1"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="21.4 6.8 17 6.8 12 17.1"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="7 6.8 17 6.8 12 17.1"></polygon>
</g>
</g>
</g>
<g id="Gem/24-x-24" opacity="0.91" transform="translate(1289.200401, 189.200401) rotate(-298.000000) translate(-1289.200401, -189.200401) translate(1278.700401, 178.700401)">
<g id="-g-Gem">
<g transform="translate(0.000000, 1.750000)">
<polygon id="Shape" fill="#24CC8F" points="0 6.125 4.375 0 16.625 0 21 6.125 10.5 17.5"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="6.125 5.95 5.25 1.75 10.5 1.75"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="14.875 5.95 15.75 1.75 10.5 1.75"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="6.125 5.95 10.5 1.75 14.875 5.95"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="2.275 5.95 5.25 1.75 6.125 5.95"></polygon>
<polygon id="Shape" fill="#1B996B" opacity="0.35" points="18.725 5.95 15.75 1.75 14.875 5.95"></polygon>
<polygon id="Shape" fill="#1B996B" opacity="0.35" points="2.275 5.95 6.125 5.95 10.5 14.9625"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="18.725 5.95 14.875 5.95 10.5 14.9625"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="6.125 5.95 14.875 5.95 10.5 14.9625"></polygon>
</g>
</g>
</g>
<g id="Gem/24-x-24" opacity="0.93" transform="translate(420.331965, 587.039435) rotate(-134.000000) translate(-420.331965, -587.039435) translate(409.331965, 576.039435)">
<g id="-g-Gem">
<g transform="translate(0.000000, 1.833333)">
<polygon id="Shape" fill="#24CC8F" points="0 6.41666667 4.58333333 0 17.4166667 0 22 6.41666667 11 18.3333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="6.41666667 6.23333333 5.5 1.83333333 11 1.83333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="15.5833333 6.23333333 16.5 1.83333333 11 1.83333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="6.41666667 6.23333333 11 1.83333333 15.5833333 6.23333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="2.38333333 6.23333333 5.5 1.83333333 6.41666667 6.23333333"></polygon>
<polygon id="Shape" fill="#1B996B" opacity="0.35" points="19.6166667 6.23333333 16.5 1.83333333 15.5833333 6.23333333"></polygon>
<polygon id="Shape" fill="#1B996B" opacity="0.35" points="2.38333333 6.23333333 6.41666667 6.23333333 11 15.675"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="19.6166667 6.23333333 15.5833333 6.23333333 11 15.675"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="6.41666667 6.23333333 15.5833333 6.23333333 11 15.675"></polygon>
</g>
</g>
</g>
<g id="Gem/24-x-24" opacity="0.7" transform="translate(648.690529, 194.690529) rotate(-141.000000) translate(-648.690529, -194.690529) translate(634.690529, 180.690529)">
<g id="-g-Gem">
<g transform="translate(0.000000, 2.333333)">
<polygon id="Shape" fill="#24CC8F" points="0 8.16666667 5.83333333 0 22.1666667 0 28 8.16666667 14 23.3333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="8.16666667 7.93333333 7 2.33333333 14 2.33333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="19.8333333 7.93333333 21 2.33333333 14 2.33333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="8.16666667 7.93333333 14 2.33333333 19.8333333 7.93333333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="3.03333333 7.93333333 7 2.33333333 8.16666667 7.93333333"></polygon>
<polygon id="Shape" fill="#1B996B" opacity="0.35" points="24.9666667 7.93333333 21 2.33333333 19.8333333 7.93333333"></polygon>
<polygon id="Shape" fill="#1B996B" opacity="0.35" points="3.03333333 7.93333333 8.16666667 7.93333333 14 19.95"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="24.9666667 7.93333333 19.8333333 7.93333333 14 19.95"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="8.16666667 7.93333333 19.8333333 7.93333333 14 19.95"></polygon>
</g>
</g>
</g>
<g id="Gold/24-x-24" opacity="0.94" transform="translate(1320.097067, 557.423456) rotate(-112.000000) translate(-1320.097067, -557.423456) translate(1307.097067, 544.423456)">
<g id="-g-Gold">
<g>
<circle id="Oval" fill="#FFA623" cx="13" cy="13" r="13"></circle>
<path d="M6.825,19.175 C3.46666667,15.8166667 3.46666667,10.2916667 6.825,6.93333333 C10.1833333,3.575 15.7083333,3.575 19.0666667,6.93333333" id="Shape" fill="#FFFFFF" opacity="0.5"></path>
<path d="M19.175,6.825 C22.5333333,10.1833333 22.5333333,15.7083333 19.175,19.0666667 C15.8166667,22.425 10.2916667,22.425 6.93333333,19.0666667" id="Shape" fill="#FFFFFF" opacity="0.25"></path>
<path d="M13,2.16666667 C7.04166667,2.16666667 2.16666667,7.04166667 2.16666667,13 C2.16666667,18.9583333 7.04166667,23.8333333 13,23.8333333 C18.9583333,23.8333333 23.8333333,18.9583333 23.8333333,13 C23.8333333,7.04166667 18.9583333,2.16666667 13,2.16666667 L13,2.16666667 Z M13,21.6666667 C8.23333333,21.6666667 4.33333333,17.7666667 4.33333333,13 C4.33333333,8.23333333 8.23333333,4.33333333 13,4.33333333 C17.7666667,4.33333333 21.6666667,8.23333333 21.6666667,13 C21.6666667,17.7666667 17.7666667,21.6666667 13,21.6666667 L13,21.6666667 Z" id="Shape" fill="#BF7D1A" opacity="0.5"></path>
<polygon id="Shape" fill="#BF7D1A" opacity="0.75" points="14.0833333 9.75 14.0833333 11.9166667 11.9166667 11.9166667 11.9166667 9.75 9.75 9.75 9.75 16.25 11.9166667 16.25 11.9166667 14.0833333 14.0833333 14.0833333 14.0833333 16.25 16.25 16.25 16.25 9.75"></polygon>
</g>
</g>
</g>
<g id="Gold/24-x-24" opacity="0.79" transform="translate(769.540670, 357.964288) rotate(-199.000000) translate(-769.540670, -357.964288) translate(757.040670, 345.464288)">
<g id="-g-Gold">
<g>
<circle id="Oval" fill="#FFA623" cx="12.5" cy="12.5" r="12.5"></circle>
<path d="M6.5625,18.4375 C3.33333333,15.2083333 3.33333333,9.89583333 6.5625,6.66666667 C9.79166667,3.4375 15.1041667,3.4375 18.3333333,6.66666667" id="Shape" fill="#FFFFFF" opacity="0.5"></path>
<path d="M18.4375,6.5625 C21.6666667,9.79166667 21.6666667,15.1041667 18.4375,18.3333333 C15.2083333,21.5625 9.89583333,21.5625 6.66666667,18.3333333" id="Shape" fill="#FFFFFF" opacity="0.25"></path>
<path d="M12.5,2.08333333 C6.77083333,2.08333333 2.08333333,6.77083333 2.08333333,12.5 C2.08333333,18.2291667 6.77083333,22.9166667 12.5,22.9166667 C18.2291667,22.9166667 22.9166667,18.2291667 22.9166667,12.5 C22.9166667,6.77083333 18.2291667,2.08333333 12.5,2.08333333 L12.5,2.08333333 Z M12.5,20.8333333 C7.91666667,20.8333333 4.16666667,17.0833333 4.16666667,12.5 C4.16666667,7.91666667 7.91666667,4.16666667 12.5,4.16666667 C17.0833333,4.16666667 20.8333333,7.91666667 20.8333333,12.5 C20.8333333,17.0833333 17.0833333,20.8333333 12.5,20.8333333 L12.5,20.8333333 Z" id="Shape" fill="#BF7D1A" opacity="0.5"></path>
<polygon id="Shape" fill="#BF7D1A" opacity="0.75" points="13.5416667 9.375 13.5416667 11.4583333 11.4583333 11.4583333 11.4583333 9.375 9.375 9.375 9.375 15.625 11.4583333 15.625 11.4583333 13.5416667 13.5416667 13.5416667 13.5416667 15.625 15.625 15.625 15.625 9.375"></polygon>
</g>
</g>
</g>
<g id="Gold/24-x-24" opacity="0.82" transform="translate(747.219445, 264.574567) rotate(-321.000000) translate(-747.219445, -264.574567) translate(737.719445, 255.074567)">
<g id="-g-Gold">
<g>
<circle id="Oval" fill="#FFA623" cx="9.5" cy="9.5" r="9.5"></circle>
<path d="M4.9875,14.0125 C2.53333333,11.5583333 2.53333333,7.52083333 4.9875,5.06666667 C7.44166667,2.6125 11.4791667,2.6125 13.9333333,5.06666667" id="Shape" fill="#FFFFFF" opacity="0.5"></path>
<path d="M14.0125,4.9875 C16.4666667,7.44166667 16.4666667,11.4791667 14.0125,13.9333333 C11.5583333,16.3875 7.52083333,16.3875 5.06666667,13.9333333" id="Shape" fill="#FFFFFF" opacity="0.25"></path>
<path d="M9.5,1.58333333 C5.14583333,1.58333333 1.58333333,5.14583333 1.58333333,9.5 C1.58333333,13.8541667 5.14583333,17.4166667 9.5,17.4166667 C13.8541667,17.4166667 17.4166667,13.8541667 17.4166667,9.5 C17.4166667,5.14583333 13.8541667,1.58333333 9.5,1.58333333 L9.5,1.58333333 Z M9.5,15.8333333 C6.01666667,15.8333333 3.16666667,12.9833333 3.16666667,9.5 C3.16666667,6.01666667 6.01666667,3.16666667 9.5,3.16666667 C12.9833333,3.16666667 15.8333333,6.01666667 15.8333333,9.5 C15.8333333,12.9833333 12.9833333,15.8333333 9.5,15.8333333 L9.5,15.8333333 Z" id="Shape" fill="#BF7D1A" opacity="0.5"></path>
<polygon id="Shape" fill="#BF7D1A" opacity="0.75" points="10.2916667 7.125 10.2916667 8.70833333 8.70833333 8.70833333 8.70833333 7.125 7.125 7.125 7.125 11.875 8.70833333 11.875 8.70833333 10.2916667 10.2916667 10.2916667 10.2916667 11.875 11.875 11.875 11.875 7.125"></polygon>
</g>
</g>
</g>
<g id="Gold/24-x-24" opacity="0.84" transform="translate(31.534556, 567.534556) rotate(-35.000000) translate(-31.534556, -567.534556) translate(22.534556, 558.534556)">
<g id="-g-Gold">
<g>
<circle id="Oval" fill="#FFA623" cx="9" cy="9" r="9"></circle>
<path d="M4.725,13.275 C2.4,10.95 2.4,7.125 4.725,4.8 C7.05,2.475 10.875,2.475 13.2,4.8" id="Shape" fill="#FFFFFF" opacity="0.5"></path>
<path d="M13.275,4.725 C15.6,7.05 15.6,10.875 13.275,13.2 C10.95,15.525 7.125,15.525 4.8,13.2" id="Shape" fill="#FFFFFF" opacity="0.25"></path>
<path d="M9,1.5 C4.875,1.5 1.5,4.875 1.5,9 C1.5,13.125 4.875,16.5 9,16.5 C13.125,16.5 16.5,13.125 16.5,9 C16.5,4.875 13.125,1.5 9,1.5 L9,1.5 Z M9,15 C5.7,15 3,12.3 3,9 C3,5.7 5.7,3 9,3 C12.3,3 15,5.7 15,9 C15,12.3 12.3,15 9,15 L9,15 Z" id="Shape" fill="#BF7D1A" opacity="0.5"></path>
<polygon id="Shape" fill="#BF7D1A" opacity="0.75" points="9.75 6.75 9.75 8.25 8.25 8.25 8.25 6.75 6.75 6.75 6.75 11.25 8.25 11.25 8.25 9.75 9.75 9.75 9.75 11.25 11.25 11.25 11.25 6.75"></polygon>
</g>
</g>
</g>
<g id="Gold/24-x-24" opacity="0.97" transform="translate(179.075324, 545.075324) rotate(-251.000000) translate(-179.075324, -545.075324) translate(169.575324, 535.575324)">
<g id="-g-Gold">
<g>
<circle id="Oval" fill="#FFA623" cx="9.5" cy="9.5" r="9.5"></circle>
<path d="M4.9875,14.0125 C2.53333333,11.5583333 2.53333333,7.52083333 4.9875,5.06666667 C7.44166667,2.6125 11.4791667,2.6125 13.9333333,5.06666667" id="Shape" fill="#FFFFFF" opacity="0.5"></path>
<path d="M14.0125,4.9875 C16.4666667,7.44166667 16.4666667,11.4791667 14.0125,13.9333333 C11.5583333,16.3875 7.52083333,16.3875 5.06666667,13.9333333" id="Shape" fill="#FFFFFF" opacity="0.25"></path>
<path d="M9.5,1.58333333 C5.14583333,1.58333333 1.58333333,5.14583333 1.58333333,9.5 C1.58333333,13.8541667 5.14583333,17.4166667 9.5,17.4166667 C13.8541667,17.4166667 17.4166667,13.8541667 17.4166667,9.5 C17.4166667,5.14583333 13.8541667,1.58333333 9.5,1.58333333 L9.5,1.58333333 Z M9.5,15.8333333 C6.01666667,15.8333333 3.16666667,12.9833333 3.16666667,9.5 C3.16666667,6.01666667 6.01666667,3.16666667 9.5,3.16666667 C12.9833333,3.16666667 15.8333333,6.01666667 15.8333333,9.5 C15.8333333,12.9833333 12.9833333,15.8333333 9.5,15.8333333 L9.5,15.8333333 Z" id="Shape" fill="#BF7D1A" opacity="0.5"></path>
<polygon id="Shape" fill="#BF7D1A" opacity="0.75" points="10.2916667 7.125 10.2916667 8.70833333 8.70833333 8.70833333 8.70833333 7.125 7.125 7.125 7.125 11.875 8.70833333 11.875 8.70833333 10.2916667 10.2916667 10.2916667 10.2916667 11.875 11.875 11.875 11.875 7.125"></polygon>
</g>
</g>
</g>
<g id="Gold/24-x-24" opacity="0.94" transform="translate(45.977583, 182.376953) rotate(-94.000000) translate(-45.977583, -182.376953) translate(31.977583, 168.376953)">
<g id="-g-Gold">
<g>
<circle id="Oval" fill="#FFA623" cx="14" cy="14" r="14"></circle>
<path d="M7.35,20.65 C3.73333333,17.0333333 3.73333333,11.0833333 7.35,7.46666667 C10.9666667,3.85 16.9166667,3.85 20.5333333,7.46666667" id="Shape" fill="#FFFFFF" opacity="0.5"></path>
<path d="M20.65,7.35 C24.2666667,10.9666667 24.2666667,16.9166667 20.65,20.5333333 C17.0333333,24.15 11.0833333,24.15 7.46666667,20.5333333" id="Shape" fill="#FFFFFF" opacity="0.25"></path>
<path d="M14,2.33333333 C7.58333333,2.33333333 2.33333333,7.58333333 2.33333333,14 C2.33333333,20.4166667 7.58333333,25.6666667 14,25.6666667 C20.4166667,25.6666667 25.6666667,20.4166667 25.6666667,14 C25.6666667,7.58333333 20.4166667,2.33333333 14,2.33333333 L14,2.33333333 Z M14,23.3333333 C8.86666667,23.3333333 4.66666667,19.1333333 4.66666667,14 C4.66666667,8.86666667 8.86666667,4.66666667 14,4.66666667 C19.1333333,4.66666667 23.3333333,8.86666667 23.3333333,14 C23.3333333,19.1333333 19.1333333,23.3333333 14,23.3333333 L14,23.3333333 Z" id="Shape" fill="#BF7D1A" opacity="0.5"></path>
<polygon id="Shape" fill="#BF7D1A" opacity="0.75" points="15.1666667 10.5 15.1666667 12.8333333 12.8333333 12.8333333 12.8333333 10.5 10.5 10.5 10.5 17.5 12.8333333 17.5 12.8333333 15.1666667 15.1666667 15.1666667 15.1666667 17.5 17.5 17.5 17.5 10.5"></polygon>
</g>
</g>
</g>
<g id="Health/24x24" opacity="0.89" transform="translate(701.261536, 63.889629) rotate(-172.000000) translate(-701.261536, -63.889629) translate(691.761536, 54.389629)">
<g transform="translate(1.583333, 1.583333)" id="-g-Health">
<g>
<polygon id="Shape" fill="#F74E52" points="0 1.97916667 3.29861111 0 7.91666667 2.50694444 12.5347222 0 15.8333333 1.97916667 15.8333333 7.91666667 12.5347222 12.5347222 7.91666667 15.8333333 3.29861111 12.5347222 0 7.91666667"></polygon>
<polygon id="Shape" fill="#FF6165" points="4.22222222 11.6111111 1.31944444 7.52083333 1.31944444 2.70486111 3.29861111 1.51736111 7.91666667 4.02430556 12.5347222 1.51736111 14.5138889 2.70486111 14.5138889 7.52083333 11.6111111 11.6111111 7.91666667 14.1840278"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="7.91666667 9.56597222 11.6111111 11.6111111 7.91666667 14.1840278"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.35" points="7.91666667 9.56597222 4.22222222 11.6111111 7.91666667 14.1840278"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="4.22222222 11.6111111 1.31944444 7.52083333 7.91666667 9.56597222"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.5" points="11.6111111 11.6111111 14.5138889 7.52083333 7.91666667 9.56597222"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.35" points="7.91666667 9.56597222 12.5347222 1.51736111 14.5138889 2.70486111 14.5138889 7.52083333"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.5" points="7.91666667 9.56597222 3.29861111 1.51736111 1.31944444 2.70486111 1.31944444 7.52083333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="7.91666667 9.56597222 3.29861111 1.51736111 7.91666667 4.02430556"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="7.91666667 9.56597222 12.5347222 1.51736111 7.91666667 4.02430556"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="5.67361111 10.1597222 3.29861111 6.86111111 3.29861111 3.82638889 3.36458333 3.82638889 7.91666667 6.26736111 12.46875 3.82638889 12.5347222 3.82638889 12.5347222 6.86111111 10.1597222 10.1597222 7.91666667 11.8090278"></polygon>
</g>
</g>
</g>
<g id="Health/24x24" opacity="0.97" transform="translate(701.194563, 443.194563) rotate(-55.000000) translate(-701.194563, -443.194563) translate(686.694563, 428.694563)">
<g transform="translate(2.416667, 2.416667)" id="-g-Health">
<g>
<polygon id="Shape" fill="#F74E52" points="0 3.02083333 5.03472222 0 12.0833333 3.82638889 19.1319444 0 24.1666667 3.02083333 24.1666667 12.0833333 19.1319444 19.1319444 12.0833333 24.1666667 5.03472222 19.1319444 0 12.0833333"></polygon>
<polygon id="Shape" fill="#FF6165" points="6.44444444 17.7222222 2.01388889 11.4791667 2.01388889 4.12847222 5.03472222 2.31597222 12.0833333 6.14236111 19.1319444 2.31597222 22.1527778 4.12847222 22.1527778 11.4791667 17.7222222 17.7222222 12.0833333 21.6493056"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="12.0833333 14.6006944 17.7222222 17.7222222 12.0833333 21.6493056"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.35" points="12.0833333 14.6006944 6.44444444 17.7222222 12.0833333 21.6493056"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="6.44444444 17.7222222 2.01388889 11.4791667 12.0833333 14.6006944"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.5" points="17.7222222 17.7222222 22.1527778 11.4791667 12.0833333 14.6006944"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.35" points="12.0833333 14.6006944 19.1319444 2.31597222 22.1527778 4.12847222 22.1527778 11.4791667"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.5" points="12.0833333 14.6006944 5.03472222 2.31597222 2.01388889 4.12847222 2.01388889 11.4791667"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="12.0833333 14.6006944 5.03472222 2.31597222 12.0833333 6.14236111"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="12.0833333 14.6006944 19.1319444 2.31597222 12.0833333 6.14236111"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="8.65972222 15.5069444 5.03472222 10.4722222 5.03472222 5.84027778 5.13541667 5.84027778 12.0833333 9.56597222 19.03125 5.84027778 19.1319444 5.84027778 19.1319444 10.4722222 15.5069444 15.5069444 12.0833333 18.0243056"></polygon>
</g>
</g>
</g>
<g id="Health/24x24" opacity="0.8" transform="translate(600.669439, 59.612767) rotate(-181.000000) translate(-600.669439, -59.612767) translate(586.669439, 45.612767)">
<g transform="translate(2.333333, 2.333333)" id="-g-Health">
<g>
<polygon id="Shape" fill="#F74E52" points="0 2.91666667 4.86111111 0 11.6666667 3.69444444 18.4722222 0 23.3333333 2.91666667 23.3333333 11.6666667 18.4722222 18.4722222 11.6666667 23.3333333 4.86111111 18.4722222 0 11.6666667"></polygon>
<polygon id="Shape" fill="#FF6165" points="6.22222222 17.1111111 1.94444444 11.0833333 1.94444444 3.98611111 4.86111111 2.23611111 11.6666667 5.93055556 18.4722222 2.23611111 21.3888889 3.98611111 21.3888889 11.0833333 17.1111111 17.1111111 11.6666667 20.9027778"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="11.6666667 14.0972222 17.1111111 17.1111111 11.6666667 20.9027778"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.35" points="11.6666667 14.0972222 6.22222222 17.1111111 11.6666667 20.9027778"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="6.22222222 17.1111111 1.94444444 11.0833333 11.6666667 14.0972222"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.5" points="17.1111111 17.1111111 21.3888889 11.0833333 11.6666667 14.0972222"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.35" points="11.6666667 14.0972222 18.4722222 2.23611111 21.3888889 3.98611111 21.3888889 11.0833333"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.5" points="11.6666667 14.0972222 4.86111111 2.23611111 1.94444444 3.98611111 1.94444444 11.0833333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="11.6666667 14.0972222 4.86111111 2.23611111 11.6666667 5.93055556"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="11.6666667 14.0972222 18.4722222 2.23611111 11.6666667 5.93055556"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="8.36111111 14.9722222 4.86111111 10.1111111 4.86111111 5.63888889 4.95833333 5.63888889 11.6666667 9.23611111 18.375 5.63888889 18.4722222 5.63888889 18.4722222 10.1111111 14.9722222 14.9722222 11.6666667 17.4027778"></polygon>
</g>
</g>
</g>
<g id="Health/24x24" opacity="0.93" transform="translate(15.270535, 389.270535) rotate(-124.000000) translate(-15.270535, -389.270535) translate(4.270535, 378.270535)">
<g transform="translate(1.833333, 1.833333)" id="-g-Health">
<g>
<polygon id="Shape" fill="#F74E52" points="0 2.29166667 3.81944444 0 9.16666667 2.90277778 14.5138889 0 18.3333333 2.29166667 18.3333333 9.16666667 14.5138889 14.5138889 9.16666667 18.3333333 3.81944444 14.5138889 0 9.16666667"></polygon>
<polygon id="Shape" fill="#FF6165" points="4.88888889 13.4444444 1.52777778 8.70833333 1.52777778 3.13194444 3.81944444 1.75694444 9.16666667 4.65972222 14.5138889 1.75694444 16.8055556 3.13194444 16.8055556 8.70833333 13.4444444 13.4444444 9.16666667 16.4236111"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="9.16666667 11.0763889 13.4444444 13.4444444 9.16666667 16.4236111"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.35" points="9.16666667 11.0763889 4.88888889 13.4444444 9.16666667 16.4236111"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="4.88888889 13.4444444 1.52777778 8.70833333 9.16666667 11.0763889"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.5" points="13.4444444 13.4444444 16.8055556 8.70833333 9.16666667 11.0763889"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.35" points="9.16666667 11.0763889 14.5138889 1.75694444 16.8055556 3.13194444 16.8055556 8.70833333"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.5" points="9.16666667 11.0763889 3.81944444 1.75694444 1.52777778 3.13194444 1.52777778 8.70833333"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="9.16666667 11.0763889 3.81944444 1.75694444 9.16666667 4.65972222"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="9.16666667 11.0763889 14.5138889 1.75694444 9.16666667 4.65972222"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="6.56944444 11.7638889 3.81944444 7.94444444 3.81944444 4.43055556 3.89583333 4.43055556 9.16666667 7.25694444 14.4375 4.43055556 14.5138889 4.43055556 14.5138889 7.94444444 11.7638889 11.7638889 9.16666667 13.6736111"></polygon>
</g>
</g>
</g>
<g id="Health/24x24" opacity="0.82" transform="translate(74.936016, 19.922290) rotate(-138.000000) translate(-74.936016, -19.922290) translate(61.436016, 6.422290)">
<g transform="translate(2.250000, 2.250000)" id="-g-Health">
<g>
<polygon id="Shape" fill="#F74E52" points="0 2.8125 4.6875 0 11.25 3.5625 17.8125 0 22.5 2.8125 22.5 11.25 17.8125 17.8125 11.25 22.5 4.6875 17.8125 0 11.25"></polygon>
<polygon id="Shape" fill="#FF6165" points="6 16.5 1.875 10.6875 1.875 3.84375 4.6875 2.15625 11.25 5.71875 17.8125 2.15625 20.625 3.84375 20.625 10.6875 16.5 16.5 11.25 20.15625"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="11.25 13.59375 16.5 16.5 11.25 20.15625"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.35" points="11.25 13.59375 6 16.5 11.25 20.15625"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="6 16.5 1.875 10.6875 11.25 13.59375"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.5" points="16.5 16.5 20.625 10.6875 11.25 13.59375"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.35" points="11.25 13.59375 17.8125 2.15625 20.625 3.84375 20.625 10.6875"></polygon>
<polygon id="Shape" fill="#B52428" opacity="0.5" points="11.25 13.59375 4.6875 2.15625 1.875 3.84375 1.875 10.6875"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="11.25 13.59375 4.6875 2.15625 11.25 5.71875"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="11.25 13.59375 17.8125 2.15625 11.25 5.71875"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="8.0625 14.4375 4.6875 9.75 4.6875 5.4375 4.78125 5.4375 11.25 8.90625 17.71875 5.4375 17.8125 5.4375 17.8125 9.75 14.4375 14.4375 11.25 16.78125"></polygon>
</g>
</g>
</g>
<g id="Magic/24x24" opacity="0.84" transform="translate(1348.127977, 358.958658) rotate(-313.000000) translate(-1348.127977, -358.958658) translate(1339.127977, 349.958658)">
<g id="-g-Magic">
<g transform="translate(1.500000, 0.000000)">
<polygon id="Shape" fill="#2995CD" points="15 11.25 7.5 18 0 11.25 7.5 0"></polygon>
<polygon id="Shape" fill="#50B5E9" points="1.95 11.025 7.5 8.775 7.5 15.975"></polygon>
<polygon id="Shape" fill="#1F709A" opacity="0.25" points="7.5 8.775 13.05 11.025 7.5 15.975"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="7.5 8.775 7.5 2.7 13.05 11.025"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="1.95 11.025 7.5 2.7 7.5 8.775"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="3.9 10.725 7.5 5.4 11.1 10.725 7.5 13.95"></polygon>
</g>
</g>
</g>
<g id="Magic/24x24" opacity="0.86" transform="translate(558.470893, 570.489513) rotate(-44.000000) translate(-558.470893, -570.489513) translate(547.970893, 559.989513)">
<g id="-g-Magic">
<g transform="translate(1.750000, 0.000000)">
<polygon id="Shape" fill="#2995CD" points="17.5 13.125 8.75 21 0 13.125 8.75 0"></polygon>
<polygon id="Shape" fill="#50B5E9" points="2.275 12.8625 8.75 10.2375 8.75 18.6375"></polygon>
<polygon id="Shape" fill="#1F709A" opacity="0.25" points="8.75 10.2375 15.225 12.8625 8.75 18.6375"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.25" points="8.75 10.2375 8.75 3.15 15.225 12.8625"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="2.275 12.8625 8.75 3.15 8.75 10.2375"></polygon>
<polygon id="Shape" fill="#FFFFFF" opacity="0.5" points="4.55 12.5125 8.75 6.3 12.95 12.5125 8.75 16.275"></polygon>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 37 KiB

26
website/client/components/appMenu.vue
View file

@ -96,6 +96,32 @@ div
}
}
@media only screen and (max-width : 1224px) and (min-width: 1200px) {
#nav_collapse {
margin-top: 37em !important;
a {
width: 100%;
}
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse.collapse.show {
display: block !important;
}
.navbar-toggler, .navbar-nav {
display: block;
}
.navbar-toggleable-lg .navbar-collapse {
display: block;
}
}
nav.navbar {
background: $purple-100 url(~assets/svg/for-css/bits.svg) right no-repeat;
padding-left: 25px;

2
website/client/components/groups/group.vue
View file

@ -131,7 +131,7 @@
.toggle-down(@click="sections.summary = !sections.summary", v-if="!sections.summary")
.svg-icon(v-html="icons.downIcon")
.section(v-if="sections.summary")
p {{ group.summary }}
p(v-markdown='group.summary')
.section-header
.row

6
website/client/components/groups/publicGuildItem.vue
View file

@ -13,7 +13,7 @@ router-link.card-link(:to="{ name: 'guild', params: { groupId: guild._id } }")
.col-md-8
router-link(:to="{ name: 'guild', params: { groupId: guild._id } }")
h3 {{ guild.name }}
p(v-if='guild.summary') {{ guild.summary }}
p(v-if='guild.summary', v-markdown='guild.summary')
p(v-else) {{ guild.name }}
.col-md-2.cta-container
button.btn.btn-danger(v-if='isMember && displayLeave' @click='leave()', v-once) {{ $t('leave') }}
@ -111,6 +111,7 @@ router-link.card-link(:to="{ name: 'guild', params: { groupId: guild._id } }")
import moment from 'moment';
import { mapState } from 'client/libs/store';
import groupUtilities from 'client/mixins/groupsUtilities';
import markdown from 'client/directives/markdown';
import findIndex from 'lodash/findIndex';
import gemIcon from 'assets/svg/gem.svg';
import goldGuildBadgeIcon from 'assets/svg/gold-guild-badge-large.svg';
@ -119,6 +120,9 @@ import bronzeGuildBadgeIcon from 'assets/svg/bronze-guild-badge-large.svg';
export default {
mixins: [groupUtilities],
directives: {
markdown,
},
props: ['guild', 'displayLeave', 'displayGemBank'],
computed: {
...mapState({user: 'user.data'}),

2
website/client/components/groups/tavern.vue
View file

@ -527,7 +527,7 @@ export default {
},
async sendMessage () {
let response = await this.$store.dispatch('chat:postChat', {
groupId: TAVERN_ID,
group: this.group,
message: this.newMessage,
});
this.group.chat.unshift(response.message);

56
website/client/components/notifications.vue
View file

@ -27,6 +27,62 @@ div
quest-invitation
</template>
<style lang='scss'>
.introjs-helperNumberLayer, .introjs-bullets {
display: none;
}
.introjs-tooltip {
background-image: url('~client/assets/svg/for-css/tutorial-border.svg');
background-size: 100% 100%;
background-repeat: no-repeat;
height: 131px;
min-height: 131px !important;
width: 400px;
max-width: 400px;
.featured-label {
position: absolute;
top: -1.5em;
}
.npc_justin_textbox {
position: absolute;
right: 1em;
top: -3.6em;
width: 48px;
height: 52px;
background-image: url('~client/assets/images/justin_textbox.png');
}
}
.introjs-button:hover, .introjs-button:active {
background-image: none;
background-color: #4f2a93 !important;
color: #fff;
}
.introjs-tooltipbuttons {
margin-top: 1em;
}
.introjs-button {
text-shadow: none;
text-align: center;
display: block;
max-width: 90px;
font-family: Roboto;
font-size: 14px;
background-image: none;
color: #fff;
margin: 0 auto;
padding: .8em;
border-radius: 2px;
background-color: #4f2a93 !important;
box-shadow: 0 2px 2px 0 rgba(26, 24, 29, 0.16), 0 1px 4px 0 rgba(26, 24, 29, 0.12) !important;
}
</style>
<script>
import axios from 'axios';
import moment from 'moment';

18
website/client/components/static/home.vue
View file

@ -221,6 +221,7 @@
}
#intro-signup {
background-image: url('~client/assets/svg/for-css/confetti.svg');
margin-top: 4em;
img {
@ -295,6 +296,7 @@
border-radius: 2px;
background-color: #432874;
border-color: #432874;
color: $purple-400;
}
button.sign-up {
@ -306,6 +308,22 @@
background-color: #2995cd;
font-size: 16px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: $purple-400;
}
::-moz-placeholder { /* Firefox 19+ */
color: $purple-400;
}
:-ms-input-placeholder { /* IE 10+ */
color: $purple-400;
}
:-moz-placeholder { /* Firefox 18- */
color: $purple-400;
}
::placeholder { // Standard browsers
color: $purple-400;
}
}
#gamify-life {

18
website/client/mixins/guide.js
View file

@ -105,6 +105,19 @@ export default {
]],
};
for (let key in this.chapters) {
let chapter = this.chapters[key][0][0];
chapter.intro = `
<div class='featured-label'>
<span class='rectangle'></span>
<span class='text'> Justin </span>
<span class='rectangle'></span>
</div>
<div class='npc_justin_textbox'>
</div>
${chapter.intro}`;
}
this.loaded = true;
},
routeChange () {
@ -156,7 +169,10 @@ export default {
// @TODO: Do we always need to initialize here?
let intro = Intro.introJs();
intro.setOptions({steps: opts.steps});
intro.setOptions({
steps: opts.steps,
doneLabel: this.$t('letsgo'),
});
intro.start();
intro.oncomplete(() => {
this.markTourComplete(chapter);

3
website/common/locales/en/generic.json
View file

@ -276,5 +276,6 @@
"messages": "Messages",
"emptyMessagesLine1": "You don't have any messages",
"emptyMessagesLine2": "Send a message to start a conversation!"
"emptyMessagesLine2": "Send a message to start a conversation!",
"letsgo": "Let's Go!"
}

1
website/common/script/libs/getItemInfo.js
View file

@ -194,6 +194,7 @@ module.exports = function getItemInfo (user, type, item, language = 'en') {
value: item.value,
currency: 'gold',
pinType: 'marketGear',
canOwn: item.canOwn,
});
break;
case 'background':

4
website/common/script/libs/shops.js
View file

@ -98,6 +98,10 @@ shops.checkMarketGearLocked = function checkMarketGearLocked (user, items) {
if (gear.klass === 'armoire') {
gear.locked = false;
}
if (gear.canOwn) {
gear.locked = !gear.canOwn(user);
}
}
};