|
32 | 32 | {%- macro script() %}
|
33 | 33 | <script type="text/javascript">
|
34 | 34 | var DOCUMENTATION_OPTIONS = {
|
35 |
| - URL_ROOT: '{{ url_root }}', |
36 |
| - VERSION: '{{ release|e }}', |
| 35 | + URL_ROOT: '../', |
| 36 | + VERSION: '1.21', |
37 | 37 | COLLAPSE_INDEX: false,
|
38 |
| - FILE_SUFFIX: '{{ '' if no_search_suffix else file_suffix }}', |
39 |
| - HAS_SOURCE: {{ has_source|lower }} |
| 38 | + FILE_SUFFIX: '.html', |
| 39 | + HAS_SOURCE: true |
40 | 40 | };
|
41 | 41 | </script>
|
42 | 42 |
|
43 |
| - <script data-main="{{ pathto('_static/js/slides', 1) }}" |
| 43 | +<script data-main="{{ pathto('_static/js/slides', 1) }}" |
44 | 44 | src="{{ pathto('_static/js/require-1.0.8.min.js', 1) }}"></script>
|
45 | 45 |
|
46 | 46 | {%- for scriptfile in script_files %}
|
|
80 | 80 | {{ metatags }}
|
81 | 81 | <meta http-equiv="X-UA-Compatible" content="chrome=1">
|
82 | 82 | <!-- comment -->
|
83 |
| - <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">--> |
84 |
| - <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 83 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> |
| 84 | + <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">--> |
85 | 85 | <!--This one seems to work all the time, but really small on ipad-->
|
86 | 86 | <!--<meta name="viewport" content="initial-scale=0.4">-->
|
87 | 87 | <!-- end comment -->
|
|
128 | 128 | <link rel="prev" title="{{ prev.title|striptags|e }}" href="{{ prev.link|e }}" />
|
129 | 129 | {%- endif %}
|
130 | 130 | {%- endblock %}
|
131 |
| -{%- block extrahead %} {% endblock %} |
| 131 | +{%- block extrahead %} |
| 132 | +<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet"> |
| 133 | +<link href='https://fonts.googleapis.com/css?family=Work+Sans&display=swap' rel='stylesheet'> |
| 134 | +{% endblock %} |
132 | 135 | </head>
|
133 | 136 | <body style="opacity: 0">
|
134 |
| - |
135 |
| -<slides class="layout-widescreen"> |
| 137 | + <div class="wrapper" id="wrapper"> |
| 138 | +<slides class="layout-widescreen" id="slides"> |
136 | 139 |
|
137 | 140 | <!-- {% include "title_slide.html" %} -->
|
138 | 141 |
|
|
143 | 146 | <slide class="backdrop"></slide>
|
144 | 147 |
|
145 | 148 | </slides>
|
| 149 | +</div> |
| 150 | + |
146 | 151 |
|
147 | 152 | <!--[if IE]>
|
148 | 153 | <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
|
149 | 154 | <script>CFInstall.check({mode: 'overlay'});</script>
|
150 | 155 | <![endif]-->
|
| 156 | +<script type="text/javascript"> |
| 157 | + |
| 158 | +//assigns font-size when document is ready |
| 159 | +document.onreadystatechange = () => { |
| 160 | + if (document.readyState === 'complete') { |
| 161 | + var wrapperHeight = document.getElementById('slides').clientHeight; |
| 162 | + var relativeFontSize = wrapperHeight / 45 + 'px'; //change integer to set desired font size |
| 163 | + document.getElementById("slides").style.fontSize = relativeFontSize; |
| 164 | + } |
| 165 | +}; |
| 166 | +//then on window resize |
| 167 | +window.onresize = function(event) { |
| 168 | + var wrapperHeight = document.getElementById('slides').clientHeight; |
| 169 | + var relativeFontSize = wrapperHeight / 45 + 'px'; //change integer to set for desired font size |
| 170 | + document.getElementById("slides").style.fontSize = relativeFontSize; |
| 171 | +}; |
| 172 | +</script> |
| 173 | + |
151 | 174 | </body>
|
152 | 175 | </html>
|
0 commit comments