Startseite Erkunden Hilfe
Registrieren Anmelden
iapt-platform
/
mint
Mirror von https://github.com/iapt-platform/mint.git
2
0
Fork 0
Dateien Issues 0 Wiki
Branch: master
Branches Tags
mint
/
api-v8
/
resources
/
views
/
typhoon.blade.php

typhoon.blade.php 50 KB
Permalink Verlauf Originalformat

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860 
  1. 

  2. <!DOCTYPE html>
    3. 

  3. <html lang="en" data-appearance="{&quot;appearance&quot;:&quot;system&quot;,&quot;store&quot;:1}" x-data="{ show_mobile_nav: false, theme: typhoonRetrieve().theme, appearance: typhoonRetrieve().appearance }" :class="[ show_mobile_nav ? 'overflow-hidden' : '', theme ]" class="overflow-x-hidden">
    4. 

  4. <head>
    5. 

  5. <meta charset="utf-8" />
    6. 

  6. <title>wikipali-{{ $title }}</title>
    7. 

  7. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    8. 

  8. <meta name="viewport" content="width=device-width, initial-scale=1" />
    9. 

  9. <meta name="description" content="{{ $description }}" />
    10. 

  10. <link rel="icon" href="/assets/images/favicon.ico" />
    11. 

  11. <link rel="canonical" href="https://www.wikipali.org/" />
    12. 

  12. <link href="/assets/typhoon/css/notices.css" type="text/css" rel="stylesheet">
    13. 

  13. <link href="/assets/typhoon/css/glightbox.min.css" type="text/css" rel="stylesheet">
    14. 

  14. <link href="/assets/typhoon/css/site.css" type="text/css" rel="stylesheet">
    15. 

  15. <link href="/assets/typhoon/css/form-styles.css" type="text/css" rel="stylesheet">
    16. 

  16. <style>
    17. 

  17. :root {
    18. 

  18.   --color-primary: #FF4C41;
    19. 

  19.   --color-primary__lighter: #ffaca7;
    20. 

  20.   --color-primary__darker: #da0d00;
    21. 

  21. }
    22. 

  22. #sign_in {
    23. 

  23.     display:none;
    24. 

  24. }
    25. 

  25. </style>
    26. 

  26. <script src="/assets/typhoon/js/alpine.js" defer></script>
    27. 

  27. </head>
    28. 

  28. <body id="top" class="flex flex-col items-stretch min-h-screen antialiased relative bg-white dark:bg-gray-900 overflow-x-hidden text-gray-600 dark:text-gray-400 " @typhoon-theme.window="theme = $event.detail.theme || ''; appearance = $event.detail.appearance || '';">
    29. 

  29. <div class="relative bg-orange-300">
    30. 

  30. <div class="max-w-screen-xl mx-auto py-3 px-3 sm:px-6 lg:px-8" style='display:none'>
    31. 

  31. notification
    32. 

  32. </div>
    33. 

  33. </div>
    34. 

  34. <div class="flex-1 flex flex-col relative">
    35. 

  35. <header class="absolute w-full z-10 pb-1 h-16 flex items-center " style>
    36. 

  36. <div class="flex-auto xl:container xl:mx-auto md:px-6 px-4">
    37. 

  37. <nav class="header-nav relative flex items-center justify-between lg:justify-start animated ">
    38. 

  38. <div class="flex items-center">
    39. 

  39. <div class="flex items-center justify-between w-full md:w-auto">
    40. 

  40. <a href="/pcd/community/list" aria-label="Logo" class="text-gray-200">
    41. 

  41. <div class="site-logo h-8" style="display:flex;">
    42. 

  42. 

  43. <svg id="wikipali_banner" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 221 54.417">
    44. 

  44.   <g id="Group_12" data-name="Group 12" transform="translate(-396 -320)">
    45. 

  45.     <g id="Group_2" data-name="Group 2" transform="translate(396 320)">
    46. 

  46.       <g id="Group_1" data-name="Group 1" transform="translate(39.472 12.369)">
    47. 

  47.         <path id="Path_1" data-name="Path 1"
    48. 

  48.           d="M252.239,132.886a1.184,1.184,0,0,1-.733-.244,1.144,1.144,0,0,1-.424-.63l-3.447-12.729a.825.825,0,0,1-.026-.206.683.683,0,0,1,.155-.411.655.655,0,0,1,.539-.257h1.234a1.129,1.129,0,0,1,.721.244,1.171,1.171,0,0,1,.411.63l1.7,6.97q.026.1.8,4.063a.046.046,0,0,0,.053.051.046.046,0,0,0,.051-.051q.925-3.96.952-4.063l1.8-6.97a1.187,1.187,0,0,1,1.132-.874h1a1.187,1.187,0,0,1,1.13.874l1.851,6.97q.153.643.475,1.993t.5,2.071a.046.046,0,0,0,.051.051.084.084,0,0,0,.078-.051q.076-.464.36-1.865t.462-2.2l1.647-6.97a1.187,1.187,0,0,1,1.132-.874h1.028a.66.66,0,0,1,.54.257.723.723,0,0,1,.155.437.813.813,0,0,1-.026.18l-3.266,12.729a1.143,1.143,0,0,1-.424.63,1.174,1.174,0,0,1-.733.244h-1.8a1.129,1.129,0,0,1-.721-.244,1.165,1.165,0,0,1-.411-.63l-1.62-6.3q-.258-1.028-.9-4.114a.1.1,0,0,0-.091-.051.091.091,0,0,0-.089.051q-.514,2.726-.9,4.142l-1.543,6.275a1.166,1.166,0,0,1-.411.63,1.12,1.12,0,0,1-.721.244h-1.671Z"
    49. 

  49.           transform="translate(-247.61 -111.903)" fill="#fff" />
    50. 

  50.         <path id="Path_2" data-name="Path 2"
    51. 

  51.           d="M395.183,81.944a1.988,1.988,0,0,1-1.389.5,1.942,1.942,0,0,1-1.376-.5,1.661,1.661,0,0,1-.539-1.274,1.692,1.692,0,0,1,.539-1.3,1.94,1.94,0,0,1,1.376-.5,1.978,1.978,0,0,1,1.389.5,1.673,1.673,0,0,1,.553,1.3A1.644,1.644,0,0,1,395.183,81.944ZM393.216,99.65a.92.92,0,0,1-.926-.926V86.072a.864.864,0,0,1,.269-.63.892.892,0,0,1,.657-.269h1.157a.9.9,0,0,1,.657.269.865.865,0,0,1,.271.63V98.723a.923.923,0,0,1-.928.926Z"
    52. 

  52.           transform="translate(-368.881 -78.666)" fill="#fff" />
    53. 

  53.         <path id="Path_3" data-name="Path 3"
    54. 

  54.           d="M444.3,98.574a.92.92,0,0,1-.926-.926V78.489a.869.869,0,0,1,.269-.63.892.892,0,0,1,.657-.269H445.4a.9.9,0,0,1,.657.269.863.863,0,0,1,.269.63v12.6c0,.018.013.026.038.026a.091.091,0,0,0,.065-.026l5.092-6.3a1.831,1.831,0,0,1,1.492-.693h1.518a.387.387,0,0,1,.373.244.382.382,0,0,1-.064.45l-4.269,5.092a.167.167,0,0,0,0,.18l4.937,7.74a.49.49,0,0,1,.078.257.481.481,0,0,1-.078.257.448.448,0,0,1-.437.257h-1.465a1.55,1.55,0,0,1-1.389-.772l-3.4-5.683c-.033-.069-.077-.077-.129-.026l-2.288,2.649a.336.336,0,0,0-.078.206v2.7a.92.92,0,0,1-.926.926Z"
    55. 

  55.           transform="translate(-412.163 -77.59)" fill="#fff" />
    56. 

  56.         <path id="Path_4" data-name="Path 4"
    57. 

  57.           d="M540.613,81.944a1.987,1.987,0,0,1-1.388.5,1.94,1.94,0,0,1-1.376-.5,1.661,1.661,0,0,1-.539-1.274,1.692,1.692,0,0,1,.539-1.3,1.942,1.942,0,0,1,1.376-.5,1.977,1.977,0,0,1,1.388.5,1.673,1.673,0,0,1,.553,1.3A1.649,1.649,0,0,1,540.613,81.944ZM538.646,99.65a.923.923,0,0,1-.928-.926V86.072a.86.86,0,0,1,.271-.63.892.892,0,0,1,.657-.269H539.8a.9.9,0,0,1,.657.269.863.863,0,0,1,.269.63V98.723a.92.92,0,0,1-.926.926Z"
    58. 

  58.           transform="translate(-491.128 -78.666)" fill="#fff" />
    59. 

  59.         <path id="Path_5" data-name="Path 5"
    60. 

  60.           d="M589.735,137.187a.92.92,0,0,1-.925-.925V117.746a.92.92,0,0,1,.925-.926h.642a1.016,1.016,0,0,1,.682.257,1.136,1.136,0,0,1,.373.642l.077.642c.018.035.038.053.064.053a.1.1,0,0,0,.065-.026,7.051,7.051,0,0,1,4.424-1.929,5,5,0,0,1,4.231,1.993,8.742,8.742,0,0,1,1.5,5.388,10.164,10.164,0,0,1-.515,3.3,6.991,6.991,0,0,1-1.389,2.469,6.473,6.473,0,0,1-1.993,1.5,5.339,5.339,0,0,1-2.353.54,5.846,5.846,0,0,1-3.729-1.569.031.031,0,0,0-.051,0,.075.075,0,0,0-.025.053l.076,2.366v3.754a.92.92,0,0,1-.926.925h-1.159Zm5.246-8.023a3.153,3.153,0,0,0,2.65-1.4,6.426,6.426,0,0,0,1.028-3.871q0-4.912-3.394-4.912a5.135,5.135,0,0,0-3.368,1.7.245.245,0,0,0-.078.18v6.866a.243.243,0,0,0,.078.18A4.734,4.734,0,0,0,594.981,129.164Z"
    61. 

  61.           transform="translate(-534.418 -110.264)" fill="#fff" />
    62. 

  62.         <path id="Path_6" data-name="Path 6"
    63. 

  63.           d="M691.509,105.4a4.264,4.264,0,0,1-3.073-1.143,4.27,4.27,0,0,1,.85-6.609,16.4,16.4,0,0,1,6.518-1.787c.069,0,.1-.041.1-.129q-.1-3.032-2.751-3.034a7.157,7.157,0,0,0-3.419,1,.864.864,0,0,1-.669.089.811.811,0,0,1-.539-.424l-.257-.462a.955.955,0,0,1-.089-.706.822.822,0,0,1,.424-.553,10.423,10.423,0,0,1,5.066-1.44,4.826,4.826,0,0,1,3.96,1.594,6.988,6.988,0,0,1,1.312,4.551v7.792a.923.923,0,0,1-.928.926h-.642a1.008,1.008,0,0,1-.681-.257,1.118,1.118,0,0,1-.373-.642l-.1-.721c-.018-.033-.038-.053-.065-.053s-.046.018-.064.053A7.155,7.155,0,0,1,691.509,105.4Zm-.977-18.027a.92.92,0,0,1-.926-.926v-.206a.92.92,0,0,1,.926-.926h6.3a.92.92,0,0,1,.925.926v.206a.92.92,0,0,1-.925.926Zm1.9,15.637a5.287,5.287,0,0,0,3.4-1.6.278.278,0,0,0,.077-.206V97.9c0-.086-.033-.12-.1-.1a11.688,11.688,0,0,0-4.346,1.17,2.336,2.336,0,0,0-1.286,2.045,1.82,1.82,0,0,0,.617,1.518A2.582,2.582,0,0,0,692.435,103.015Z"
    64. 

  64.           transform="translate(-617.157 -84.088)" fill="#fff" />
    65. 

  65.         <path id="Path_7" data-name="Path 7"
    66. 

  66.           d="M792.08,98.907a2.68,2.68,0,0,1-2.3-.952,4.607,4.607,0,0,1-.708-2.779V78.489a.865.865,0,0,1,.271-.63A.893.893,0,0,1,790,77.59h1.157a.9.9,0,0,1,.657.269.865.865,0,0,1,.271.63V95.333a1.12,1.12,0,0,0,.411,1.028c.034.018.11.061.231.129s.206.12.257.155.12.081.206.14a.691.691,0,0,1,.193.193.438.438,0,0,1,.064.231l.1.566a.736.736,0,0,1,.026.18.96.96,0,0,1-.155.54.792.792,0,0,1-.591.386C792.585,98.9,792.336,98.907,792.08,98.907Z"
    67. 

  67.           transform="translate(-702.754 -77.59)" fill="#fff" />
    68. 

  68.         <path id="Path_8" data-name="Path 8"
    69. 

  69.           d="M840.663,81.944a1.988,1.988,0,0,1-1.389.5,1.94,1.94,0,0,1-1.376-.5,1.661,1.661,0,0,1-.539-1.274,1.692,1.692,0,0,1,.539-1.3,1.939,1.939,0,0,1,1.376-.5,1.978,1.978,0,0,1,1.389.5,1.673,1.673,0,0,1,.553,1.3A1.649,1.649,0,0,1,840.663,81.944ZM838.7,99.65a.92.92,0,0,1-.926-.926V86.072a.864.864,0,0,1,.269-.63.892.892,0,0,1,.657-.269h1.157a.9.9,0,0,1,.657.269.865.865,0,0,1,.271.63V98.723a.923.923,0,0,1-.928.926Z"
    70. 

  70.           transform="translate(-743.346 -78.666)" fill="#fff" />
    71. 

  71.       </g>
    72. 

  72.       <path id="Path_9" data-name="Path 9"
    73. 

  73.         d="M125.632,125.382a1.531,1.531,0,0,1-1.532-1.532v-5.532c0-8.629,4.134-13.579,11.342-13.579a1.532,1.532,0,0,1,0,3.064c-5.493,0-8.28,3.537-8.28,10.517v5.532A1.529,1.529,0,0,1,125.632,125.382Z"
    74. 

  74.         transform="translate(-104.317 -88.043)" fill="#f1ca23" />
    75. 

  75.       <path id="Path_10" data-name="Path 10"
    76. 

  76.         d="M144.722,179.085a1.532,1.532,0,1,1,0-3.064c2.987,0,5.076-4,5.076-9.727V149.842a1.532,1.532,0,0,1,3.064,0v16.452C152.86,175.13,148.773,179.085,144.722,179.085Z"
    77. 

  77.         transform="translate(-120.364 -124.667)" fill="#f1ca23" />
    78. 

  78.       <path id="Path_11" data-name="Path 11"
    79. 

  79.         d="M84.262,37.339a1.531,1.531,0,0,1-1.532-1.532V1.532a1.532,1.532,0,0,1,3.064,0V35.809A1.531,1.531,0,0,1,84.262,37.339Z"
    80. 

  80.         transform="translate(-69.542)" fill="#f1ca23" />
    81. 

  81.       <path id="Path_12" data-name="Path 12"
    82. 

  82.         d="M42.892,37.339a1.531,1.531,0,0,1-1.532-1.532V1.532a1.532,1.532,0,0,1,3.064,0V35.809A1.531,1.531,0,0,1,42.892,37.339Z"
    83. 

  83.         transform="translate(-34.767)" fill="#f1ca23" />
    84. 

  84.       <path id="Path_13" data-name="Path 13"
    85. 

  85.         d="M1.532,37.339A1.531,1.531,0,0,1,0,35.808V1.532a1.532,1.532,0,0,1,3.064,0V35.809A1.533,1.533,0,0,1,1.532,37.339Z"
    86. 

  86.         fill="#f1ca23" />
    87. 

  87.     </g>
    88. 

  88. 

  89.   </g>
    90. 

  90. </svg>
    91. 

  91. 

  92. <span  id='nickname'></span>
    93. 

  93. </div>
    94. 

  94. </a>
    95. 

  95. </div>
    96. 

  96. </div>
    97. 

  97. <div class="hidden h-full md:flex md:flex-grow justify-end">
    98. 

  98. <ul class="flex h-16 mr-8">
    99. 

  99. @foreach ($nav as $item)
    100. 

  100. <li id="{{ $item['id'] }}" class="flex ml-4 text-sm relative inline-flex items-center pt-1 border-b-2 font-medium leading-5 transition duration-150 ease-in-out  border-transparent text-gray-400 hover:text-primary hover:border-primary focus:outline-none focus:text-primary focus:border-gray-300  ">
    101. 

  101. <div class="flex w-full h-full">
    102. 

  102. <a class="w-full flex items-center h-full px-3" href="{{ $item['link'] }}">{{ $item['title'] }}</a>
    103. 

  103. </div>
    104. 

  104. </li>
    105. 

  105. @endforeach
    106. 

  106. 

  107. <li class="flex ml-4 text-sm relative inline-flex items-center pt-1 border-b-2 font-medium leading-5 transition duration-150 ease-in-out  border-transparent text-gray-400 hover:text-primary hover:border-primary focus:outline-none focus:text-primary focus:border-gray-300  ">
    108. 

  108. <div class="flex w-full h-full">
    109. 

  109. <a class="w-full flex items-center h-full px-3" href="#contact">联络我们</a>
    110. 

  110. </div>
    111. 

  111. </li>
    112. 

  112. <li class="flex ml-4 text-sm relative inline-flex items-center pt-1 border-b-2 font-medium leading-5 transition duration-150 ease-in-out  border-transparent text-gray-400 hover:text-primary hover:border-primary focus:outline-none focus:text-primary focus:border-gray-300  ">
    113. 

  113. <div class="flex w-full h-full">
    114. 

  114. <span class="w-full flex items-center h-full px-3" id='nickname'> </span>
    115. 

  115. </div>
    116. 

  116. </li>
    117. 

  117. 

  118. </ul>
    119. 

  119. </div>
    120. 

  120. </nav>
    121. 

  121. </div>
    122. 

  122. <div class="flex items-center md:hidden justify-end">
    123. 

  123. <button @click="show_mobile_nav = true" aria-label="Mobile menu" type="button" class="text-gray-200 inline-flex items-center justify-center p-2 mr-2 rounded-md focus:outline-none transition duration-150 ease-in-out">
    124. 

  124. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-menu inline-block current-color h-8 w-8" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    125. 

  125. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    126. 

  126. <line x1="4" y1="8" x2="20" y2="8" />
    127. 

  127. <line x1="4" y1="16" x2="20" y2="16" />
    128. 

  128. </svg>
    129. 

  129. </button>
    130. 

  130. </div>
    131. 

  131. </header>
    132. 

  132. <section id="hero" class="relative  overflow-hidden ">
    133. 

  133. <img class="background-image absolute inset-0 object-cover h-full w-full" alt="Hero Image" src="{{ URL::asset('assets/images/hero.jpg') }}" />
    134. 

  134. <div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image: linear-gradient(to bottom, rgba(34,34,34,0.9), rgba(34,34,34,0.4));"></div>
    135. 

  135. <div class="xl:container xl:mx-auto md:px-6 px-4 relative pt-32 md:pt-40 lg:pt-48 xl:pt-56 pb-16 md:pb-20 lg:pb-24 xl:pb-32">
    136. 

  136. <div class="flex text-center justify-center">
    137. 

  137. <div class="w-5/6 md:w-3/4 lg:w-2/3 xl:w-1/2">
    138. 

  138. <h1 class="mt-1 tracking-tight leading-tighter text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-extrabold text-gray-100">
    139. 

  139. {{ $title }}
    140. 

  140. </h1>
    141. 

  141. <div class="mt-3 text-gray-200 text-lg md:text-xl">
    142. 

  142. <p>{{ $subtitle }}</p>
    143. 

  143. </div>
    144. 

  144. <div class="mt-5 mt-8 flex space-x-4 justify-center">
    145. 

  145. <div class="rounded-md shadow" style="display:none;">
    146. 

  146. <a href="https://learn.getgrav.org" class="bg-primary hover:bg-gray-800 text-white w-full flex items-center justify-center px-8 py-3 border border-transparent text-base leading-6 font-medium rounded-md focus:outline-none focus:ring transition duration-300 ease-in-out md:py-4 md:text-lg md:px-10">
    147. 

  147. Read the documentation
    148. 

  148. </a>
    149. 

  149. </div>
    150. 

  150. </div>
    151. 

  151. </div>
    152. 

  152. </div>
    153. 

  153. </div>
    154. 

  154. </section>
    155. 

  155. <section class="flex-1">
    156. 

  156. <div class="pt-0">
    157. 

  157. <div id="highlights"></div>
    158. 

  158. <div class="bg-white dark:bg-gray-900 py-8 md:py-24">
    159. 

  159. <div class="xl:container xl:mx-auto md:px-6 px-4">
    160. 

  160. <div class="w-5/6 md:w-3/4 lg:w-2/3 xl:w-1/2 text-center mx-auto mb-16">
    161. 

  161. <div class="text-xs md:text-sm opacity-75 font-semibold uppercase tracking-wide text-gray-700 dark:text-gray-300">
    162. 

  162. 让学习圣典变得更容易
    163. 

  163. </div>
    164. 

  164. <h2 class="mt-1 tracking-tight leading-tighter text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-extrabold text-gray-900 dark:text-gray-100">
    165. 

  165. 我们的愿景
    166. 

  166. </h2>
    167. 

  167. <div class="mt-3 text-base md:text-lg lg:text-xl prose">
    168. 

  168. <p>打造一个公共的巴利圣典学习平台。</p>
    169. 

  169. </div>
    170. 

  170. </div>
    171. 

  171. <div class="grid md:grid-cols-2 xl:grid-cols-3 gap-y-8 gap-x-8 ">
    172. 

  172. <div class="flex duration-300 hover:scale-105">
    173. 

  173. <div class="flex-shrink-0">
    174. 

  174. <div class="bg-primary text-gray-200 rounded-md p-3">
    175. 

  175. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-gauge inline-block w-8 h-8 stroke-current" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    176. 

  176. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    177. 

  177. <circle cx="12" cy="12" r="9" />
    178. 

  178. <circle cx="12" cy="12" r="1" />
    179. 

  179. <line x1="13.41" y1="10.59" x2="16" y2="8" />
    180. 

  180. <path d="M7 12a5 5 0 0 1 5 -5" />
    181. 

  181. </svg>
    182. 

  182. </div>
    183. 

  183. </div>
    184. 

  184. 

  185. <div class="ml-4">
    186. 

  186. <a class="text-primary hover:text-primary-darker dark:hover:text-primary-lighter" href="https://getgrav.org"></a>
    187. 

  187. <h3 class="font-bold mb-2 text-lg">
    188. 

  188. 翻译一套三藏
    189. 

  189. </h3>
    190. 

  190. 

  191. <div class="prose">
    192. 

  192. 我们希望把完整的巴利三藏、义注、复注、nissaya都翻译成为中文。
    193. 

  193. </div>
    194. 

  194. </div>
    195. 

  195. </div>
    196. 

  196. <div class="flex duration-300 hover:scale-105">
    197. 

  197. <div class="flex-shrink-0">
    198. 

  198. <div class="bg-primary text-gray-200 rounded-md p-3">
    199. 

  199. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-forklift inline-block w-8 h-8 stroke-current" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    200. 

  200. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    201. 

  201. <circle cx="5" cy="17" r="2" />
    202. 

  202. <circle cx="14" cy="17" r="2" />
    203. 

  203. <line x1="7" y1="17" x2="12" y2="17" />
    204. 

  204. <path d="M3 17v-6h13v6" />
    205. 

  205. <path d="M5 11v-4h4" />
    206. 

  206. <path d="M9 11v-6h4l3 6" />
    207. 

  207. <path d="M22 15h-3v-10" />
    208. 

  208. <line x1="16" y1="13" x2="19" y2="13" />
    209. 

  209. </svg>
    210. 

  210. </div>
    211. 

  211. </div>
    212. 

  212. 

  213. <div class="ml-4">
    214. 

  214. <a class="text-primary hover:text-primary-darker dark:hover:text-primary-lighter" href="https://learn.getgrav.org"></a>
    215. 

  215. <h3 class="font-bold mb-2 text-lg">
    216. 

  216. 整理一本词典
    217. 

  217. </h3>
    218. 

  218. <div class="prose">
    219. 

  219. 我们希望借助沉淀下来的数据，整理一套完整的巴中字典。这项工作将在整个三藏翻译的过程中逐渐完成。
    220. 

  220. </div>
    221. 

  221. </div>
    222. 

  222. </div>
    223. 

  223. <div class="flex duration-300 hover:scale-105">
    224. 

  224. <div class="flex-shrink-0">
    225. 

  225. <div class="bg-primary text-gray-200 rounded-md p-3">
    226. 

  226. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-box inline-block w-8 h-8 stroke-current" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    227. 

  227. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    228. 

  228. <polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" />
    229. 

  229. <line x1="12" y1="12" x2="20" y2="7.5" />
    230. 

  230. <line x1="12" y1="12" x2="12" y2="21" />
    231. 

  231. <line x1="12" y1="12" x2="4" y2="7.5" />
    232. 

  232. </svg>
    233. 

  233. </div>
    234. 

  234. </div>
    235. 

  235. <div class="ml-4">
    236. 

  236. <h3 class="font-bold mb-2 text-lg">
    237. 

  237. 开发一个平台
    238. 

  238. </h3>
    239. 

  239. <div class="prose">
    240. 

  240. 我们会持续开发和维护wikipali平台，并不断发展新的功能，令其越来越方便与巴利翻译和研究。
    241. 

  241. </div>
    242. 

  242. </div>
    243. 

  243. </div>
    244. 

  244. </div>
    245. 

  245. </div>
    246. 

  246. </div>
    247. 

  247. 

  248. 

  249. <div id="columns"></div>
    250. 

  250. <div class="bg-gray-100 dark:bg-gray-800 py-8 md:py-24">
    251. 

  251. <div class="xl:container xl:mx-auto md:px-6 px-4">
    252. 

  252. <div class>
    253. 

  253. <div class="w-5/6 md:w-3/4 lg:w-2/3 xl:w-1/2 text-center mx-auto mb-16">
    254. 

  254. <div class="text-xs md:text-sm opacity-75 font-semibold uppercase tracking-wide text-gray-700 dark:text-gray-300">
    255. 

  255. 千年译经路
    256. 

  256. </div>
    257. 

  257. <h2 class="mt-1 tracking-tight leading-tighter text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-extrabold text-gray-900 dark:text-gray-100">
    258. 

  258. 巴利三藏翻译工程
    259. 

  259. </h2>
    260. 

  260. </div>
    261. 

  261. <div class="mt-3 prose col-count-1 sm:col-count-2 sm:gap-x-6 lg:col-count-3 lg:gap-x-10 xl:col-count-4 xl:gap-x-12">
    262. 

  262. <p>上座部佛教相信，佛陀讲经说法时所使用的语言是当时中印度马嘎塔国(Magadha,摩揭陀国)一带的民众方言——马嘎塔口语。这种语言在西元前3世纪的阿首咖王(Asoka,阿育王)时代即随着到斯里兰卡传播佛教的马兴德阿拉汉而传到斯里兰卡，并一直流传到今天。</p>
    263. 

  263. <p>由于新哈勒人原先就有了自己的语言，当以马嘎塔语为媒介语的上座部佛教传播到斯里兰卡之后，这种语言就只是作为传诵三藏圣典之用，因此马嘎塔语又被称为「巴利语」。</p>
    264. 

  264. <p>义注起源于佛陀在世时弟子们对佛陀教导的解释，如收录于《中部》的《法嗣经》《谛分别经》《应习不应习经》等，即是沙利补答尊者详细解释佛陀简短开示的经典。佛陀入灭后，诸圣者、大长老们继续对三藏圣典进行注解诠释，这些注释文献即是上座部佛教的「义注」，它们是上座部佛教历代长老大德们传承佛陀教法的禅修精要和智慧结晶，也是对巴利语三藏圣典最为权威的解释。</p>
    265. 

  265. <p>之后的古代的大长老们又用巴利语撰写了解释义注和根本的再注释书——复注。这些古代文献已经有上千年的历史。</p>
    266. 

  266. <p>根据上座部佛教传统，巴利语三藏包含了根本，义注，复注在内的100多本书。共计800万单词。长期以来，这些文献以巴利语刻写在棕榈叶上在东南亚国家流传。</p>
    267. 

  267. <p>将这些古代文献翻译为汉语，是众多佛教徒的心愿。</p>
    268. 

  268. <p><a href="/pcd/community/list" class="font-bold">已经翻译的经文</a></p>
    269. 

  269. </div>
    270. 

  270. </div>
    271. 

  271. </div>
    272. 

  272. </div>
    273. 

  273. 

  274. 

  275. <div id="callout"></div>
    276. 

  276. <div class="bg-white dark:bg-gray-900 py-8 md:py-24">
    277. 

  277. <div class="xl:container xl:mx-auto md:px-6 px-4">
    278. 

  278. <div class="w-5/6 md:w-3/4 lg:w-2/3 xl:w-1/2 text-center mx-auto mb-16">
    279. 

  279. <div class="text-xs md:text-sm opacity-75 font-semibold uppercase tracking-wide text-gray-700 dark:text-gray-300">
    280. 

  280. 翻译中心
    281. 

  281. </div>
    282. 

  282. <h2 class="mt-1 tracking-tight leading-tighter text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-extrabold text-gray-900 dark:text-gray-100">
    283. 

  283. wikipali（云台）翻译中心
    284. 

  284. </h2>
    285. 

  285. </div>
    286. 

  286. <div class="flex md:flex-row-reverse justify-center md:justify-start flex-wrap md:flex-no-wrap">
    287. 

  287. <div class="w-full md:w-1/2 md:pl-8 ">
    288. 

  288. <img class="mb-8 md:mb-0 rounded-md" alt="/assets/gallery/03.jpg" src="/assets/gallery/02.jpg">
    289. 

  289. </div>
    290. 

  290. <div class="w-full md:w-1/2 md:pr-8 md:pr-8 mb-4 md:mb-0">
    291. 

  291. <div class="md:text-lg prose">
    292. 

  292. <p>wikipali（云台）翻译中心坐落于云南省昆明市宜良县，致力于整理三藏和佛教文献的翻译和研究。</p>
    293. 

  293. <p>佛教文化是中国传统文化的一部分，也是全世界人类的宝贵文化遗产。然而， 由于很多佛教文献是由巴利语、梵语、缅语、泰文等记载，所以需要培养专门的小语种语言人才，进行相关的研究。</p>
    294. 

  294. <p>我们的团队由一群热爱佛教文化的志愿者组成，来自不同的国家和地区，拥有不同的背景和经验。大家互相配合，致力于将佛教文献翻译成汉语，让更多人能够阅读和理解这些珍贵的文献</p>
    295. 

  295. <p>我们的翻译工作主要集中在三藏经典，将传统的文献转换成为通俗的现代汉语。除此之外，我们也参与翻译佛教论著、传记、诗歌等多种形式的佛教文献，保留和研究其文学、历史价值。</p>
    296. 

  296. <p>我们的翻译成果将会在wikipali网站上发布，供大家免费使用和阅读。感谢您对wikipali（云台）翻译中心的支持和关注！</p>
    297. 

  297. <p style="display:none;"><a href="https://getgrav.org" class="btn mt-4 w-content block">Find out more...</a></p>
    298. 

  298. </div>
    299. 

  299. </div>
    300. 

  300. </div>
    301. 

  301. </div>
    302. 

  302. </div>
    303. 

  303. 

  304. 

  305. <div id="gallery"></div>
    306. 

  306. <div class="bg-white dark:bg-gray-900 py-8 md:py-24">
    307. 

  307. <div class="xl:container xl:mx-auto md:px-6 px-4">
    308. 

  308. <div class="w-5/6 md:w-3/4 lg:w-2/3 xl:w-1/2 text-center mx-auto mb-16">
    309. 

  309. <div class="text-xs md:text-sm opacity-75 font-semibold uppercase tracking-wide text-gray-700 dark:text-gray-300">
    310. 

  310. 欢迎加入翻译中心
    311. 

  311. </div>
    312. 

  312. <h2 class="mt-1 tracking-tight leading-tighter text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-extrabold text-gray-900 dark:text-gray-100">
    313. 

  313. 翻译中心相册
    314. 

  314. </h2>
    315. 

  315. <div class="mt-3 text-base md:text-lg lg:text-xl prose">
    316. 

  316. <p></p>
    317. 

  317. </div>
    318. 

  318. </div>
    319. 

  319. <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-y-2 gap-x-2">
    320. 

  320. 

  321. @foreach ($gallery as $item)
    322. 

  322. <div class="inline-flex overflow-hidden rounded-md group safari-corner-overflow-fix">
    323. 

  323. <a href="{{ $item['image'] }}" class="glightbox inline-block" data-gallery="161b91e52e3b1158306a38186e6f5107" data-title="{{ $item['title'] }}" data-description=".{{ $item['id'] }}" data-type="image">
    324. 

  324. <img class="duration-200 group-hover:scale-110 group-hover:filter group-hover:brightness-110" title="Climbing Hilly Peaks" alt="Climbing Hilly Peaks" src="{{ $item['image'] }}" />
    325. 

  325. </a>
    326. 

  326. </div>
    327. 

  327. @endforeach
    328. 

  328. 

  329. 

  330. <div class="hidden">
    331. 

  331. @foreach ($gallery as $item)
    332. 

  332.     <div class="glightbox-desc {{ $item['id'] }}">
    333. 

  333.         <div class="prose">
    334. 

  334.             <p>{{ $item['description'] }}</p>
    335. 

  335.         </div>
    336. 

  336.     </div>
    337. 

  337. @endforeach
    338. 

  338. 

  339. </div>
    340. 

  340. </div>
    341. 

  341. </div>
    342. 

  342. </div>
    343. 

  343. <div id="features"></div>
    344. 

  344. <div class="bg-white dark:bg-gray-900 py-8 md:py-24">
    345. 

  345. <div class="xl:container xl:mx-auto md:px-6 px-4">
    346. 

  346. <div class="w-5/6 md:w-3/4 lg:w-2/3 xl:w-1/2 text-center mx-auto mb-16">
    347. 

  347. <div class="text-xs md:text-sm opacity-75 font-semibold uppercase tracking-wide text-gray-700 dark:text-gray-300">
    348. 

  348. 在线翻译|协作|巴利语学习
    349. 

  349. </div>
    350. 

  350. <h2 class="mt-1 tracking-tight leading-tighter text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-extrabold text-gray-900 dark:text-gray-100">
    351. 

  351. 专门开发的巴利语学习和翻译工具
    352. 

  352. </h2>
    353. 

  353. <div class="mt-3 text-base md:text-lg lg:text-xl prose">
    354. 

  354. <p>结合多年的教学与翻译经验。专门为巴利语教学和翻译定制的多种在线编辑工具。无需安装软件。支持各种桌面操作系统。</p>
    355. 

  355. </div>
    356. 

  356. </div>
    357. 

  357. <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-y-8 gap-x-8 ">
    358. 

  358. 

  359. <div class="flex duration-300 hover:scale-105">
    360. 

  360. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    361. 

  361. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    362. 

  362. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-pencil inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    363. 

  363. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    364. 

  364. <path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4" />
    365. 

  365. <line x1="13.5" y1="6.5" x2="17.5" y2="10.5" />
    366. 

  366. </svg>
    367. 

  367. </div>
    368. 

  368. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    369. 

  369. 在线翻译
    370. 

  370. </h3>
    371. 

  371. <div class="prose text-center">
    372. 

  372. </div>
    373. 

  373. </div>
    374. 

  374. </div>
    375. 

  375. 

  376. <div class="flex duration-300 hover:scale-105">
    377. 

  377. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    378. 

  378. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    379. 

  379. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-template inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    380. 

  380. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    381. 

  381. <rect x="4" y="4" width="16" height="4" rx="1" />
    382. 

  382. <rect x="4" y="12" width="6" height="8" rx="1" />
    383. 

  383. <line x1="14" y1="12" x2="20" y2="12" />
    384. 

  384. <line x1="14" y1="16" x2="20" y2="16" />
    385. 

  385. <line x1="14" y1="20" x2="20" y2="20" />
    386. 

  386. </svg>
    387. 

  387. </div>
    388. 

  388. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    389. 

  389. 术语模版
    390. 

  390. </h3>
    391. 

  391. <div class="prose text-center">
    392. 

  392. </div>
    393. 

  393. </div>
    394. 

  394. </div>
    395. 

  395. 

  396. <div class="flex duration-300 hover:scale-105">
    397. 

  397. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    398. 

  398. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    399. 

  399. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bolt inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    400. 

  400. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    401. 

  401. <polyline points="13 3 13 10 19 10 11 21 11 14 5 14 13 3" />
    402. 

  402. </svg>
    403. 

  403. </div>
    404. 

  404. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    405. 

  405. 实时发布译文
    406. 

  406. </h3>
    407. 

  407. <div class="prose text-center">
    408. 

  408. </div>
    409. 

  409. </div>
    410. 

  410. </div>
    411. 

  411. 

  412. <div class="flex duration-300 hover:scale-105">
    413. 

  413. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    414. 

  414. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    415. 

  415. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tag inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    416. 

  416. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    417. 

  417. <circle cx="8.5" cy="8.5" r="1" fill="currentColor" />
    418. 

  418. <path d="M4 7v3.859c0 .537 .213 1.052 .593 1.432l8.116 8.116a2.025 2.025 0 0 0 2.864 0l4.834 -4.834a2.025 2.025 0 0 0 0 -2.864l-8.117 -8.116a2.025 2.025 0 0 0 -1.431 -.593h-3.859a3 3 0 0 0 -3 3z" />
    419. 

  419. </svg>
    420. 

  420. </div>
    421. 

  421. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    422. 

  422. 在线讨论校对
    423. 

  423. </h3>
    424. 

  424. <div class="prose text-center">
    425. 

  425. </div>
    426. 

  426. </div>
    427. 

  427. </div>
    428. 

  428. 

  429. <div class="flex duration-300 hover:scale-105">
    430. 

  430. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    431. 

  431. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    432. 

  432. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud-download inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    433. 

  433. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    434. 

  434. <path d="M19 18a3.5 3.5 0 0 0 0 -7h-1a5 4.5 0 0 0 -11 -2a4.6 4.4 0 0 0 -2.1 8.4" />
    435. 

  435. <line x1="12" y1="13" x2="12" y2="22" />
    436. 

  436. <polyline points="9 19 12 22 15 19" />
    437. 

  437. </svg>
    438. 

  438. </div>
    439. 

  439. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    440. 

  440. 译文导出
    441. 

  441. </h3>
    442. 

  442. <div class="prose text-center">
    443. 

  443. </div>
    444. 

  444. </div>
    445. 

  445. </div>
    446. 

  446. 

  447. <div class="flex duration-300 hover:scale-105"  style="display:none;">
    448. 

  448. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    449. 

  449. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    450. 

  450. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-apps inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    451. 

  451. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    452. 

  452. <rect x="4" y="4" width="6" height="6" rx="1" />
    453. 

  453. <rect x="4" y="14" width="6" height="6" rx="1" />
    454. 

  454. <rect x="14" y="14" width="6" height="6" rx="1" />
    455. 

  455. <line x1="14" y1="7" x2="20" y2="7" />
    456. 

  456. <line x1="17" y1="4" x2="17" y2="10" />
    457. 

  457. </svg>
    458. 

  458. </div>
    459. 

  459. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    460. 

  460. Powerful Plugins
    461. 

  461. </h3>
    462. 

  462. <div class="prose text-center">
    463. 

  463. </div>
    464. 

  464. </div>
    465. 

  465. </div>
    466. 

  466. 

  467. <div class="flex duration-300 hover:scale-105"  style="display:none;">
    468. 

  468. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    469. 

  469. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    470. 

  470. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-device-desktop inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    471. 

  471. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    472. 

  472. <rect x="3" y="4" width="18" height="12" rx="1" />
    473. 

  473. <line x1="7" y1="20" x2="17" y2="20" />
    474. 

  474. <line x1="9" y1="16" x2="9" y2="20" />
    475. 

  475. <line x1="15" y1="16" x2="15" y2="20" />
    476. 

  476. </svg>
    477. 

  477. </div>
    478. 

  478. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    479. 

  479. Intuitive UI
    480. 

  480. </h3>
    481. 

  481. <div class="prose text-center">
    482. 

  482. </div>
    483. 

  483. </div>
    484. 

  484. </div>
    485. 

  485. 

  486. <div class="flex duration-300 hover:scale-105">
    487. 

  487. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    488. 

  488. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    489. 

  489. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-text inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    490. 

  490. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    491. 

  491. <path d="M14 3v4a1 1 0 0 0 1 1h4" />
    492. 

  492. <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" />
    493. 

  493. <line x1="9" y1="9" x2="10" y2="9" />
    494. 

  494. <line x1="9" y1="13" x2="15" y2="13" />
    495. 

  495. <line x1="9" y1="17" x2="15" y2="17" />
    496. 

  496. </svg>
    497. 

  497. </div>
    498. 

  498. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    499. 

  499. 社区字典
    500. 

  500. </h3>
    501. 

  501. <div class="prose text-center">
    502. 

  502. </div>
    503. 

  503. </div>
    504. 

  504. </div>
    505. 

  505. 

  506. <div class="flex duration-300 hover:scale-105">
    507. 

  507. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    508. 

  508. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    509. 

  509. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-language inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    510. 

  510. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    511. 

  511. <path d="M4 5h7" />
    512. 

  512. <path d="M9 3v2c0 4.418 -2.239 8 -5 8" />
    513. 

  513. <path d="M5 9c-.003 2.144 2.952 3.908 6.7 4" />
    514. 

  514. <path d="M12 20l4 -9l4 9" />
    515. 

  515. <path d="M19.1 18h-6.2" />
    516. 

  516. </svg>
    517. 

  517. </div>
    518. 

  518. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    519. 

  519. 多语言译文对照
    520. 

  520. </h3>
    521. 

  521. <div class="prose text-center">
    522. 

  522. </div>
    523. 

  523. </div>
    524. 

  524. </div>
    525. 

  525. 

  526. <div class="flex duration-300 hover:scale-105"  style="display:none;">
    527. 

  527. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    528. 

  528. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    529. 

  529. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-users inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    530. 

  530. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    531. 

  531. <circle cx="9" cy="7" r="4" />
    532. 

  532. <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />
    533. 

  533. <path d="M16 3.13a4 4 0 0 1 0 7.75" />
    534. 

  534. <path d="M21 21v-2a4 4 0 0 0 -3 -3.85" />
    535. 

  535. </svg>
    536. 

  536. </div>
    537. 

  537. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    538. 

  538. 多人协作
    539. 

  539. </h3>
    540. 

  540. <div class="prose text-center">
    541. 

  541. </div>
    542. 

  542. </div>
    543. 

  543. </div>
    544. 

  544. 

  545. <div class="flex duration-300 hover:scale-105"  style="display:none;">
    546. 

  546. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    547. 

  547. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    548. 

  548. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-photo inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    549. 

  549. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    550. 

  550. <line x1="15" y1="8" x2="15.01" y2="8" />
    551. 

  551. <rect x="4" y="4" width="16" height="16" rx="3" />
    552. 

  552. <path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5" />
    553. 

  553. <path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2" />
    554. 

  554. </svg>
    555. 

  555. </div>
    556. 

  556. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    557. 

  557. Image Processing
    558. 

  558. </h3>
    559. 

  559. <div class="prose text-center">
    560. 

  560. </div>
    561. 

  561. </div>
    562. 

  562. </div>
    563. 

  563. 

  564. <div class="flex duration-300 hover:scale-105">
    565. 

  565. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    566. 

  566. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    567. 

  567. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-notebook inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    568. 

  568. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    569. 

  569. <path d="M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18" />
    570. 

  570. <line x1="13" y1="8" x2="15" y2="8" />
    571. 

  571. <line x1="13" y1="12" x2="15" y2="12" />
    572. 

  572. </svg>
    573. 

  573. </div>
    574. 

  574. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    575. 

  575. 文集
    576. 

  576. </h3>
    577. 

  577. <div class="prose text-center">
    578. 

  578. </div>
    579. 

  579. </div>
    580. 

  580. </div>
    581. 

  581. 

  582. <div class="flex duration-300 hover:scale-105"  style="display:none;">
    583. 

  583. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    584. 

  584. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    585. 

  585. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-github inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    586. 

  586. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    587. 

  587. <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
    588. 

  588. </svg>
    589. 

  589. </div>
    590. 

  590. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    591. 

  591. On Github
    592. 

  592. </h3>
    593. 

  593. <div class="prose text-center">
    594. 

  594. </div>
    595. 

  595. </div>
    596. 

  596. </div>
    597. 

  597. 

  598. <div class="flex duration-300 hover:scale-105">
    599. 

  599. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    600. 

  600. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    601. 

  601. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-device-mobile inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    602. 

  602. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    603. 

  603. <rect x="7" y="4" width="10" height="16" rx="1" />
    604. 

  604. <line x1="11" y1="5" x2="13" y2="5" />
    605. 

  605. <line x1="12" y1="17" x2="12" y2="17.01" />
    606. 

  606. </svg>
    607. 

  607. </div>
    608. 

  608. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    609. 

  609. 手机APP
    610. 

  610. </h3>
    611. 

  611. <div class="prose text-center">
    612. 

  612. </div>
    613. 

  613. </div>
    614. 

  614. </div>
    615. 

  615. 

  616. <div class="flex duration-300 hover:scale-105" >
    617. 

  617. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    618. 

  618. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    619. 

  619. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-terminal inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 1024 1024" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    620. 

  620. <path
    621. 

  621.         d="M523.4 936h-22.8l-4.5-1.8c-3.4-1.4-84.8-34.7-167.4-88.4C212.8 770.5 154 694.5 154 620V197.5c0-20.3 16.4-37 37.2-38.7L495.3 88h20.5l316.8 70.8c20.9 1.6 37.3 18.3 37.3 38.7V620c0 74.6-58.8 150.6-174.6 225.8-82.7 53.7-164 87-167.4 88.4l-4.5 1.8z m-12.9-50h3c17.8-7.6 87.1-38.2 155.2-82.6C737.7 758.5 820 690.3 820 620V207.2L510.3 138H501l-297 69.2V620c0 70.3 82.3 138.6 151.3 183.5 68.1 44.3 137.4 74.9 155.2 82.5z"
    622. 

  622.         fill="currentColor" p-id="4788"></path>
    623. 

  623.     <path
    624. 

  624.         d="M693.5 394.1c-14.4-16.6-39.8-18.5-56.4-4.1L455.5 547 392 467.6c-13.7-17.2-39-20-56.2-6.3-17.2 13.7-20 39-6.3 56.2l88.9 111.2c12.7 15.9 35.2 19.5 52.1 9.1 3-1.5 5.9-3.3 8.5-5.6l210.3-181.8c16.7-14.3 18.6-39.7 4.2-56.3z"
    625. 

  625.         fill="currentColor" p-id="4789"></path>
    626. 

  626. </svg>
    627. 

  627. 

  628. </div>
    629. 

  629. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    630. 

  630. 安全
    631. 

  631. </h3>
    632. 

  632. <div class="prose text-center">
    633. 

  633. </div>
    634. 

  634. </div>
    635. 

  635. </div>
    636. 

  636. 

  637. <div class="flex duration-300 hover:scale-105" style="display:none;">
    638. 

  638. <div class="flex flex-col w-full rounded-md group hover:bg-gray-100 dark:hover:bg-gray-800">
    639. 

  639. <div class="text-gray-500 group-hover:text-primary rounded-md p-3 text-center">
    640. 

  640. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-gift inline-block w-16 h-16 stroke-current stroke-3/2 mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    641. 

  641. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    642. 

  642. <rect x="3" y="8" width="18" height="4" rx="1" />
    643. 

  643. <line x1="12" y1="8" x2="12" y2="21" />
    644. 

  644. <path d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7" />
    645. 

  645. <path d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5" />
    646. 

  646. </svg>
    647. 

  647. </div>
    648. 

  648. <h3 class="mb-2 text-base md:text-lg group-hover:text-primary text-center">
    649. 

  649. Awesomazing
    650. 

  650. </h3>
    651. 

  651. <div class="prose text-center">
    652. 

  652. </div>
    653. 

  653. </div>
    654. 

  654. </div>
    655. 

  655. </div>
    656. 

  656. </div>
    657. 

  657. </div>
    658. 

  658. <div id="contact"></div>
    659. 

  659. <div class="bg-primary-darker text-primary-lighter py-8 md:py-24">
    660. 

  660. <div class="xl:container xl:mx-auto md:px-6 px-4">
    661. 

  661. <div class="w-5/6 md:w-3/4 lg:w-2/3 xl:w-1/2 text-center mx-auto mb-16">
    662. 

  662. <div class="text-xs md:text-sm opacity-75 font-semibold uppercase tracking-wide text-gray-300">
    663. 

  663. 更多关于我们的信息
    664. 

  664. </div>
    665. 

  665. <h2 class="mt-1 tracking-tight leading-tighter text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-extrabold text-gray-100">
    666. 

  666. 联络我们
    667. 

  667. </h2>
    668. 

  668. <div class="mt-3 text-base md:text-lg lg:text-xl prose">
    669. 

  669. <p>wikipali@126.com</p>
    670. 

  670. <p><span>请点击<a href="https://wj.qq.com/s2/13364158/ba70/" target="_blank" rel="noreferrer">腾讯问卷</a>填写您的反馈</span></p>
    671. 

  671. </div>
    672. 

  672. </div>
    673. 

  673. <div class="max-w-xl mx-auto text-gray-700" style="display:none;">
    674. 

  674. <form name="contact" action="#contact-us" method="POST" id="contact" class=" ">
    675. 

  675. <div class="form-field  ">
    676. 

  676. <div class="form-data" data-grav-field="text" data-grav-disabled data-grav-default="null">
    677. 

  677. <div class="form-input-wrapper ">
    678. 

  678. <input name="data[name]" value type="text" class="form-input " placeholder="Your&#x20;full&#x20;name" autocomplete="on" required="required" />
    679. 

  679. </div>
    680. 

  680. </div>
    681. 

  681. </div>
    682. 

  682. <div class="form-field  ">
    683. 

  683. <div class="form-data" data-grav-field="email" data-grav-disabled data-grav-default="null">
    684. 

  684. <div class="form-input-wrapper ">
    685. 

  685. <input name="data[email]" value type="email" class="form-input " placeholder="Your&#x20;email&#x20;address" required="required" />
    686. 

  686. </div>
    687. 

  687. </div>
    688. 

  688. </div>
    689. 

  689. <div class="form-field  ">
    690. 

  690. <div class="form-data" data-grav-field="text" data-grav-disabled data-grav-default="null">
    691. 

  691. <div class="form-input-wrapper ">
    692. 

  692. <input name="data[phone]" value type="text" class="form-input " placeholder="Your&#x20;phone&#x20;number&#x20;&#x28;optional&#x29;" />
    693. 

  693. </div>
    694. 

  694. </div>
    695. 

  695. </div>
    696. 

  696. <div class="form-field  ">
    697. 

  697. <div class="form-data" data-grav-field="textarea" data-grav-disabled data-grav-default="null">
    698. 

  698. <div class="form-textarea-wrapper  ">
    699. 

  699. <textarea name="data[message]" class="form-textarea  " placeholder="Your message" required="required" rows="4"></textarea>
    700. 

  700. </div>
    701. 

  701. </div>
    702. 

  702. </div>
    703. 

  703. <input type="hidden" name="__form-name__" value="contact" />
    704. 

  704. <input type="hidden" name="__unique_form_id__" value="ix2wof4ukdnschp3i1bc" />
    705. 

  705. <input type="hidden" name="form-nonce" value="a4618725adb330b36829801d1b7a11d2" />
    706. 

  706. <div class="text-center">
    707. 

  707. <button type="submit" class="form-button no-default-style text-white bg-gray-700 hover:bg-primary">Submit Form</button>
    708. 

  708. </div>
    709. 

  709. </form>
    710. 

  710. </div>
    711. 

  711. </div>
    712. 

  712. </div>
    713. 

  713. </div>
    714. 

  714. </section>
    715. 

  715. <footer class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 text-sm">
    716. 

  716. <div class="xl:container xl:mx-auto md:px-6 px-4 py-8">
    717. 

  717. <div class="relative flex flex-col md:flex-row justify-between min-h-16 text-gray-600 dark:text-gray-500">
    718. 

  718.     <div style="display:flex;">
    719. 

  719.     @if(!empty(config('mint.app.icp_code')))
    720. 

  720.     <span>ICP:<a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer">{{ config('mint.app.icp_code') }}</a></span>
    721. 

  721.     <span style="display:flex;">
    722. 

  722.         <img alt="code" src="{{ URL::asset('assets/images/logo_mps.png') }}" style="width: 20px; height: 20px;margin:0 12px;"/>
    723. 

  723.         @if(empty(config('mint.app.mps_code')))
    724. 

  724.         <span>滇公网安备[审批中]号</span>
    725. 

  725.         @else
    726. 

  726.         <span>{{ config('mint.app.mps_code') }}</span>
    727. 

  727.         @endif
    728. 

  728.     </span>
    729. 

  729.     @endif
    730. 

  730.     </div>
    731. 

  731. </div>
    732. 

  732. <div style="display:none;" class="relative flex flex-col md:flex-row justify-between min-h-16 text-gray-600 dark:text-gray-500">
    733. 

  733.     <div class="flex font-medium space-x-6 md:space-x-8 items-center justify-center mb-6 md:mb-0 md:justify-start ">
    734. 

  734.     <a href="/typhoon/onepage/#" class="hover:text-primary transition duration-300">Terms &amp; Conditions</a>
    735. 

  735.     <a href="/typhoon/onepage/#" class="hover:text-primary transition duration-300">Privacy Policy</a>
    736. 

  736.     </div>
    737. 

  737.     <div class="flex social mb-2 space-x-2 items-center justify-center mb-6 md:mb-0 md:justify-start">
    738. 

  738.     <a href="https://twitter.com/getgrav" aria-label="twitter" class="text-twitter  hover:filter hover:brightness-110 transition duration-300">
    739. 

  739.     <svg class="inline-block w-8 h-8 fill-current stroke-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M480 0c133.333 0 246.667 46.667 340 140s140 206.667 140 340c0 132-46.667 245-140 339S613.333 960 480 960c-132 0-245-47-339-141S0 612 0 480c0-133.333 47-246.667 141-340S348 0 480 0m196 392c20-14.667 35.333-30.667 46-48-21.333 8-39.333 12.667-54 14 20-12 34-29.333 42-52-20 10.667-40 18-60 22-18.667-18.667-42-28-70-28-26.667 0-49 9.333-67 28s-27 40.667-27 66c0 1.333.333 4.667 1 10s1 9.333 1 12c-80-4-144.667-37.333-194-100-9.333 16-14 32-14 48 0 33.333 14.667 59.333 44 78-17.333 0-32-4-44-12v2c0 22.667 7 42.667 21 60s32.333 28 55 32c-10.667 2.667-18.667 4-24 4-8 0-14-.667-18-2 13.333 44 42.667 66 88 66-33.333 26.667-72.667 40-118 40h-22c45.333 28 93.333 42 144 42 81.333 0 146.667-27.667 196-83s74-117.667 74-187v-12" /></svg>
    740. 

  740.     </a>
    741. 

  741.     <a href="https://github.com/getgrav" aria-label="github" class="text-github dark:text-gray-500 hover:filter hover:brightness-110 transition duration-300">
    742. 

  742.     <svg class="inline-block w-8 h-8 fill-current stroke-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960"><path d="M480 476c10.667 0 24.667-.667 42-2s31-2 41-2 20.667 1.333 32 4c11.333 2.667 21 7.333 29 14 17.333 17.333 26 37.333 26 60 0 42.667-14.333 70.667-43 84-28.667 13.333-71 20-127 20s-98.333-6.667-127-20-43-41.333-43-84c0-22.667 8.667-42.667 26-60 8-6.667 17.667-11.333 29-14 11.333-2.667 22-4 32-4s23.667.667 41 2 31.333 2 42 2m-80 128c9.333 0 17-4.667 23-14s9-20 9-32c0-30.667-10.667-46-32-46s-32 15.333-32 46c0 12 3 22.667 9 32 6 9.333 13.667 14 23 14m160 0c9.333 0 17.333-4.667 24-14 6.667-9.333 10-20 10-32 0-13.333-3.333-24.333-10-33-6.667-8.667-14.667-13-24-13-21.333 0-32 15.333-32 46 0 12 3 22.667 9 32 6 9.333 13.667 14 23 14M480 0c133.333 0 246.667 46.667 340 140s140 206.667 140 340c0 132-46.667 245-140 339S613.333 960 480 960c-132 0-245-47-339-141S0 612 0 480c0-133.333 47-246.667 141-340S348 0 480 0m44 676c125.333 0 188-61.333 188-184 0-37.333-12.667-70-38-98 2.667-2.667 3-16.333 1-41s-7.667-48.333-17-71c-29.333 4-67.333 21.333-114 52-13.333-4-34.667-6-64-6-26.667 0-48 2-64 6-20-13.333-39.667-24.333-59-33-19.333-8.667-33-14.333-41-17l-14-2c-9.333 22.667-15 46.333-17 71s-1.667 38.333 1 41c-25.333 28-38 60.667-38 98 0 122.667 62.667 184 188 184h88" /></svg>
    743. 

  743.     </a>
    744. 

  744.     </div>
    745. 

  745. </div>
    746. 

  746. <div class="relative flex flex-col md:flex-row justify-between mt-0 md:mt-6 text-gray-600 dark:text-gray-500 md:items-center">
    747. 

  747. <div class="text-center md:text-left mb-6 md:mb-0">
    748. 

  748. <p>本页面模版基于<a href="https://getgrav.org/premium/typhoon/docs">Grav Typhoon</a>制作</p>
    749. 

  749. </div>
    750. 

  750. <div class="max-w-64 mx-auto md:mx-0">
    751. 

  751. <div class="theme-chooser flex items-center rounded-md border border-gray-300 dark:border-gray-600 pl-2 pr-0">
    752. 

  752. <span>
    753. 

  753. <span x-cloak :class="{'inline-block' : appearance === 'system', 'hidden': appearance !== 'system'}">
    754. 

  754. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-device-desktop inline-block w-6 h-6 stroke-current" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    755. 

  755. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    756. 

  756. <rect x="3" y="4" width="18" height="12" rx="1" />
    757. 

  757. <line x1="7" y1="20" x2="17" y2="20" />
    758. 

  758. <line x1="9" y1="16" x2="9" y2="20" />
    759. 

  759. <line x1="15" y1="16" x2="15" y2="20" />
    760. 

  760. </svg>
    761. 

  761. </span>
    762. 

  762. <span x-cloak :class="{'inline-block' : appearance === 'light', 'hidden': appearance !== 'light'}">
    763. 

  763. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-sun inline-block w-6 h-6 stroke-current" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    764. 

  764. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    765. 

  765. <circle cx="12" cy="12" r="4" />
    766. 

  766. <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" />
    767. 

  767. </svg>
    768. 

  768. </span>
    769. 

  769. <span x-cloak :class="{'inline-block' : appearance === 'dark', 'hidden': appearance !== 'dark'}">
    770. 

  770. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-moon inline-block w-6 h-6 stroke-current" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    771. 

  771. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    772. 

  772. <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" />
    773. 

  773. </svg>
    774. 

  774. </span>
    775. 

  775. </span>
    776. 

  776. <select x-model="appearance" @change="typhoonStore({ appearance: $event.target.value });" class="form-select focus:ring-transparent focus:outline-none focus:shadow-none" aria-label="Change color theme">
    777. 

  777. <option value="system" :selected="appearance === 'system'">System</option>
    778. 

  778. <option value="light" :selected="appearance === 'light'">Light</option>
    779. 

  779. <option value="dark" :selected="appearance === 'dark'">Dark</option>
    780. 

  780. </select>
    781. 

  781. </div>
    782. 

  782. </div>
    783. 

  783. </div>
    784. 

  784. </div>
    785. 

  785. </footer>
    786. 

  786. <div :class="{ 'invisible': !show_mobile_nav, 'opacity-100': show_mobile_nav }" class="mobile-nav invisible z-20 overflow-hidden transition duration-500 h-screen w-screen absolute top-0 flex flex-col items-center justify-around absolute opacity-0 bg-gray-800 transition duration-500">
    787. 

  787. <div class="overflow-y-auto w-full py-12 pl-2 pr-12 sm:p-12">
    788. 

  788. <ul class="flex flex-col text-gray-300 text-left w-full">
    789. 

  789. @foreach ($nav as $item)
    790. 

  790. <li x-data="{ selected: true }" class="text-lg pl-2 border-t border-gray-700 py-2 active ">
    791. 

  791. <div class="flex w-full h-full">
    792. 

  792. <a class="w-full transition duration-300 hover:text-primary" href="{{ $item['link'] }}">{{ $item['title'] }}</a>
    793. 

  793. </div> </li>
    794. 

  794. @endforeach
    795. 

  795. </ul>
    796. 

  796. </div>
    797. 

  797. <div class="absolute top-2 right-2">
    798. 

  798. <button @click="show_mobile_nav = false" aria-label="Close button" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-white hover:text-primary focus:outline-none focus:text-gray-800 transition duration-150 ease-in-out">
    799. 

  799. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x inline-block h-8 w-8 text-gray-300 hover:text-white" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
    800. 

  800. <path stroke="none" d="M0 0h24v24H0z" fill="none" />
    801. 

  801. <line x1="18" y1="6" x2="6" y2="18" />
    802. 

  802. <line x1="6" y1="6" x2="18" y2="18" />
    803. 

  803. </svg>
    804. 

  804. </button>
    805. 

  805. </div>
    806. 

  806. </div>
    807. 

  807. </div>
    808. 

  808. <script>
    809. 

  809. window.GravForm = window.GravForm || {};
    810. 

  810.     window.GravForm.config = {
    811. 

  811.         current_url: '/typhoon/onepage',
    812. 

  812.         current_params: [],
    813. 

  813.         param_sep: ':',
    814. 

  814.         base_url_relative: '/typhoon/onepage',
    815. 

  815.         form_nonce: 'a4618725adb330b36829801d1b7a11d2',
    816. 

  816.         session_timeout: 1800
    817. 

  817.     };
    818. 

  818.     window.GravForm.translations = Object.assign({}, window.GravForm.translations || {}, { PLUGIN_FORM: {} });
    819. 

  819. </script>
    820. 

  820. <script src="/assets/typhoon/js/glightbox.min.js"></script>
    821. 

  821. <script src="/assets/typhoon/js/appearance.js"></script>
    822. 

  822. <script>
    823. 

  823. const lightbox = GLightbox({"selector":"[rel=\"lightbox\"], .glightbox","width":"90vw","height":"auto"});
    824. 

  824. </script>
    825. 

  825. 

  826. <script>
    827. 

  827.     let api = "{{ $api }}/auth/current";
    828. 

  828.     const key = "token";
    829. 

  829.     let token = sessionStorage.getItem(key);
    830. 

  830.     if(token){
    831. 

  831.         console.log('api',api);
    832. 

  832.         const response = fetch(
    833. 

  833.             api,
    834. 

  834.             {
    835. 

  835.                 credentials: "include",
    836. 

  836.                 headers: {
    837. 

  837.                     Authorization: 'Bearer ' + token,
    838. 

  838.                     "Content-Type": "application/json; charset=utf-8",
    839. 

  839.                     },
    840. 

  840.                 mode: "cors",
    841. 

  841.                 method: 'GET',
    842. 

  842.             }
    843. 

  843.         ).then((response) => response.json())
    844. 

  844.         .then((json) => {
    845. 

  845.             if(json.ok){
    846. 

  846.                 document.getElementById('nickname').innerHTML = 'Hi! ' + json.data.nickName;
    847. 

  847.             }else{
    848. 

  848.                 document.getElementById("sign_in").style.display = "block";
    849. 

  849.             }
    850. 

  850.             console.log('user',json);
    851. 

  851.         });
    852. 

  852.     }else{
    853. 

  853.         console.error('no token');
    854. 

  854.         document.getElementById("sign_in").style.display = "block";
    855. 

  855. 

  856.     }
    857. 

  857. </script>
    858. 

  858. 

  859. </body>
    860. 

  860. </html>
    861.