Add PTIO Icons and Country Flags

_includes/legacy/cardv2.html

@@ -85,7 +85,7 @@
         <a
           href="{{include.privacy-policy}}"
           rel="noopener"
-          class="btn btn-warning mt-1 mr-1">
+          class="btn btn-primary mt-1 mr-1">
           <i class="fas fa-book fa-fw"></i>
           Privacy Policy
         </a>
@@ -94,7 +94,7 @@
           <a
             href="{{include.forum}}"
             rel="noopener"
-            class="btn btn-success mt-1 mr-1">
+            class="btn btn-secondary mt-1 mr-1">
             <i class="fab fa-discourse fa-fw"></i>
             Forum
           </a>
@@ -118,7 +118,7 @@
             data-toggle="tooltip"
             data-placement="bottom"
             data-original-title="Requires specific software to access: geti2p.net">
-            <span class="ptio-i2p-garlic btn-secondary btn-icon"></span>
+            <span class="ptio-i2p-garlic btn-primary btn-icon"></span>
           </a>
         {% endif %}
       </div>

_sass/flag-icon.scss

@@ -0,0 +1 @@
+.flag-icon,.flag-icon-background{background-repeat:no-repeat;background-size:contain;background-position:50%}.flag-icon{position:relative;display:inline-block;width:1.33333333em;line-height:1em}.flag-icon:before{content:"\00a0"}.flag-icon-ad{background-image:url("../img/flags/ad.svg")}.flag-icon-ae{background-image:url("../img/flags/ae.svg")}.flag-icon-af{background-image:url("../img/flags/af.svg")}.flag-icon-ag{background-image:url("../img/flags/ag.svg")}.flag-icon-ai{background-image:url("../img/flags/ai.svg")}.flag-icon-al{background-image:url("../img/flags/al.svg")}.flag-icon-am{background-image:url("../img/flags/am.svg")}.flag-icon-ao{background-image:url("../img/flags/ao.svg")}.flag-icon-aq{background-image:url("../img/flags/aq.svg")}.flag-icon-ar{background-image:url("../img/flags/ar.svg")}.flag-icon-as{background-image:url("../img/flags/as.svg")}.flag-icon-at{background-image:url("../img/flags/at.svg")}.flag-icon-au{background-image:url("../img/flags/au.svg")}.flag-icon-aw{background-image:url("../img/flags/aw.svg")}.flag-icon-ax{background-image:url("../img/flags/ax.svg")}.flag-icon-az{background-image:url("../img/flags/az.svg")}.flag-icon-ba{background-image:url("../img/flags/ba.svg")}.flag-icon-bb{background-image:url("../img/flags/bb.svg")}.flag-icon-bd{background-image:url("../img/flags/bd.svg")}.flag-icon-be{background-image:url("../img/flags/be.svg")}.flag-icon-bf{background-image:url("../img/flags/bf.svg")}.flag-icon-bg{background-image:url("../img/flags/bg.svg")}.flag-icon-bh{background-image:url("../img/flags/bh.svg")}.flag-icon-bi{background-image:url("../img/flags/bi.svg")}.flag-icon-bj{background-image:url("../img/flags/bj.svg")}.flag-icon-bl{background-image:url("../img/flags/bl.svg")}.flag-icon-bm{background-image:url("../img/flags/bm.svg")}.flag-icon-bn{background-image:url("../img/flags/bn.svg")}.flag-icon-bo{background-image:url("../img/flags/bo.svg")}.flag-icon-bq{background-image:url("../img/flags/bq.svg")}.flag-icon-br{background-image:url("../img/flags/br.svg")}.flag-icon-bs{background-image:url("../img/flags/bs.svg")}.flag-icon-bt{background-image:url("../img/flags/bt.svg")}.flag-icon-bv{background-image:url("../img/flags/bv.svg")}.flag-icon-bw{background-image:url("../img/flags/bw.svg")}.flag-icon-by{background-image:url("../img/flags/by.svg")}.flag-icon-bz{background-image:url("../img/flags/bz.svg")}.flag-icon-ca{background-image:url("../img/flags/ca.svg")}.flag-icon-cc{background-image:url("../img/flags/cc.svg")}.flag-icon-cd{background-image:url("../img/flags/cd.svg")}.flag-icon-cf{background-image:url("../img/flags/cf.svg")}.flag-icon-cg{background-image:url("../img/flags/cg.svg")}.flag-icon-ch{background-image:url("../img/flags/ch.svg")}.flag-icon-ci{background-image:url("../img/flags/ci.svg")}.flag-icon-ck{background-image:url("../img/flags/ck.svg")}.flag-icon-cl{background-image:url("../img/flags/cl.svg")}.flag-icon-cm{background-image:url("../img/flags/cm.svg")}.flag-icon-cn{background-image:url("../img/flags/cn.svg")}.flag-icon-co{background-image:url("../img/flags/co.svg")}.flag-icon-cr{background-image:url("../img/flags/cr.svg")}.flag-icon-cu{background-image:url("../img/flags/cu.svg")}.flag-icon-cv{background-image:url("../img/flags/cv.svg")}.flag-icon-cw{background-image:url("../img/flags/cw.svg")}.flag-icon-cx{background-image:url("../img/flags/cx.svg")}.flag-icon-cy{background-image:url("../img/flags/cy.svg")}.flag-icon-cz{background-image:url("../img/flags/cz.svg")}.flag-icon-de{background-image:url("../img/flags/de.svg")}.flag-icon-dj{background-image:url("../img/flags/dj.svg")}.flag-icon-dk{background-image:url("../img/flags/dk.svg")}.flag-icon-dm{background-image:url("../img/flags/dm.svg")}.flag-icon-do{background-image:url("../img/flags/do.svg")}.flag-icon-dz{background-image:url("../img/flags/dz.svg")}.flag-icon-ec{background-image:url("../img/flags/ec.svg")}.flag-icon-ee{background-image:url("../img/flags/ee.svg")}.flag-icon-eg{background-image:url("../img/flags/eg.svg")}.flag-icon-eh{background-image:url("../img/flags/eh.svg")}.flag-icon-er{background-image:url("../img/flags/er.svg")}.flag-icon-es{background-image:url("../img/flags/es.svg")}.flag-icon-et{background-image:url("../img/flags/et.svg")}.flag-icon-fi{background-image:url("../img/flags/fi.svg")}.flag-icon-fj{background-image:url("../img/flags/fj.svg")}.flag-icon-fk{background-image:url("../img/flags/fk.svg")}.flag-icon-fm{background-image:url("../img/flags/fm.svg")}.flag-icon-fo{background-image:url("../img/flags/fo.svg")}.flag-icon-fr{background-image:url("../img/flags/fr.svg")}.flag-icon-ga{background-image:url("../img/flags/ga.svg")}.flag-icon-gb{background-image:url("../img/flags/gb.svg")}.flag-icon-gd{background-image:url("../img/flags/gd.svg")}.flag-icon-ge{background-image:url("../img/flags/ge.svg")}.flag-icon-gf{background-image:url("../img/flags/gf.svg")}.flag-icon-gg{background-image:url("../img/flags/gg.svg")}.flag-icon-gh{background-image:url("../img/flags/gh.svg")}.flag-icon-gi{bLine truncated

_sass/ptio-font.scss

@@ -4,12 +4,12 @@
 
 @font-face {
   font-family: "ptio-font";
-  src: url("../webfonts/ptio-font.eot");
+  src: url("../fonts/ptio-font/ptio-font.eot");
-  src: url("../webfonts/ptio-font.eot?#iefix") format("embedded-opentype"),
+  src: url("../fonts/ptio-font/ptio-font.eot?#iefix") format("embedded-opentype"),
-       url("../webfonts/ptio-font.woff2") format("woff2"),
+       url("../fonts/ptio-font/ptio-font.woff2") format("woff2"),
-       url("../webfonts/ptio-font.woff") format("woff"),
+       url("../fonts/ptio-font/ptio-font.woff") format("woff"),
-       url("../webfonts/ptio-font.ttf") format("truetype"),
+       url("../fonts/ptio-font/ptio-font.ttf") format("truetype"),
-       url("../webfonts/ptio-font.svg#ptio-font") format("svg");
+       url("../fonts/ptio-font/ptio-font.svg#ptio-font") format("svg");
   font-weight: normal;
   font-style: normal;
 }
@@ -17,7 +17,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: "ptio-font";
-    src: url("../webfonts/ptio-font.svg#ptio-font") format("svg");
+    src: url("../fonts/ptio-font/ptio-font.svg#ptio-font") format("svg");
   }
 }
 

assets/css/app.scss

@@ -48,10 +48,12 @@ $reddit:              {{ site.colors.primary }};
 $linkedin:            {{ site.colors.primary }};
 $email:               {{ site.colors.primary }};
 $diaspora:            {{ site.colors.primary }};
-$tor:                 {{ site.colors.primary }};
+$tor:                 #7d4698;
 
 // import /_sass/bootstrap.scss
 @import "bootstrap";
+@import "ptio-font";
+@import "flag-icon";
 
 .post-info, .post-title {
   color: theme-color("light");