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/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");