Template source: base.html

{% load staticfiles %}
{% include 'inc/head.html' %}
{% load static %}

<body>
<div class="l-page">
    <div class="l-page__inner">
        <header class="l-header">
            <div class="l-header__inner">
                <h1 class="l-header__logo">
                    <a href="/">
                        <img src="{% static 'images/common/vistar-logo-b.svg' %}" alt="">
                    </a>
                </h1>
                <form class="l-header__search" method="get" action="{% url 'search:index' %}" data-role="search-form">
                    <input name="q" type="text" class="l-header__search__input" placeholder="Vistar名、ジョブ、活動地域でSCOPE(スコープ)する">
                    <button class="l-header__search__button-lv2">
                        <div class="l-header__search__button-lv2__icon scope"></div>
                        <span>SCOPE</span>
                    </button>
                </form>
                <div class="l-header__group">
                    {% if user.username %}
                        {% with user.get_avatar as avatar %}
                            {% if avatar %}
                                <div class="l-header__group__avatar__container">
                                    <a href ="{% url 'profile_show' slug=user.username %}"><img alt="{{ user.username }}" src="{{ avatar }}"></a>
                                </div>
                            {% endif %}
                        {% endwith %}
                        <p class="l-header__mini-mypage__name">{{ user.last_name }} {{ user.first_name }}</p>
                    {% else %}
                        <button href="{% url 'accounts:signup' %}" class="l-header__group__linkto"><a style="color: #2337a0;" href="{% url 'accounts:signup' %}">新規登録</a></button>
                        <button href="{% url 'login' %}" class="l-header__group__linkto"><a style="color: white;" href="{% url 'login' %}">ログイン</a></button>
                    {% endif %}
                </div>
                <nav class="l-header__btn">
                    <label for="btn">
                        <div class="l-header__btn__inner">
                            <span class="l-header__btn__bar l-header__btn__bar--01"></span>
                            <span class="l-header__btn__bar l-header__btn__bar--02"></span>
                            <span class="l-header__btn__bar l-header__btn__bar--03"></span>
                        </div>
                    </label>
                    <input type="checkbox" id="btn" class="l-header__btn__input">
                    <div class="l-header__pc-menu">
                        <!-- ↓ 1.0 relese-->
                        {% if user.username %}
                            <div class="follow-info">
                                <div class="follow-info__head">あなたのフォロワー / フォロー数</div>
                                <div class="follow-info__wrap">
                                    <div class="follow-info__wrap__block">
                                        <span class="head">follower</span>
                                        <span class="num">{{ user.profile.follower_total }}</span>
                                    </div>
                                    <span class="follow-info__wrap__border"></span>
                                    <a class="follow-info__wrap__block" href="{% url 'accounts:edit_follow' %}">
                                        <span class="head">following</span>
                                        <span class="num">{{ user.profile.following_total }}</span>
                                    </a>
                                </div>
                            </div>
                            <!-- ↑ 1.0 relese-->
                            <a href="{% url 'accounts:settings' %}" class="l-header__pc-menu__item"><span>アカウント設定</span></a>
                            <a href="{% url 'accounts:profile' %}" class="l-header__pc-menu__item"><span>プロフィール編集</span></a>
                            <a href="{% url 'accounts:job_history' %}" class="l-header__pc-menu__item"><span>経歴登録</span></a>
                            <a href="{% url 'accounts:print' %}" class="l-header__pc-menu__item"><span>プロフィール印刷 (PDF)</span></a>
                            <a href="{% url 'accounts:gallery_choose' %}" class="l-header__pc-menu__item"><span>ギャラリー登録</span></a>
                            <a href="" class="l-header__pc-menu__item commingsoon"><span>タイムライン投稿</span></a>
                            <a href="{% url 'accounts:edit_follow' %}" class="l-header__pc-menu__item"><span>フォローリスト編集</span></a>
                            <a href="" class="l-header__pc-menu__item commingsoon"><span>カレンダー登録</span></a>
                            <a href="{% url 'logout' %}" class="l-header__pc-menu__item"><span>ログアウト</span></a>
                        {% else %}
                            <a href="{% url 'accounts:signup' %}" class="l-header__pc-menu__item"><span>新規アカウント登録</span></a>
                            <a href="{% url 'login' %}" class="l-header__pc-menu__item"><span>ログイン</span></a>
                            <a href="{% url 'search:index' %}" class="l-header__pc-menu__item"><span>Vistarを見つける(SCOPE)</span></a>
                            <a href="{% url 'sitemap:index' %}" class="l-header__pc-menu__item"><span>サイトマップ</span></a>
                        {% endif %}
                    </div>
                    <div class="l-header__sp-menu">
                        <div class="l-header__sp-menu__default">
                            <a href="/" class="l-header__sp-menu__default__linkto">
                                <span class="l-header__sp-menu__default__linkto__icon">
                                    <span class="images">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18.888" height="23.039" viewBox="0 0 18.888 23.039">
                                            <path id="パス_288" data-name="パス 288" d="M16085.62-2036.235h-5.993v-6.94h-5.783v6.94h-6.111v-12.888l8.944-8.944,8.943,8.944Z" transform="translate(-16067.232 2058.774)" fill="none" stroke="#fff" stroke-width="1"/>
                                        </svg>
                                    </span>
                                    <span class="text">HOME</span>
                                </span>
                                <span class="l-header__sp-menu__default__linkto__text">トップページ</span>
                            </a>
                            <a href="{% url 'accounts:signup' %}" class="l-header__sp-menu__default__linkto">
                                <span class="l-header__sp-menu__default__linkto__icon">
                                    <span class="images">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="28.025" height="26.654" viewBox="0 0 28.025 26.654">
                                            <g id="グループ化_285" data-name="グループ化 285" transform="translate(-16097.228 2050.805)">
                                                <path id="前面オブジェクトで型抜き_20" data-name="前面オブジェクトで型抜き 20" d="M2.614,5.979h0L1.529,5.627,8,.922H0L.67,0H10.843L2.614,5.979Z" transform="translate(16114.409 -2040.624)" fill="#fff"/>
                                                <path id="前面オブジェクトで型抜き_19" data-name="前面オブジェクトで型抜き 19" d="M5.616,10.6v0L3.145,2.986.671,10.6,0,9.675,3.145,0,6.288,9.675l-.67.923Z" transform="translate(16108.097 -2050.805)" fill="#fff"/>
                                                <path id="前面オブジェクトで型抜き_27" data-name="前面オブジェクトで型抜き 27" d="M8.23,5.979h0L0,0H10.174l.67.922h-8l6.474,4.7L8.23,5.979Z" transform="translate(16097.228 -2040.624)" fill="#fff"/>
                                                <path id="前面オブジェクトで型抜き_22" data-name="前面オブジェクトで型抜き 22" d="M0,10.028v0L3.143.353,4.229,0,1.755,7.612l6.475-4.7v1.14L0,10.027Z" transform="translate(16102.58 -2034.179)" fill="#fff"/>
                                                <path id="前面オブジェクトで型抜き_21" data-name="前面オブジェクトで型抜き 21" d="M8.231,10.028l0,0L0,4.048V2.907l6.475,4.7L4,0,5.087.353,8.23,10.025Z" transform="translate(16111.671 -2034.179)" fill="#fff"/>
                                                <path id="前面オブジェクトで型抜き_26" data-name="前面オブジェクトで型抜き 26" d="M3,6H3a3.28,3.28,0,1,1,.009,0L4.687.828,4.327.334,3,4.413,1.676.334l-.36.494L3,6ZM2.852,2.978l.092.067-.035.109L3,3.088H3l.091.066-.035-.109.093-.067H3.037L3,2.87l-.035.109ZM2.77,2.391l.143.1-.055.169L3,2.559H3l.143.1L3.09,2.495l.143-.1H3.056L3,2.222l-.055.169ZM3,1.884H3l.222.162-.085-.261.222-.162H3.086L3,1.36l-.086.262H2.642l.222.162-.085.261L3,1.884Z" transform="translate(16108.239 -2039.072)" fill="#fff"/>
                                                <path id="パス_222" data-name="パス 222" d="M162.89,171.27" transform="translate(15948.351 -2207.341)" fill="#fff" stroke="#fff" stroke-miterlimit="10" stroke-width="2.145"/>
                                                <path id="パス_223" data-name="パス 223" d="M159.112,57.043l-.212-.154h.262l.081-.249.081.249h.262l-.212.154.081.249-.212-.154-.213.154Z" transform="translate(15951.999 -2102.572)" fill="#fff"/>
                                                <path id="パス_224" data-name="パス 224" d="M157.039,75.325l-.329-.238h.406l.126-.386.126.386h.405l-.328.238.126.386-.329-.238-.329.238Z" transform="translate(15953.998 -2119.079)" fill="#fff"/>
                                                <path id="パス_225" data-name="パス 225" d="M153.819,98.648l-.509-.37h.63l.194-.6.194.6h.629l-.509.37.194.6-.508-.37-.509.37Z" transform="translate(15957.106 -2140.082)" fill="#fff"/>
                                                <path id="パス_226" data-name="パス 226" d="M54.212,133.439l-.212.154.081-.249-.212-.154h.262l.081-.249.081.249h.262l-.212.154.082.249Z" transform="translate(16047.991 -2172.308)" fill="#fff"/>
                                                <path id="パス_227" data-name="パス 227" d="M71.581,137.7l-.328.238.126-.385-.329-.239h.406l.125-.386.126.386h.406l-.329.239.126.385Z" transform="translate(16032.29 -2175.955)" fill="#fff"/>
                                                <path id="パス_228" data-name="パス 228" d="M93.723,142.767l-.508.37.194-.6-.509-.37h.629l.194-.6.194.6h.63l-.509.37.194.6Z" transform="translate(16012.319 -2180.196)" fill="#fff"/>
                                                <path id="パス_229" data-name="パス 229" d="M94.454,256.824l.081.249-.212-.154-.212.154.081-.249-.212-.154h.262l.081-.249.081.249h.262Z" transform="translate(16011.333 -2285.166)" fill="#fff"/>
                                                <path id="パス_230" data-name="パス 230" d="M104.495,238.265l.126.386-.329-.239-.329.239.126-.386-.329-.239h.406l.126-.385.126.385h.406Z" transform="translate(16002.395 -2268.001)" fill="#fff"/>
                                                <path id="パス_231" data-name="パス 231" d="M117.108,213.549l.194.6-.508-.37-.509.37.194-.6-.509-.37h.63l.194-.6.194.6h.629Z" transform="translate(15991.234 -2245.097)" fill="#fff"/>
                                                <path id="パス_232" data-name="パス 232" d="M224.234,256.67h.262l-.212.154.081.249-.212-.154-.213.154.081-.249-.212-.154h.262l.081-.249Z" transform="translate(15892.672 -2285.166)" fill="#fff"/>
                                                <path id="パス_233" data-name="パス 233" d="M210.306,238.026h.406l-.329.238.126.386-.329-.239-.328.239.125-.386-.328-.238h.406l.125-.386Z" transform="translate(15905.613 -2268.001)" fill="#fff"/>
                                                <path id="パス_234" data-name="パス 234" d="M191.659,213.188h.629l-.508.37.194.6-.509-.37-.509.37.194-.6-.509-.37h.63l.194-.6Z" transform="translate(15922.987 -2245.106)" fill="#fff"/>
                                                <path id="パス_235" data-name="パス 235" d="M264.192,133.2l.081-.249.081.249h.262l-.212.154.081.249-.212-.154-.212.154.081-.249-.212-.154Z" transform="translate(15856.003 -2172.317)" fill="#fff"/>
                                                <path id="パス_236" data-name="パス 236" d="M242.776,137.326l.126-.386.125.386h.406l-.328.238.125.386-.328-.238-.329.238.126-.386-.329-.238Z" transform="translate(15875.708 -2175.964)" fill="#fff"/>
                                                <path id="パス_237" data-name="パス 237" d="M214.35,142.169l.194-.6.194.6h.629l-.509.37.194.6-.508-.37-.509.37.194-.6-.509-.37Z" transform="translate(15901.895 -2180.196)" fill="#fff"/>
                                            </g>
                                        </svg>
                                    </span>
                                    <span class="text">SIGN UP</span>
                                </span>
                                <span class="l-header__sp-menu__default__linkto__text">アカウント新規登録</span>
                            </a>
                            <a href="{% url 'login' %}" class="l-header__sp-menu__default__linkto">
                                <span class="l-header__sp-menu__default__linkto__icon">
                                    <span class="images">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="21.201" height="20.444" viewBox="0 0 21.201 20.444">
                                            <g id="グループ化_286" data-name="グループ化 286" transform="translate(-16147.59 2205.574)">
                                                <g id="楕円形_98" data-name="楕円形 98" transform="translate(16147.59 -2200.274)" fill="none" stroke="#fff" stroke-width="1">
                                                    <ellipse cx="4.922" cy="4.922" rx="4.922" ry="4.922" stroke="none"/>
                                                    <ellipse cx="4.922" cy="4.922" rx="4.422" ry="4.422" fill="none"/>
                                                </g>
                                                <line id="線_86" data-name="線 86" x2="7.572" transform="translate(16157.055 -2195.352)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1"/>
                                                <line id="線_87" data-name="線 87" y2="1.514" transform="translate(16163.112 -2195.352)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1"/>
                                                <line id="線_88" data-name="線 88" y2="1.539" transform="translate(16160.84 -2195.352)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1"/>
                                                <g id="前面オブジェクトで型抜き_29" data-name="前面オブジェクトで型抜き 29" transform="translate(16150.326 -2205.574)" fill="none">
                                                    <path d="M7.864,20.444a10.733,10.733,0,0,1-7.5-2.994C.243,17.329.119,17.2,0,17.078a7.177,7.177,0,0,0,1.417.3,10.058,10.058,0,0,0,6.447,2.312,9.981,9.981,0,0,0,6.961-2.772,9.211,9.211,0,0,0,0-13.385A9.981,9.981,0,0,0,7.864.757,10.059,10.059,0,0,0,1.417,3.069,7.176,7.176,0,0,0,0,3.366c.127-.135.251-.26.368-.373A10.733,10.733,0,0,1,7.864,0a10.73,10.73,0,0,1,7.5,2.994,9.967,9.967,0,0,1,0,14.457A10.73,10.73,0,0,1,7.864,20.444Z" stroke="none"/>
                                                    <path d="M 7.864090919494629 20.44398498535156 C 5.032151222229004 20.44398498535156 2.369941234588623 19.38081359863281 0.3678611516952515 17.45030403137207 C 0.2425611466169357 17.32944488525391 0.1188011392951012 17.20404434204102 1.140136760113819e-06 17.07760429382324 C 0.4570411443710327 17.22314453125 0.9334811568260193 17.32360458374023 1.416861176490784 17.37496376037598 C 3.200831174850464 18.86588478088379 5.490361213684082 19.68687438964844 7.864090919494629 19.68687438964844 C 10.49343109130859 19.68687438964844 12.96542072296143 18.70235443115234 14.8247013092041 16.91467475891113 C 16.68359184265137 15.12735462188721 17.70733070373535 12.75052452087402 17.70733070373535 10.22199440002441 C 17.70733070373535 7.693464279174805 16.68359184265137 5.316634178161621 14.8247013092041 3.529314517974854 C 12.96542072296143 1.741634368896484 10.49343109130859 0.7571043968200684 7.864090919494629 0.7571043968200684 C 5.490421295166016 0.7571043968200684 3.200751066207886 1.578164458274841 1.416861176490784 3.069024324417114 C 0.9358211159706116 3.120124340057373 0.4592611491680145 3.220114469528198 1.114013684855308e-05 3.366364479064941 C 0.1269711405038834 3.231384515762329 0.2509911358356476 3.106414318084717 0.3678611516952515 2.9936842918396 C 2.369941234588623 1.063174366950989 5.032151222229004 4.400024408823811e-06 7.864090919494629 4.400024408823811e-06 C 10.69629096984863 4.400024408823811e-06 13.35826110839844 1.063174366950989 15.35965156555176 2.9936842918396 C 17.36182022094727 4.924954414367676 18.4644603729248 7.492014408111572 18.4644603729248 10.22199440002441 C 18.4644603729248 12.95197486877441 17.36182022094727 15.51903438568115 15.35965156555176 17.45030403137207 C 13.35826110839844 19.38081359863281 10.69629096984863 20.44398498535156 7.864090919494629 20.44398498535156 Z" stroke="none" fill="#fff"/>
                                                </g>
                                            </g>
                                        </svg>
                                    </span>
                                    <span class="text">LOGIN</span>
                                </span>
                                <span class="l-header__sp-menu__default__linkto__text">ログイン</span>
                            </a>
                            <a href="{% url 'search:index' %}" class="l-header__sp-menu__default__linkto">
                                <span class="l-header__sp-menu__default__linkto__icon">
                                    <span class="images">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="22.888" height="22.888" viewBox="0 0 22.888 22.888">
                                            <g id="グループ化_273" data-name="グループ化 273" transform="translate(0.181 0.181)">
                                                <g id="楕円形_1" data-name="楕円形 1" fill="none" stroke="#fff" stroke-width="1">
                                                    <circle cx="9.565" cy="9.565" r="9.565" stroke="none"/>
                                                    <circle cx="9.565" cy="9.565" r="9.065" fill="none"/>
                                                </g>
                                                <line id="線_1" data-name="線 1" x2="5.739" y2="5.739" transform="translate(16.261 16.261)" fill="none" stroke="#fff" stroke-width="1"/>
                                                <line id="線_2" data-name="線 2" x2="3.826" y2="3.826" transform="translate(18.174 18.174)" fill="none" stroke="#fff" stroke-width="2"/>
                                                <g id="楕円形_40" data-name="楕円形 40" transform="translate(3.188 3.188)" fill="none" stroke="#fff" stroke-width="1">
                                                    <circle cx="6.377" cy="6.377" r="6.377" stroke="none"/>
                                                    <circle cx="6.377" cy="6.377" r="5.877" fill="none"/>
                                                </g>
                                                <circle id="楕円形_41" data-name="楕円形 41" cx="1.913" cy="1.913" r="1.913" transform="translate(7.652 7.652)" fill="#fff"/>
                                                <line id="線_34" data-name="線 34" x2="4.464" transform="translate(0.319 9.565)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1"/>
                                                <line id="線_35" data-name="線 35" x2="4.464" transform="translate(14.348 9.565)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1"/>
                                                <line id="線_36" data-name="線 36" x2="4.464" transform="translate(9.565 0.319) rotate(90)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1"/>
                                                <line id="線_37" data-name="線 37" x2="4.464" transform="translate(9.565 14.348) rotate(90)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1"/>
                                            </g>
                                        </svg>
                                    </span>
                                    <span class="text">SCOPE</span>
                                </span>
                                <span class="l-header__sp-menu__default__linkto__text">Vistarを見つける (SCOPE)</span>
                            </a>
                            <a href="{% url 'contact:index' %}" class="l-header__sp-menu__default__linkto">
                                <span class="l-header__sp-menu__default__linkto__icon">
                                    <span class="images">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18.786" height="13.869" viewBox="0 0 18.786 13.869">
                                            <g id="グループ化_284" data-name="グループ化 284" transform="translate(-16078.861 1817.379)">
                                                <path id="パス_281" data-name="パス 281" d="M16079.361-1816.879h17.786v12.869h-17.786Z" fill="none" stroke="#fff" stroke-width="1"/>
                                                <path id="パス_282" data-name="パス 282" d="M16107.316-1816.872l-8.957,7.286-8.916-7.3" transform="translate(-10.113 -0.004)" fill="none" stroke="#fff" stroke-width="1"/>
                                            </g>
                                        </svg>
                                    </span>
                                    <span class="text">CONTACT</span>
                                </span>
                                <span class="l-header__sp-menu__default__linkto__text">お問合せ</span>
                            </a>
                        </div>
                        {% if user.username %}
                            <div class="l-header__sp-menu__mypage">
                                <div class="l-header__sp-menu__mypage__heading">
                                    <div class="l-header__sp-menu__mypage__heading__category">
                                        <div class="l-header__sp-menu__mypage__heading__category__bg"></div>
                                        <span>My Vistarページ編集</span>
                                    </div>
                                    <span class="l-header__sp-menu__mypage__heading__username">{{ user.username }}</span>
                                </div>
                                <!-- ↓ 1.0 relese-->
                                <div class="follow-info">
                                    <div class="follow-info__head">あなたの<br>フォロワー / フォロー数</div>
                                    <div class="follow-info__wrap">
                                        <div class="follow-info__wrap__block">
                                            <span class="head">follower</span>
                                            <span class="num">{{ user.profile.follower_total }}</span>
                                        </div>
                                        <span class="follow-info__wrap__border"></span>
                                        <a class="follow-info__wrap__block" href="{% url 'accounts:edit_follow' %}">
                                            <span class="head">following</span>
                                            <span class="num">{{ user.profile.following_total }}</span>
                                        </a>
                                    </div>
                                </div>
                                <!-- ↑ 1.0 relese-->
                                <a href="{% url 'accounts:settings' %}" class="l-header__sp-menu__mypage__linkto"><span>アカウント設定</span></a>
                                <a href="{% url 'accounts:profile' %}" class="l-header__sp-menu__mypage__linkto"><span>プロフィール編集</span></a>
                                <a href="{% url 'accounts:job_history' %}" class="l-header__sp-menu__mypage__linkto"><span>経歴登録</span></a>
                                <a href="{% url 'accounts:print' %}" class="l-header__sp-menu__mypage__linkto"><span>プロフィール印刷 (PDF)</span></a>
                                <a href="{% url 'accounts:gallery_choose' %}" class="l-header__sp-menu__mypage__linkto"><span>ギャラリー登録</span></a>
                                <a href="" class="l-header__sp-menu__mypage__linkto commingsoon"><span>タイムライン投稿</span></a>
                                <a href="{% url 'accounts:edit_follow' %}" class="l-header__sp-menu__mypage__linkto"><span>フォローリスト編集</span></a>
                                <a href="" class="l-header__sp-menu__mypage__linkto commingsoon"><span>カレンダー登録</span></a>
                                <a href="{% url 'logout' %}" class="l-header__sp-menu__mypage__linkto"><span>ログアウト</span></a>
                            </div>
                        {% endif %}
                        <div class="l-header__sp-menu__footer">
                            <a href="{% url 'term:index' %}" class="l-header__sp-menu__footer__linkto"><span>利用規約</span></a>
                            <a href="" class="l-header__sp-menu__footer__linkto in__preparation__2"><span>特定商取引法に基づく表記</span></a>
                            <a href="{% url 'privacy:index' %}" class="l-header__sp-menu__footer__linkto"><span>プライバシーポリシー</span></a>
                            <a href="{% url 'sitemap:index' %}" class="l-header__sp-menu__footer__linkto"><span>サイトマップ</span></a>
                            <a href="http://kiyoshi-kurahara.com/" class="l-header__sp-menu__footer__linkto" target="_blank"><span>運営会社</span></a>
                        </div>
                    </div>
                </nav>
            </div>
        </header>
        <main class="l-main l-2column c-main-lv1 p-profile-index">
            <div class="l-main__maincolumn">
                <section class="c-main-lv1__content p-profile-index__content">
                    <div class="c-main-lv1__content__inner">
                        <div id="content">
                            {% block content %}{% endblock %}
                        </div>
                    </div>
                </section>
            </div>
            <div class="l-main__sidecolumn">
                <section class="c-main-lv1__side-menu">
                    <div class="banner-area">
                        <ul class="banner-area__list">
                            <li class="banner-area__block">
                                <a href="{% url 'lp:index' %}">
                                    <img src="{% static 'images/common/banner-about.png' %}" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </section>
            </div>
        </main>
    </div>
    {% block footer %}
        {% include 'inc/footer.html' %}
    {% endblock %}
</div>
<script>
  $("form").submit(function() {
      var self = this;
      $(":submit", self).prop("disabled", true);
      setTimeout(function() {
          $(":submit", self).prop("disabled", false);
      }, 10000);
  });
</script>
</body>