diff options
| author | syn <isaqtm@gmail.com> | 2020-09-06 13:56:27 +0300 |
|---|---|---|
| committer | syn <isaqtm@gmail.com> | 2020-09-06 13:56:27 +0300 |
| commit | f88e0c79a20f3ad7a49adec2216f4a3460bb103a (patch) | |
| tree | 77624efce9fabdc13e3f183dedae4f634c6eb494 | |
| parent | 9f62bd7040d3fd8887a289838b0fac04b308af5f (diff) | |
| download | iro-f88e0c79a20f3ad7a49adec2216f4a3460bb103a.tar.gz | |
They call it redesign
| -rw-r--r-- | blur.png | bin | 0 -> 918175 bytes | |||
| -rw-r--r-- | index.html | 6 | ||||
| -rw-r--r-- | liosevka.woff | bin | 0 -> 256448 bytes | |||
| -rw-r--r-- | liosevka.woff2 | bin | 0 -> 172924 bytes | |||
| -rw-r--r-- | style.css | 124 |
5 files changed, 46 insertions, 84 deletions
diff --git a/blur.png b/blur.png Binary files differnew file mode 100644 index 0000000..1d02459 --- /dev/null +++ b/blur.png @@ -10,9 +10,9 @@ <link href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap" rel="stylesheet"> </head> <body> - <p class="ip-addr">Hello, ngx_sub_filter_get_ip</p> - <h1>色</h1> - <div> + <div class="ip-addr">ngx_sub_filter_get_ip</div> + <br> + <div id="main"> <ul class="wikicol"><li class="hdr">wiki</li><a href="http://wiki.cs.hse.ru/%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0">home</a></ul> <ul class="progcol"><li class="hdr">prog</li><a href="http://wiki.cs.hse.ru/%D0%90%D0%BB%D0%B3%D0%BE%D1%80%D0%B8%D1%82%D0%BC%D1%8B_%D0%B8_%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D1%8B_%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85_2_2020/2021">wiki</a></ul> diff --git a/liosevka.woff b/liosevka.woff Binary files differnew file mode 100644 index 0000000..3e1b771 --- /dev/null +++ b/liosevka.woff diff --git a/liosevka.woff2 b/liosevka.woff2 Binary files differnew file mode 100644 index 0000000..5778704 --- /dev/null +++ b/liosevka.woff2 @@ -1,71 +1,45 @@ -/* - Spacing -*/ - -div { - --spacing: .25em; +@font-face { + font-family: 'Liosevka'; + src: url('liosevka.woff2') format('woff2'), /* Super Modern Browsers */ + url('liosevka-regular.woff') format('woff'); /* Pretty Modern Browsers */ } - - -/* - Separator -*/ - -/* Content */ - -li:first-child:after { - /*content: '|';*/ - /*content: '\000BB';*/ /* For » arrows */ - content: ''; - border-right: 2px solid; - transition: border-right 50ms; - margin-right: var(--spacing); -} - -/* Hover effects */ - -ul:hover li:first-child:after { - /*font-weight: bolder;*/ - border-right: 4px solid; +html, body { + margin: 0; + height: 100%; } -/* Link separator */ - -div { +#main { --link-separator: '|'; + --text-color: #908090; + --spacing: .25em; + letter-spacing: -1em; + text-align: left; + display: inline-block; + padding-left: 2em; + padding-right: 2em; + padding-top: 30px; } - -/* - Colors -*/ - -/* Background */ - body { - background-color: #141D20; -} - -/* Text */ - -div { - --text-color: #a070a0; -} - -/* Heading */ - -h1 { - color: #6EE2FF; + background-image: url('fullblur-edit.png'); + background-position: center; + background-size: cover; + background-repeat: no-repeat; + font-family: 'Liosevka', monospace; + overflow-x: hidden; + text-align: center; } .ip-addr { - color: #5EC2A3; + background-color: #efbfdf; + color: black; + padding: 10px 20px; + display: inline; } -/* Categories */ - +/* Categories */ ul.wikicol { color: #9ed670; @@ -88,25 +62,19 @@ ul.calccol { } - -/* - Amount of chars in longest category name + 1 -*/ - -li { - width: 8ch; +li:first-child:after { + /*content: '|';*/ + /*content: '\000BB';*/ /* For » arrows */ + content: ''; + border-right: 3px solid; + padding-bottom: 7px; + transition: border-right 500ms; + margin-right: var(--spacing); } - -/* - Actual code -*/ - -body { - font-family: 'Inconsolata', monospace; - margin: 0; - overflow-x: hidden; - text-align: center; +ul:hover li:first-child:after { + /*font-weight: bolder;*/ + border-right: 6px solid; } h1 { @@ -129,9 +97,9 @@ li, a { color: var(--text-color); display: inline-block; position: relative; - font-size: 1.5em; + font-size: 1.2em; letter-spacing: normal; - transition: color 200ms; + transition: color 300ms; } .hdr { @@ -158,6 +126,7 @@ li, h1 { li { margin-right: var(--spacing); + width: 8ch; } a + a:before { @@ -167,11 +136,4 @@ a + a:before { color: var(--text-color); } -div { - letter-spacing: -1em; - text-align: left; - display: inline-block; - padding-left: 2em; - padding-right: 2em; - padding-top: 30px; -} + |
