|
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