Revert "Revert "Removed obsolete trailing slashes from void elements""
[GitHub/WoltLab/WCF.git] / wcfsetup / setup / template / header.tpl
1 <!DOCTYPE html>
2 <html dir="{@$__wcf->getLanguage()->getPageDirection()}" lang="{@$__wcf->getLanguage()->getFixedLanguageCode()}">
3 <head>
4 <title>{lang}wcf.global.progressBar{/lang} - {lang}wcf.global.title{/lang}</title>
5
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 <link rel="stylesheet" type="text/css" media="screen" href="{if $lastStep|isset}{@RELATIVE_WCF_DIR}acp/style/setup/{else}install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&amp;showCSS={/if}WCFSetup.css">
9
10 {if !$lastStep|isset}
11 <style type="text/css">
12 /*<![CDATA[*/
13 @font-face {
14 font-family: 'FontAwesome';
15 src: url('install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&showFont=fontawesome-webfont.eot');
16 src: url('install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&showFont=fontawesome-webfont.eot#iefix') format('embedded-opentype'),
17 url('install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&showFont=fontawesome-webfont.ttf') format('truetype');
18 font-weight: normal;
19 font-style: normal;
20 }
21 /*]]>*/
22 </style>
23 {/if}
24 </head>
25
26 <body>
27 <a id="top"></a>
28
29 <div id="pageContainer" class="pageContainer">
30 <div id="pageHeaderContainer" class="pageHeaderContainer">
31 <header id="pageHeader" class="pageHeader">
32 <div>
33 <div class="layoutBoundary">
34 <div id="pageHeaderLogo" class="pageHeaderLogo">
35 <img src="{if $lastStep|isset}{@RELATIVE_WCF_DIR}acp/images/{else}install.php?tmpFilePrefix={@TMP_FILE_PREFIX}&amp;showImage={/if}wcfLogo.png" alt="" style="height: 40px; width: 288px;">
36 </div>
37 </div>
38 </div>
39 </header>
40 </div>
41
42 <section id="main" class="main" role="main">
43 <div class="layoutBoundary">
44 <div id="content" class="content">
45 <header class="contentHeader">
46 <div class="contentHeaderTitle">
47 <h1 class="contentTitle">{lang}wcf.global.title{/lang}</h1>
48 <p class="contentHeaderDescription"><progress id="packageInstallationProgress" value="{@$progress}" max="100" style="width: 300px;" title="{@$progress}%">{@$progress}%</progress></p>
49 </div>
50 </header>