의견 반영

views/marisa/css/main.css

@@ -416,8 +416,7 @@ blockquote {
 }
 
 #out_link::before {
-    font-family: 'Font Awesome 5 Free';
-    content: '\f360';
+    content: 'ⓔ';
     font-weight: 900;
     background: transparent;
     color: green;

views/marisa/index.html

@@ -9,10 +9,7 @@
         <script src="/views/marisa/js/skin_set.js?ver=2"></script>
         <script src="/views/marisa/js/main.js?ver=1"></script>
         <script>window.onload = function () { search_do(); skin_set(); }</script>
-        <link   rel="stylesheet"
-                href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
-                integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
-                crossorigin="anonymous">
+        <script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap">
         <link rel="shortcut icon" href="/views/main_css/file/favicon.ico?ver=1">
         {{imp[1][5]|safe}}
@@ -32,18 +29,18 @@
                     <div id="top_tool" class="not_mobile">
                         <div id="top_tool_cel">
                             <a href="javascript:void(0);" onclick="opening('recent_cel');">
-                                <i class="fas fa-exclamation-circle"></i>
+                                <span class="iconify" data-icon="octicon:clock" data-inline="true"></span>
                                 {{'recent'|load_lang}}
-                                <i class="fas fa-angle-down"></i>
+                                <span class="iconify" data-icon="octicon:chevron-down" data-inline="true"></span>
                             </a>
                             <div id="recent_cel" class="cel_in_cel" style="display: none;">
                                 <a href="/recent_changes">
-                                    <i class="fas fa-sync-alt"></i>
+                                    <span class="iconify" data-icon="octicon:sync" data-inline="true"></span>
                                     {{'edit'|load_lang}}
                                 </a>
                                 <hr>
                                 <a href="/recent_discuss">
-                                    <i class="fas fa-comment"></i>
+                                    <span class="iconify" data-icon="octicon:comment" data-inline="true"></span>
                                     {{'discussion'|load_lang}}
                                 </a>
                             </div>
@@ -51,23 +48,23 @@
                          
                         <div id="top_tool_cel">
                             <a href="javascript:void(0);" onclick="opening('other_cel');">
-                                <i class="fas fa-plus-circle"></i>
+                                <span class="iconify" data-icon="octicon:package" data-inline="true"></span>
                                 {{'other'|load_lang}}
-                                <i class="fas fa-angle-down"></i>
+                                <span class="iconify" data-icon="octicon:chevron-down" data-inline="true"></span>
                             </a>
                             <div id="other_cel" class="cel_in_cel" style="display: none;">
                                 <a href="/random">
-                                    <i class="fas fa-random"></i>
+                                    <span class="iconify" data-icon="octicon:repo-push" data-inline="true"></span>
                                     {{'random'|load_lang}}
                                 </a>
                                 <hr>
                                 <a href="/other">
-                                    <i class="fas fa-wrench"></i>
+                                    <span class="iconify" data-icon="octicon:tools" data-inline="true"></span>
                                     {{'tool'|load_lang}}
                                 </a>
                                 <hr>
                                 <a href="/skin_set">
-                                    <i class="fas fa-cog"></i>
+                                    <span class="iconify" data-icon="octicon:settings" data-inline="true"></span>
                                     {{'skin_setting'|load_lang}}
                                 </a>
                             </div>
@@ -76,13 +73,13 @@
                         <div id="top_tool_cel">
                             <a href="/user">
                                 {% if imp[2][2] == 1 %}
-                                    {% if imp[2][8] != 0 %}
-                                        <i class="fas fa-user-secret"></i>
+                                    {% if imp[2][8] != '0' %}
+                                        <span class="iconify" data-icon="octicon:megaphone" data-inline="true"></span>
                                     {% else %}
-                                        <i class="fas fa-user"></i>
+                                        <span class="iconify" data-icon="octicon:person" data-inline="true"></span>
                                     {% endif %}
                                 {% else %}
-                                    <i class="fas fa-user-times"></i>
+                                    <span class="iconify" data-icon="octicon:x" data-inline="true"></span>
                                 {% endif %}
                                 {{imp[2][5]}}
                             </a>
@@ -91,15 +88,19 @@
                         <form method="post" action="/search" id="search" role="search">
                             <input id="search_input" name="search" placeholder="{{'search'|load_lang}}" autocomplete="off" type="search">
                             |
-                            <button type="submit" formaction="/goto"><i class="fas fa-sign-in-alt"></i></button>
+                            <button type="submit" formaction="/goto">
+                                <span class="iconify" data-icon="octicon:clippy" data-inline="true"></span>
+                            </button>
                             |
-                            <button type="submit" formaction="/search"><i class="fas fa-search"></i></button>
+                            <button type="submit" formaction="/search">
+                                <span class="iconify" data-icon="octicon:search" data-inline="true"></span>
+                            </button>
                             <div id="pre_search" style="display: none;"></div>
                         </form>
                     </div>
                     <div id="top_tool_mobile" class="is_mobile">
                         <a href="javascript:void(0);" onclick="opening('mobile_menu');">
-                            <i class="fas fa-bars"></i> {{'tool'|load_lang}}
+                            <span class="iconify" data-icon="octicon:repo-push" data-inline="true"></span> {{'tool'|load_lang}}
                         </a>
                     </div>
                 </div>
@@ -109,12 +110,16 @@
                     <form method="post" action="/search" id="mobile_search" role="search">
                         <input id="mobile_search_input" name="search" placeholder="{{'search'|load_lang}}" autocomplete="off" type="search">
                         <br>
-                        <button id="mobile_button_first" type="submit" formaction="/goto"><i class="fas fa-sign-in-alt"></i></button>
+                        <button id="mobile_button_first" type="submit" formaction="/goto">
+                            <span class="iconify" data-icon="octicon:clippy" data-inline="true"></span>
+                        </button>
                         |
-                        <button type="submit" formaction="/search"><i class="fas fa-search"></i></button>
+                        <button type="submit" formaction="/search">
+                            <span class="iconify" data-icon="octicon:search" data-inline="true"></span>
+                        </button>
                         |
                         <a href="javascript:void(0);" onclick="opening('mobile_menu');">
-                            <i class="fas fa-bars"></i>
+                            <span class="iconify" data-icon="octicon:repo-pull" data-inline="true"></span>
                         </a>
                     </form>
                     <h2>{{'recent'|load_lang}}</h2>
@@ -190,17 +195,17 @@
         <div id="nav_bar">
             <div id="go_top">
                 <a href="#top">
-                    <i class="fas fa-arrow-up"></i>  
+                    <span class="iconify" data-icon="octicon:arrow-up" data-inline="true"></span>
                 </a>                  
             </div>
             <div id="go_bottom">
                 <a href="#bottom">
-                    <i class="fas fa-arrow-down"></i>
+                    <span class="iconify" data-icon="octicon:arrow-down" data-inline="true"></span>
                 </a>
             </div>
             <div id="go_toc">
                 <a href="#toc">
-                    <i class="fas fa-list"></i>
+                    <span class="iconify" data-icon="octicon:list-unordered" data-inline="true"></span>
                 </a>
             </div>                                    
         </div>