index.blade.php 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  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. </script>
  26. <script src="{{ u::getVersionedAsset($assetPathPrefix.'js/tryitout.js') }}"></script>
  27. @endif
  28. </head>
  29. <body data-languages="{{ json_encode($metadata['example_languages'] ?? []) }}">
  30. <a href="#" id="nav-button">
  31. <span>
  32. MENU
  33. <img src="{!! $assetPathPrefix !!}images/navbar.png" alt="navbar-image" />
  34. </span>
  35. </a>
  36. <div class="tocify-wrapper">
  37. @if($metadata['logo'] != false)
  38. <img src="{{ $metadata['logo'] }}" alt="logo" class="logo" style="padding-top: 10px;" width="230px"/>
  39. @endif
  40. @isset($metadata['example_languages'])
  41. <div class="lang-selector">
  42. @foreach($metadata['example_languages'] as $lang)
  43. <a href="#" data-language-name="{{ $lang }}">{{ $lang }}</a>
  44. @endforeach
  45. </div>
  46. @endisset
  47. <div class="search">
  48. <input type="text" class="search" id="input-search" placeholder="Search">
  49. </div>
  50. <ul class="search-results"></ul>
  51. <ul id="toc">
  52. </ul>
  53. @if(isset($metadata['links']))
  54. <ul class="toc-footer" id="toc-footer">
  55. @foreach($metadata['links'] as $link)
  56. <li>{!! $link !!}</li>
  57. @endforeach
  58. </ul>
  59. @endif
  60. <ul class="toc-footer" id="last-updated">
  61. <li>Last updated: {{ $metadata['last_updated'] }}</li>
  62. </ul>
  63. </div>
  64. <div class="page-wrapper">
  65. <div class="dark-box"></div>
  66. <div class="content">
  67. {!! $intro !!}
  68. {!! $auth !!}
  69. @include("scribe::themes.default.groups")
  70. {!! $append !!}
  71. </div>
  72. <div class="dark-box">
  73. @if(isset($metadata['example_languages']))
  74. <div class="lang-selector">
  75. @foreach($metadata['example_languages'] as $lang)
  76. <a href="#" data-language-name="{{$lang}}">{{$lang}}</a>
  77. @endforeach
  78. </div>
  79. @endif
  80. </div>
  81. </div>
  82. @isset($metadata['example_languages'])
  83. <script>
  84. $(function () {
  85. var exampleLanguages = @json($metadata['example_languages']);
  86. setupLanguages(exampleLanguages);
  87. });
  88. </script>
  89. @endisset
  90. </body>
  91. </html>