index.blade.php 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. @php
  2. use Knuckles\Scribe\Tools\WritingUtils as u;
  3. @endphp
  4. <!doctype html>
  5. <html lang="en">
  6. <head>
  7. <meta charset="utf-8">
  8. <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  10. <title>{!! $metadata['title'] !!}</title>
  11. <link href="https://fonts.googleapis.com/css?family=PT+Sans&display=swap" rel="stylesheet">
  12. <link rel="stylesheet" href="{!! $assetPathPrefix !!}css/theme-default.style.css" media="screen">
  13. <link rel="stylesheet" href="{!! $assetPathPrefix !!}css/theme-default.print.css" media="print">
  14. <script src="{{ u::getVersionedAsset($assetPathPrefix.'js/theme-default.js') }}"></script>
  15. <link rel="stylesheet"
  16. href="//unpkg.com/@highlightjs/cdn-assets@10.7.2/styles/obsidian.min.css">
  17. <script src="//unpkg.com/@highlightjs/cdn-assets@10.7.2/highlight.min.js"></script>
  18. <script>hljs.highlightAll();</script>
  19. @if($tryItOut['enabled'] ?? true)
  20. <script src="//cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js"></script>
  21. <script>
  22. var baseUrl = "{{ $tryItOut['base_url'] ?? config('app.url') }}";
  23. var useCsrf = Boolean({{ $tryItOut['use_csrf'] ?? null }});
  24. var csrfUrl = "{{ $tryItOut['csrf_url'] ?? null }}";
  25. var csrfCookieName = "{{ $tryItOut['csrf_cookie_name'] ?? "XSRF-TOKEN" }}";
  26. </script>
  27. <script src="{{ u::getVersionedAsset($assetPathPrefix.'js/tryitout.js') }}"></script>
  28. @endif
  29. </head>
  30. <body data-languages="{{ json_encode($metadata['example_languages'] ?? []) }}">
  31. <a href="#" id="nav-button">
  32. <span>
  33. MENU
  34. <img src="{!! $assetPathPrefix !!}images/navbar.png" alt="navbar-image" />
  35. </span>
  36. </a>
  37. <div class="tocify-wrapper">
  38. @if($metadata['logo'] != false)
  39. <img src="{{ $metadata['logo'] }}" alt="logo" class="logo" style="padding-top: 10px;" width="230px"/>
  40. @endif
  41. @isset($metadata['example_languages'])
  42. <div class="lang-selector">
  43. @foreach($metadata['example_languages'] as $lang)
  44. <a href="#" data-language-name="{{ $lang }}">{{ $lang }}</a>
  45. @endforeach
  46. </div>
  47. @endisset
  48. <div class="search">
  49. <input type="text" class="search" id="input-search" placeholder="Search">
  50. </div>
  51. <ul class="search-results"></ul>
  52. <ul id="toc">
  53. </ul>
  54. @if(isset($metadata['links']))
  55. <ul class="toc-footer" id="toc-footer">
  56. @foreach($metadata['links'] as $link)
  57. <li>{!! $link !!}</li>
  58. @endforeach
  59. </ul>
  60. @endif
  61. <ul class="toc-footer" id="last-updated">
  62. <li>Last updated: {{ $metadata['last_updated'] }}</li>
  63. </ul>
  64. </div>
  65. <div class="page-wrapper">
  66. <div class="dark-box"></div>
  67. <div class="content">
  68. {!! $intro !!}
  69. {!! $auth !!}
  70. @include("scribe::themes.default.groups")
  71. {!! $append !!}
  72. </div>
  73. <div class="dark-box">
  74. @if(isset($metadata['example_languages']))
  75. <div class="lang-selector">
  76. @foreach($metadata['example_languages'] as $lang)
  77. <a href="#" data-language-name="{{$lang}}">{{$lang}}</a>
  78. @endforeach
  79. </div>
  80. @endif
  81. </div>
  82. </div>
  83. @isset($metadata['example_languages'])
  84. <script>
  85. $(function () {
  86. var exampleLanguages = @json($metadata['example_languages']);
  87. setupLanguages(exampleLanguages);
  88. });
  89. </script>
  90. @endisset
  91. </body>
  92. </html>