metabox
5 years ago
modal
5 years ago
options
5 years ago
pages
5 years ago
maintenance.php
5 years ago
maintenance.php
71 lines
| 1 | <style type="text/css"> |
| 2 | html, body { |
| 3 | margin: 0 auto; |
| 4 | font-family: 'Roboto', sans-serif; |
| 5 | height: 100%; |
| 6 | background: #eeeef4; |
| 7 | font-weight: 100; |
| 8 | user-select: none; |
| 9 | } |
| 10 | main { |
| 11 | height: 100%; |
| 12 | display: flex; |
| 13 | margin: 0 20px; |
| 14 | text-align: center; |
| 15 | flex-direction: column; |
| 16 | align-items: center; |
| 17 | justify-content: center; |
| 18 | } |
| 19 | main h1 { |
| 20 | font-size: 3em; |
| 21 | font-weight: 100; |
| 22 | color: #f44; |
| 23 | margin: 0; |
| 24 | } |
| 25 | main h2 { |
| 26 | font-size: 1.5em; |
| 27 | font-weight: 100; |
| 28 | margin-bottom: 0; |
| 29 | } |
| 30 | main h3 { |
| 31 | font-size: 1.5em; |
| 32 | font-weight: 100; |
| 33 | margin-top: 0; |
| 34 | } |
| 35 | main a { |
| 36 | font-size: 1.5em; |
| 37 | font-weight: 300; |
| 38 | color: #f44; |
| 39 | text-decoration: none; |
| 40 | } |
| 41 | |
| 42 | </style> |
| 43 | |
| 44 | |
| 45 | <!doctype html> |
| 46 | <html <?php language_attributes(); ?>> |
| 47 | <head> |
| 48 | <meta charset="<?php bloginfo( 'charset' ); ?>"> |
| 49 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0"> |
| 50 | <link rel="profile" href="http://gmpg.org/xfn/11"> |
| 51 | <title><?php echo get_option('blogname'); ?></title> |
| 52 | </head> |
| 53 | |
| 54 | <body> |
| 55 | |
| 56 | <main> |
| 57 | <svg xmlns="http://www.w3.org/2000/svg" width="100" height="70" viewBox="0 0 100 68"> |
| 58 | <g id="large"> |
| 59 | <path fill="none" stroke="#F44" d="M55.8 38.5l6.2-1.2c0-1.8-.1-3.5-.4-5.3l-6.3-.2c-.5-2-1.2-4-2.1-6l4.8-4c-.9-1.6-1.9-3-3-4.4l-5.6 3c-1.3-1.6-3-3-4.7-4.1l2-6A30 30 0 0 0 42 8l-3.3 5.4c-2-.7-4.2-1-6.2-1.2L31.3 6c-1.8 0-3.5.1-5.3.4l-.2 6.3c-2 .5-4 1.2-6 2.1l-4-4.8c-1.6.9-3 1.9-4.4 3l3 5.6c-1.6 1.3-3 3-4.1 4.7l-6-2A32.5 32.5 0 0 0 2 26l5.4 3.3c-.7 2-1 4.2-1.2 6.2L0 36.7c0 1.8.1 3.5.4 5.3l6.3.2c.5 2 1.2 4 2.1 6l-4.8 4c.9 1.6 1.9 3 3 4.4l5.6-3c1.4 1.6 3 3 4.7 4.1l-2 6A30.5 30.5 0 0 0 20 66l3.4-5.4c2 .7 4 1 6.1 1.2l1.2 6.2c1.8 0 3.5-.1 5.3-.4l.2-6.3c2-.5 4-1.2 6-2.1l4 4.8c1.6-.9 3-1.9 4.4-3l-3-5.6c1.6-1.3 3-3 4.1-4.7l6 2A32 32 0 0 0 60 48l-5.4-3.3c.7-2 1-4.2 1.2-6.2zm-13.5 4a12.5 12.5 0 1 1-22.6-11 12.5 12.5 0 0 1 22.6 11z"/> |
| 60 | <animateTransform attributeName="transform" begin="0s" dur="3s" from="0 31 37" repeatCount="indefinite" to="360 31 37" type="rotate"/> |
| 61 | </g> |
| 62 | <g id="small"> |
| 63 | <path fill="none" stroke="#F44" d="M93 19.3l6-3c-.4-1.6-1-3.2-1.7-4.8L90.8 13c-.9-1.4-2-2.7-3.4-3.8l2.1-6.3A21.8 21.8 0 0 0 85 .7l-3.6 5.5c-1.7-.4-3.4-.5-5.1-.3l-3-5.9c-1.6.4-3.2 1-4.7 1.7L70 8c-1.5 1-2.8 2-3.9 3.5L60 9.4a20.6 20.6 0 0 0-2.2 4.6l5.5 3.6a15 15 0 0 0-.3 5.1l-5.9 3c.4 1.6 1 3.2 1.7 4.7L65 29c1 1.5 2.1 2.8 3.5 3.9l-2.1 6.3a21 21 0 0 0 4.5 2.2l3.6-5.6c1.7.4 3.5.5 5.2.3l2.9 5.9c1.6-.4 3.2-1 4.8-1.7L86 34c1.4-1 2.7-2.1 3.8-3.5l6.3 2.1a21.5 21.5 0 0 0 2.2-4.5l-5.6-3.6c.4-1.7.5-3.5.3-5.1zM84.5 24a7 7 0 1 1-12.8-6.2 7 7 0 0 1 12.8 6.2z"/> |
| 64 | <animateTransform attributeName="transform" begin="0s" dur="2s" from="0 78 21" repeatCount="indefinite" to="-360 78 21" type="rotate"/> |
| 65 | </g> |
| 66 | </svg> |
| 67 | <h1>Under Maintenance</h1> |
| 68 | <h2>Sorry for the inconvenience.</h2> |
| 69 | </main> |
| 70 | |
| 71 | </body> |