Анализ сайта altcph.dk
Основное Готовность: 100%
Домен
altcph.dk
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Цепочка редиректов:
http://altcph.dk
301 MovedPermanently
https://klokken.net/blog/altcph-tegner-nuets-kobenhavn
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 08.09.2026 12:32:20.
Включён HSTS (Strict-Transport-Security) — защита от подмены на http.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
UTF-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице UTF-8.
Язык
da
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: da.
Скорость загрузки
~1,71сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 1,71сек превышает 1 секунду. Желательно улучшить работу сайта!
Объем документа
92Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 92Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 6
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 6 достаточно.
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css | |
| stylesheet | https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css | |
| stylesheet | /static/css/styles.css | |
| js | //static.getclicky.com/js | |
| js | https://code.jquery.com/jquery-3.7.1.min.js | |
| js | https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js |
Серверные заголовки
Кол-во: 22
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 22шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Sat, 22 Aug 2026 02:42:07 GMT |
| Vary | Accept-Encoding |
| Server | BunnyCDN-SG1-868 |
| cdn-pullzone | 4553741 |
| cdn-requestcountrycode | RU |
| Cache-Control | public, max-age=60, s-maxage=300, stale-while-revalidate=3600 |
| Strict-Transport-Security | max-age=31536000; includeSubDomains; preload |
| X-Content-Type-Options | nosniff |
| Referrer-Policy | strict-origin-when-cross-origin |
| permissions-policy | geolocation=(), microphone=(), camera=(), payment=() |
| Content-Security-Policy | frame-ancestors 'self' https://klokken.net; |
| x-cache-status | HIT |
| x-debug-cache-key | httpsGETklokken.net/blog/altcph-tegner-nuets-kobenhavn |
| cdn-proxyver | 1.62 |
| cdn-requestpullcode | 200 |
| cdn-requestpullsuccess | True |
| cdn-edgestorageid | 868 |
| cdn-cachedat | 08/22/2026 02:42:07 |
| cdn-status | 200 |
| cdn-requesttime | 0 |
| cdn-requestid | 47f7cb3a0e64f3e3063bb1c619c4fa3c |
| cdn-cache | EXPIRED |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
BunnyCDN-SG1-868
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
В заголовке Server указано: BunnyCDN-SG1-868.
Мета-теги Готовность: 23%
Title
ALTCPH tegner nuets København | Klokken.net
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Дублей словоформ в title не найдено.
Число символов в title 43 оптимально (норма: от 40 до 45).
Description
ALTCPH spejler nuets København med performance, lys og fællesskab i nu
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо увеличить число символов в description (текущее значение мало: 70, минимум: 80, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
https://klokken.net/blog/altcph-tegner-nuets-kobenhavn
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Канонический Url прописан корректно.
Robots
index, follow
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots со значениями index, follow не накладывает ограничений на индексирование и показ контента.
Адаптивность
width=device-width, initial-scale=1
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 11
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:type | website |
| og:site_name | Klokken.net |
| og:title | ALTCPH tegner nuets København |
| og:description | ALTCPH spejler nuets København med performance, lys og fællesskab i nu |
| og:url | https://klokken.net/blog/altcph-tegner-nuets-kobenhavn |
| og:image | https://klokken.net/static/android-chrome-512x512.png |
| og:image:width | 1200 |
| og:image:height | 630 |
| og:image:type | image/png |
| og:image:alt | ALTCPH tegner nuets København |
| og:locale | da |
Все мета-теги
Кол-во: 26
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 26шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1 |
| name | msapplication-TileImage | /static/mstile-144x144.png |
| name | description | ALTCPH spejler nuets København med performance, lys og fællesskab i nu |
| name | robots | index, follow |
| name | twitter:card | summary_large_image |
| name | twitter:title | ALTCPH tegner nuets København |
| name | twitter:description | ALTCPH spejler nuets København med performance, lys og fællesskab i nu |
| name | twitter:image | https://klokken.net/static/android-chrome-512x512.png |
| name | twitter:image:alt | ALTCPH tegner nuets København |
| name | twitter:domain | klokken.net |
| name | twitter:label1 | Language |
| name | twitter:data1 | da |
| name | theme-color | #0f172a |
| name | apple-mobile-web-app-capable | yes |
| name | apple-mobile-web-app-status-bar-style | black-translucent |
| property | og:type | website |
| property | og:site_name | Klokken.net |
| property | og:title | ALTCPH tegner nuets København |
| property | og:description | ALTCPH spejler nuets København med performance, lys og fællesskab i nu |
| property | og:url | https://klokken.net/blog/altcph-tegner-nuets-kobenhavn |
| property | og:image | https://klokken.net/static/android-chrome-512x512.png |
| property | og:image:width | 1200 |
| property | og:image:height | 630 |
| property | og:image:type | image/png |
| property | og:image:alt | ALTCPH tegner nuets København |
| property | og:locale | da |
Оптимизация Готовность: 80%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют по одному на документ).
Контент
Ошибок нет
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 6 встречаются в тексте достаточно.
Абзацев с текстом 20 достаточно.
Среднее число слов в абзаце 38 достаточно.
Кол-во знаков контента 7253 на странице оптимально.
Кол-во слов 1192 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 1. Это прекрасно.
На странице присутствуют заголовки <h2> 8. Это хорошо.
Тошнота
4,36
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 3. Измените текст страницы!
Академич. тошнота
18,79%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота превышает норму 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| altcph | 19 | 1,59% |
| københavn | 14 | 1,17% |
| publikum | 8 | 0,67% |
| tidszoner | 7 | 0,59% |
| helligdage | 7 | 0,59% |
| performance | 7 | 0,59% |
| klokken | 5 | 0,42% |
| værker | 5 | 0,42% |
| levende | 5 | 0,42% |
| gratis | 5 | 0,42% |
| offentlige | 4 | 0,34% |
| oplysninger | 4 | 0,34% |
| tegner | 4 | 0,34% |
| widget | 4 | 0,34% |
| luftkvalitet | 3 | 0,25% |
| stopur | 3 | 0,25% |
| kalender | 3 | 0,25% |
| spejler | 3 | 0,25% |
| fællesskab | 3 | 0,25% |
| alternative | 3 | 0,25% |
Индексация Готовность: 30%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 133 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 94288 байт. Загружен за: 1сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://altcph.dk/robots.txt
301 MovedPermanently
https://klokken.net/blog/altcph-tegner-nuets-kobenhavn
200 OK
Показать содержимое robots.txt
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"><title>ALTCPH tegner nuets København | Klokken.net</title>
<!-- Expose locale to client JS so toLocaleDateString / toLocaleTimeString use it -->
<script>
window._jsLocale = "da";
var _jsLocale = window._jsLocale;
</script>
<script>document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/, 'js');</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://klokken.net/blog/altcph-tegner-nuets-kobenhavn"
},
"headline": "ALTCPH tegner nuets K\u00f8benhavn",
"description": "ALTCPH spejler nuets K\u00f8benhavn med performance, lys og f\u00e6llesskab i nu",
"image": {
"@type": "ImageObject",
"url": "https://klokken.net/static/android-chrome-512x512.png"
},
"datePublished": "2025-09-30T11:39:50.627Z",
"dateModified": "2025-09-30T11:39:50.500Z",
"author": {
"@type": "Organization",
"name": "Klokken.net"
},
"publisher": {
"@type": "Organization",
"name": "Klokken.net",
"url": "https://klokken.net/",
"logo": {
"@type": "ImageObject",
"url": "https://klokken.net/static/android-chrome-192x192.png"
}
}
}
</script>
<!-- Stay22 affiliate widget (all domains) -->
<script>
(function (s, t, a, y, twenty, two) {
s.Stay22 = s.Stay22 || {};
s.Stay22.params = { lmaID: '6a5001eb7792f9236792839f' };
twenty = t.createElement(a);
two = t.getElementsByTagName(a)[0];
twenty.async = 1;
twenty.src = y;
two.parentNode.insertBefore(twenty, two);
})(window, document, 'script', 'https://scripts.stay22.com/letmeallez.js');
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Klokken.net",
"url": "https://klokken.net/",
"logo": "https://klokken.net/static/android-chrome-512x512.png"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Klokken.net",
"url": "https://klokken.net/",
"potentialAction": {
"@type": "SearchAction",
"target": {
"@type": "EntryPoint",
"urlTemplate": "https://klokken.net/soeg?q={search_term_string}"
},
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://klokken.net/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Blog",
"item": "https://klokken.net/blog/"
},
{
"@type": "ListItem",
"position": 3,
"name": "ALTCPH tegner nuets K\u00f8benhavn",
"item": "https://klokken.net/blog/altcph-tegner-nuets-kobenhavn"
}
]
}
</script>
<link rel="apple-touch-icon" sizes="57x57" href="/static/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/static/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/static/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/static/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/static/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/static/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/static/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/static/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="/static/apple-touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="1024x1024" href="/static/apple-touch-icon-1024x1024.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/static/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="64x64" href="/static/favicon-64x64.png">
<link rel="icon" type="image/png" sizes="128x128" href="/static/favicon-128x128.png">
<link rel="icon" type="image/png" sizes="256x256" href="/static/favicon-256x256.png">
<link rel="manifest" href="/static/site.webmanifest">
<meta name="msapplication-TileImage" content="/static/mstile-144x144.png">
<!-- Meta Description -->
<meta name="description" content="ALTCPH spejler nuets København med performance, lys og fællesskab i nu">
<!-- Robots Tag (defaults to 'index, follow') -->
<meta name="robots" content="index, follow">
<!-- Canonical URL (single source of truth — child templates must NOT emit their own) -->
<link rel="canonical" href="https://klokken.net/blog/altcph-tegner-nuets-kobenhavn">
<!-- Open Graph defaults (per-page templates may override via the `social_meta` block) --><meta property="og:type" content="website">
<meta property="og:site_name" content="Klokken.net">
<meta property="og:title" content="ALTCPH tegner nuets København">
<meta property="og:description" content="ALTCPH spejler nuets København med performance, lys og fællesskab i nu">
<meta property="og:url" content="https://klokken.net/blog/altcph-tegner-nuets-kobenhavn">
<meta property="og:image" content="https://klokken.net/static/android-chrome-512x512.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/png">
<meta property="og:image:alt" content="ALTCPH tegner nuets København">
<meta property="og:locale" content="da">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ALTCPH tegner nuets København">
<meta name="twitter:description" content="ALTCPH spejler nuets København med performance, lys og fællesskab i nu">
<meta name="twitter:image" content="https://klokken.net/static/android-chrome-512x512.png">
<meta name="twitter:image:alt" content="ALTCPH tegner nuets København">
<meta name="twitter:domain" content="klokken.net">
<meta name="twitter:label1" content="Language">
<meta name="twitter:data1" content="da">
<!-- Mobile / PWA polish -->
<meta name="theme-color" content="#0f172a">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Preconnect to the CDNs every page pulls CSS/JS from (cuts DNS+TLS off the critical path) -->
<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
<link rel="preconnect" href="https://code.jquery.com" crossorigin>
<!-- Font Awesome (preloaded so it doesn't block initial paint) --><link rel="preload" as="style" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"></noscript>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/static/css/styles.css">
<script async data-id="101460798" src="//static.getclicky.com/js"></script>
<style>
.hidden-main {
display: none;
}
/* Ensure body and html take up the full height of the page */
html, body {
height: 100%;
margin: 0;
}
body {
max-width: 1100px;
padding: 0px !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: column !important;
}
main {
flex-grow: 1;
}
a {
color: #007bff; /* Your standard link color */
text-decoration: none; /* Example: if you remove underlines by default */
}
a:visited {
color: #007bff; /* Same as unvisited */
}
a:hover {
color: #0056b3; /* Optional: different hover color */
text-decoration: none; /* Optional: underline on hover */
}
.container-fluid {
padding-right: 0px !important;
padding-left: 0px !important;
}
.navbar {
width: 100%;
padding-bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff !important;
border-bottom: 1px solid #ddd;
padding: 5px 0 0 5px !important;
}
/* Style for the burger menu icon with equal margins */
.navbar-toggler {
margin: 5px;
}
.nav-tabs {
border-bottom: none;
margin-bottom: 0;
}
.nav-tabs .nav-link {
background: linear-gradient(to bottom, #f8f9fa, white);
border: 1px solid #ddd;
border-bottom: none;
margin-right: 2px;
border-radius: 0.25rem 0.25rem 0 0;
padding: 8px 16px;
color: #555;
}
.nav-tabs .nav-link.active {
background-color: #007bff;
border-color: #007bff #007bff #fff;
color: white;
}
.nav-tabs .nav-link:hover {
background-color: #e9ecef;
}
.navbar .navbar-brand {
color: inherit;
}
footer {
max-width: 1100px;
margin: 0 auto;
text-align: left;
width: 100%;
border-top: 1px solid #ddd;
padding-top: 10px;
clear: both;
}
.abovefooter {
max-width: 1100px;
margin: 0 auto;
text-align: left;
width: 100%;
border-top: 1px solid #ddd;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
}
.abovefooter {
/* Your existing styles for abovefooter */
line-height: 1.6; /* Improves readability if links wrap */
}
.abovefooter a {
/* Optional: if you want specific styling for these links */
/* color: blue; */
text-decoration: none; /* Or your preferred link style */
margin-right: 0px; /* Tiny space before the separator starts */
}
.abovefooter a:hover {
text-decoration: underline;
}
.city-separator {
color: #666; /* Color of the dot, adjust as needed */
/* You can add more padding/margin here if isn't enough */
/* For example:
padding-left: 5px;
padding-right: 5px;
*/
margin-left: 2px; /* Tiny space after the previous link */
}
/* Mobile view styling */
@media (max-width: 992px) {
/* Stack the nav items vertically when in mobile view */
.nav-tabs .nav-item {
width: 100%;
}
.nav-tabs .nav-link {
display: block;
width: 100%;
text-align: left;
padding: 10px 16px;
border-radius: 0;
border: 1px solid #ddd !important;
margin-bottom: 2px;
}
}
</style>
<style>
/* General container styling */
#main-calculator-container {
display: flex;
}
/* Content sections for inputs and results */
.content-half {
flex: 1 1 350px;
max-width: 350px;
}
/* General container styling */
/* General container styling */
#popular-section {
background-color: beige;
border: 1px solid darkgoldenrod;
padding: 20px;
margin-top: 20px;
border-radius: 0px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Slight shadow */
flex-basis: 350px; /* Fixed width */
flex-grow: 0; /* Prevent it from growing larger */
flex-shrink: 0; /* Prevent it from shrinking */
height: auto; /* Ensure height adjusts based on content */
margin-left: 10px; Optional: Add spacing between sections */
}
/* Remove margin-left for mobile screens */
@media (max-width: 768px) {
#main-calculator-container {
flex-direction: column;
align-items: center;
}
#popular-section {
margin-left: 0; /* Remove left margin */
width: 100%; /* Full width for mobile */
}
}
/* Tooltip styling remains unchanged */
.tooltip-container {
position: relative;
display: inline-block;
cursor: pointer;
text-decoration: underline dotted grey;
text-underline-offset: 2px; /* Adjust the space between text and the underline */
}
.tooltip-container .tooltip-text {
visibility: hidden;
width: 200px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 5px;
padding: 5px 10px;
position: absolute;
z-index: 1;
bottom: 100%; /* Position above the text */
left: 50%;
margin-left: -100px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip-container:hover .tooltip-text {
visibility: visible;
opacity: 1;
}
div.container {
padding: 0;
}
span.day-display {
/* Here is the color you wanted */
color: rgb(108, 117, 125) !important;
margin-right: 6px !important;
}
</style>
<style>
/* Styles for the print button and date */
.header-anchor-links-left {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 3px; /* Optional: Add spacing below */
}
.header-anchor-links-left button {
flex: none !important;
width: auto !important;
background: none;
border: none;
color: inherit;
font: inherit;
text-decoration: none;
cursor: pointer;
padding: 0;
margin: 0;
display: inline-flex; /* Align icon and text horizontally */
align-items: center;
}
.header-anchor-links-left button:hover {
text-decoration: underline;
}
.header-anchor-links-left .print-date {
font-size: 14px;
color: #555; /* Optional: Different color for date */
}
/* Styles for Cite, Link, Share buttons */
.header-anchor-links-right {
display: flex;
align-items: center;
gap: 10px;
}
.header-anchor-links-right button {
flex: none !important;
width: auto !important;
background: none;
border: none;
color: inherit;
font: inherit;
text-decoration: none;
cursor: pointer;
padding: 0;
margin: 0;
display: inline-flex;
align-items: center;
}
.header-anchor-links-right button:hover {
text-decoration: underline;
}
.header-anchor-links-right | {
color: #ccc; /* Color for pipe separators */
}
/* Remove button styles and make them look like links */
.header-anchor-links button {
background: none !important; /* No background */
border: none !important; /* Remove border */
color: inherit !important; /* Use the color of the surrounding text */
font: inherit !important; /* Inherit the font from the parent element */
text-decoration: none !important; /* Remove any text decoration */
cursor: pointer !important; /* Show pointer cursor to indicate clickable element */
padding: 0 !important; /* Remove any padding */
margin: 0 !important; /* Remove any margin */
display: inline !important; /* Ensure they are inline with text */
}
/* Optional: Styling to add hover effect like links */
.header-anchor-links button:hover {
text-decoration: underline !important; /* Underline on hover to resemble links */
}
.header-hidden {
display: none !important;
}
/* Info Layer Styling */
#citeLayer {
background-color: #f8f9fa; /* Light gray background */
border: 1px solid #ccc; /* Light border */
padding: 10px; /* Add some padding */
margin-top: 10px; /* Space below the link */
border-radius: 5px; /* Rounded corners */
position: relative; /* Ensure it appears below the clicked link */
/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for better visibility */
transition: background-color 0.3s ease;
}
/* Hide the 'X' icon when the layer is closed */
#citeLayer.hidden {
display: none;
}
.info-layer p {
margin: 0; /* Remove default margins */
}
.info-layer button {
margin-top: 5px; /* Space between text and button */
background-color: #007bff; /* Blue button */
color: white; /* White text */
border: none; /* No border */
padding: 5px 10px; /* Button padding */
border-radius: 3px; /* Rounded corners */
cursor: pointer; /* Pointer cursor */
}
.info-layer button:hover {
background-color: #0056b3; /* Darker blue on hover */
}
.grey-divider {
border: 1px solid #dddddd !important; /* Add a grey top border */
width: 100%; /* Ensure it spans the full width */
margin: 20px 0; /* Optional: Add vertical spacing */
}
/* Ensure links are inline */
.header-anchor-links {
display: flex !important; /* Use flexbox for layout */
gap: 10px !important; /* Add spacing between items */
}
.header-anchor-links a {
text-decoration: none !important; /* Remove underlines */
color: inherit !important; /* Use the parent color */
font-size: 16px !important; /* Adjust font size */
}
.header-anchor-links a:hover {
text-decoration: underline !important; /* Optional: Add underline on hover */
}
/* Cite Button Styling */
.cite-button {
margin-bottom: 10px;
}
.cite-button a {
display: inline-flex;
align-items: center;
background-color: #f8f9fa;
padding: 8px 12px;
border-radius: 5px;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: background-color 0.2s ease;
}
.cite-button a:hover {
background-color: #e9ecef;
text-decoration: none;
}
/* Close button (X) */
.close-btn {
position: absolute;
top: 5px;
right: 8px;
cursor: pointer;
font-size: 12px;
color: #cccccc;
}
/* Styling for the copy button */
#copyButton {
display: block;
background-color: #808080; /* Default grey color */
border: none;
padding: 5px 10px;
cursor: pointer;
font-weight: bold;
border-radius: 5px;
transition: background-color 0.3s ease, color 0.3s ease;
margin-left: 0px;
}
/* When the copy button text changes to 'COPIED' */
#copyButton.copied {
background-color: #d3d3d3; /* Darker grey when clicked */
color: #fff;
}
#copyButton.hidden {
display: none !important;
}
@media (max-width: 480px) {
.last-updated {
display: none;
}
}
/* General styles for the themes list */
.themes-list {
font-family: Arial, sans-serif;
margin: 0px;
line-height: 1.4; /* Adjusted for readability */
}
/* Theme section container */
.theme-section {
margin-bottom: 0px; /* Spacing between themes */
}
/* H2 for theme titles */
.theme-section h2 {
font-size: 1.5rem; /* Slightly larger font for H2 */
font-weight: bold;
margin: 0px 0; /* Spacing above and below */
}
/* H3 for categories */
.theme-section h3 {
font-size: 1.2rem; /* Smaller than H2 */
font-weight: normal;
margin: 0; /* No additional margin */
display: inline-block; /* Ensures inline display for categories */
}
/* Links inside H2 and H3 */
.theme-section h2 a,
.theme-section h3 a {
text-decoration: none; /* Remove underline */
}
.theme-section h2 a:hover,
.theme-section h3 a:hover {
text-decoration: underline; /* Add underline on hover for accessibility */
}
/* Hidden-main class styling */
.hidden-main {
font-size: 0.9rem; /* Slightly smaller for the extra text */
color: #777; /* Muted text color */
font-weight: normal;
}
/* TWO COLUMN IN CATEGORY */
.calculators-two-col {
margin-bottom: 0.5rem;
}
.calculators-two-col ul {
/* Enable bullet points */
list-style-type: disc;
/* Provide space for bullets */
margin: 0;
/* Single column by default (mobile) */
column-count: 1;
column-gap: 1rem;
}
.calculators-two-col ul li {
}
/* For desktop screens */
@media (min-width: 768px) {
.calculators-two-col ul {
column-count: 2; /* Switch to two columns on larger screens */
}
}
/* --- START: Add/Modify these styles for Search --- */
/* Style for the full-width search bar below the nav */
#full-width-search-bar {
/* Visible by default on larger screens, hidden on mobile via media query */
padding: 15px 10px;
background: linear-gradient(to bottom, white, #f8f9fa);
border-bottom: 1px solid #ddd;
margin-bottom: 0px; /* Optional spacing below search bar */
}
#full-width-search-bar .input-group .btn {
flex-shrink: 0; /* Prevent button shrinking */
}
/* Container for mobile search in dropdown */
.mobile-search-container {
display: none; /* Hidden by default, shown on mobile via media query */
padding: 10px 15px; /* Spacing within the dropdown */
}
.mobile-search-container input {
width: 100%;
padding: 8px 12px;
border: 1px solid #ccc;
border-radius: 0.25rem;
}
@media (max-width: 991.98px) {
/* --- Fixed Mobile Navbar Base --- */
.navbar.fixed-top-mobile {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
z-index: 1030 !important;
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
display: flex !important; /* Ensure flex */
flex-wrap: wrap !important; /* CRITICAL: Allows .navbar-collapse to drop to the next line */
align-items: flex-start; /* Align items to the start of the cross axis */
}
/* --- Container for Header Items (Logo, Search, Toggler) --- */
.navbar.fixed-top-mobile .container-fluid {
display: flex !important;
align-items: center !important;
width: 100% !important; /* Ensure it spans the full width of the navbar line */
padding-left: 0 !important;
padding-right: 0 !important;
/* No flex-basis needed here if parent allows wrap and next sibling forces new line */
}
/* --- Logo, Search, Toggler styles from previous step (mostly fine) --- */
.navbar.fixed-top-mobile .navbar-brand {
margin-right: 0.5rem;
flex-shrink: 0;
}
.navbar.fixed-top-mobile .mobile-header-search-form {
min-width: 100px;
}
.navbar.fixed-top-mobile .navbar-toggler {
flex-shrink: 0;
margin-left: auto; /* Push toggler to the right if search doesn't fill all space */
}
/* --- Collapsible Menu Container (#themeMenu) --- */
#themeMenu.navbar-collapse.collapse.show, /* When shown */
#themeMenu.navbar-collapse.collapsing { /* During transition */
flex-basis: 100% !important; /* CRITICAL: Forces it to take a new line */
width: 100% !important; /* Explicitly set to full width of the parent navbar */
background-color: #ffffff; /* Set a solid background color (e.g., white or light grey) */
border-top: 1px solid #dee2e6; /* Optional: separator line from header */
/* Remove any horizontal margins that might be pushing it */
margin-left: 0 !important;
margin-right: 0 !important;
}
/* --- UL inside the collapsible menu --- */
#themeMenu ul.nav-tabs {
margin-left: 0 !important; /* Override .ms-auto */
margin-right: 0 !important;
width: 100% !important; /* Make the UL take full width of #themeMenu */
flex-direction: column !important; /* Stack items vertically */
padding-left: 0; /* Remove default ul padding */
list-style: none; /* Remove default ul list style */
}
/* --- List Items and Links in Collapsed Menu --- */
#themeMenu .nav-tabs .nav-item {
width: 100%;
margin-right: 0; /* Remove any right margin from desktop tab layout */
}
#themeMenu .nav-tabs .nav-link {
display: block;
width: 100%;
text-align: left;
padding: 10px 16px;
border-radius: 0;
border: 1px solid #ddd !important;
margin-bottom: 2px;
}
#themeMenu .nav-tabs .nav-link:hover {
background-color: #f8f9fa; /* Slight hover effect */
}
#themeMenu .nav-tabs .nav-link.active {
background-color: #007bff;
border-color: #007bff #007bff #fff;
color: white;
}
#themeMenu .nav-tabs .nav-item:last-child .nav-link {
border-bottom: none; /* Remove border from the very last item */
}
/* --- Body Padding for Fixed Mobile Navbar --- */
body {
/* Adjust this value based on the actual height of your *first row* of .fixed-top-mobile navbar.
Inspect its height in developer tools. */
padding-top: 52px !important; /* STARTING ESTIMATE, PLEASE ADJUST */
}
/* Ensure desktop search bar is hidden on mobile */
#full-width-search-bar {
display: none !important;
}
}
@media (max-width: 991.98px) {
/* --- 1. Main Fixed Navbar Container --- */
.navbar.fixed-top-mobile {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1030 !important;
background-color: #ffffff !important; /* Solid background for the navbar */
display: flex !important;
flex-direction: column !important; /* CRITICAL: Stack direct children vertically */
align-items: stretch !important; /* Make direct children take full width */
/* Overall padding for the entire fixed block (top/bottom, left/right) */
padding: 0px !important; /* Example: 0.5rem is often 8px. Adjust as needed. */
}
/* --- 2. Header Row (Logo, Search, Toggler) --- */
/* This is the FIRST direct child of .navbar.fixed-top-mobile */
.navbar.fixed-top-mobile > .container-fluid {
display: flex !important;
align-items: center !important;
width: 100% !important; /* Take full width of parent's content box */
padding: 0 !important; /* This row has no internal padding; uses parent's */
/* order: 1; (default) */
}
/* --- Logo, Mobile Search, Toggler (within the .container-fluid header row) --- */
.navbar.fixed-top-mobile .navbar-brand {
margin-right: 8px !important; /* Space after logo */
flex-shrink: 0;
margin-left: 8px;
font-size: 1rem !important;
}
.navbar.fixed-top-mobile .mobile-header-search-form {
flex-grow: 1; /* Allow search to take available space */
margin-right: 8px !important; /* Space before toggler */
}
.navbar.fixed-top-mobile .mobile-header-search-form .form-control-sm {
height: calc(1.5em + .5rem + 2px); /* Standard BS small input height */
}
.navbar.fixed-top-mobile .navbar-toggler {
flex-shrink: 0;
margin-left: 0 !important; /* Remove auto margin */
padding: .20rem .20rem !important; /* Bootstrap default, adjust if needed */
}
.navbar.fixed-top-mobile .navbar-toggler .navbar-toggler-icon {
width: 1.2em !important; /* Smaller icon width. Default is 1.5em. */
height: 1.2em !important; /* Smaller icon height. Default is 1.5em. */
}
/* --- 3. Collapsible Menu (#themeMenu) --- */
/* This is the SECOND direct child of .navbar.fixed-top-mobile */
/* Styles for the #themeMenu div itself, determines its place in the flex column */
#themeMenu.navbar-collapse {
width: 100% !important; /* Must take full width to occupy its own "row" in the column */
/* order: 2; (default) */
}
/* Styles when menu is OPEN (.show) or OPENING (.collapsing) */
#themeMenu.navbar-collapse.show,
#themeMenu.navbar-collapse.collapsing {
display: block !important; /* Crucial: render as a block to take up space */
background-color: #ffffff !important; /* Background for the menu dropdown area */
border-top: 1px solid #dee2e6 !important; /* Separator line above menu items */
/* Padding INSIDE the menu box, around the UL */
padding-top: 8px !important;
padding-bottom: 8px !important;
padding-left: 8px !important; /* Let nav-links handle their own horizontal padding */
padding-right: 8px !important;
}
/* Ensure it's hidden properly and doesn't take up space when not .show */
#themeMenu.navbar-collapse:not(.show):not(.collapsing) {
display: none !important;
margin-top: 0 !important;
}
/* --- Menu Items (UL, LI, A) inside #themeMenu --- */
#themeMenu ul.nav-tabs {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
display: flex !important;
flex-direction: column !important;
}
#themeMenu .nav-tabs .nav-item {
width: 100% !important;
}
#themeMenu .nav-tabs .nav-link {
display: block !important;
width: 100% !important;
padding: 10px 16px !important; /* Example padding for touch targets (0.75rem 1rem) */
text-decoration: none !important;
color: #212529 !important;
background-color: transparent !important;
border: 1px solid #dee2e6 !important; /* Remove individual borders */
border-bottom: 1px solid #dee2e6 !important; /* Separator line BETWEEN items */
border-radius: 0 !important;
}
#themeMenu .nav-tabs .nav-link:hover {
background-color: #f8f9fa !important;
color: #0056b3 !important;
}
#themeMenu .nav-tabs .nav-link.active {
background-color: #007bff !important;
color: white !important;
border-bottom-color: #007bff !important;
}
#themeMenu .nav-tabs .nav-item:last-child .nav-link {
border-bottom: 1px solid #dee2e6 !important;
}
/* --- Body Padding for Fixed Header --- */
body {
/*
This MUST be the height of the .navbar.fixed-top-mobile when the menu is CLOSED.
Calculation:
(.navbar.fixed-top-mobile's top padding) +
(height of .navbar.fixed-top-mobile > .container-fluid) +
(.navbar.fixed-top-mobile's bottom padding)
Example using 8px padding: 8px (top nav pad) + ~38px (header row height) + 8px (bottom nav pad) = ~54px.
INSPECT the height of `.navbar.fixed-top-mobile` (when menu is closed) in dev tools and set this value.
*/
padding-top: 44px !important; /* !!! ADJUST THIS VALUE AFTER INSPECTING !!! */
}
/* Hide Desktop Search Bar on mobile */
#full-width-search-bar {
display: none !important;
}
}
/* @media (max-width: 420px) {
.mobile-header-search-form {
flex: 0 1 auto;
width: auto;
max-width:160px;
min-width: 0;
box-sizing: border-box;
}
}*/
.mobile-search-container .input-group .btn.btn-outline-secondary {
border-color: #ced4da !important; /* Match default form-control border color. Use !important to be sure. */
}
/* Optional: Keep border color consistent on hover too */
/* If you want the border to stay light grey even when hovering over the button */
/* Remove this block if you prefer the button border to darken on hover */
.mobile-search-container .input-group .btn.btn-outline-secondary:hover {
border-color: #ced4da !important;
/* Keep default hover background/text for visual feedback */
color: #fff;
background-color: #6c757d;
}
/*
By default (mobile-first), the text is visible.
We don't need a `max-width` rule because `<span>` is inline by default.
*/
.nav-text-mobile-only {
display: inline;
}
/*
On larger screens (desktop view), hide the text part.
This breakpoint MUST match your Bootstrap navbar collapse point (lg = 992px).
*/
@media (min-width: 992px) {
.nav-text-mobile-only {
display: none;
}
.navbar.fixed-top-mobile {
position: static !important; /* Back to normal flow */
flex-direction: row !important; /* Navbar items in a row */
align-items: center !important; /* Align items in the center of the row */
padding: 5px 0 0 5px !important; /* Your original desktop padding */
/* background-color: transparent !important; /* Or original desktop bg */
}
.navbar.fixed-top-mobile > .container-fluid {
/* width: auto !important; /* Allow it to size based on its content (brand) */
/* Bootstrap's .navbar-expand-lg > .container-fluid handles this mostly */
padding: 0 !important; /* Reset if mobile set it differently and conflicts */
flex-wrap: nowrap !important; /* Ensure brand, toggler, collapse are in one line */
}
#themeMenu.navbar-collapse {
/* Revert to Bootstrap's default behavior for .navbar-collapse on desktop */
display: flex !important; /* It becomes a flex container for its items (the UL) */
flex-basis: auto !important;
width: auto !important;
margin-top: 0 !important;
padding: 0 !important;
border-top: none !important;
background-color: transparent !important; /* Or theme default */
}
#themeMenu ul.nav-tabs {
flex-direction: row !important; /* Tabs are horizontal */
margin-left: auto !important; /* Push to the right (ms-auto) */
}
#themeMenu .nav-tabs .nav-link {
/* Revert to your desktop tab styling */
padding: 8px 16px !important; /* Your original desktop padding */
border: 1px solid #ddd !important;
border-bottom: none !important;
margin-right: 2px !important;
border-radius: 0.25rem 0.25rem 0 0 !important;
background: linear-gradient(to bottom, #f8f9fa, white) !important;
color: #555 !important;
}
#themeMenu .nav-tabs .nav-link.active {
background-color: #007bff !important;
border-color: #007bff #007bff #fff !important;
color: white !important;
}
#themeMenu .nav-tabs .nav-link:hover {
background-color: #e9ecef !important;
}
body {
padding-top: 0 !important; /* No fixed header padding on desktop */
}
#full-width-search-bar {
display: block !important; /* Or flex, depending on its internal layout */
}
/* Ensure mobile-specific header search is hidden on desktop */
.navbar.fixed-top-mobile .mobile-header-search-form {
display: none !important;
}
}
.calculator-tags {
margin-top: 10px; /* Add some space above the tags section */
margin-bottom: 5px; /* Add some space below the tags section */
}
.tags-list {
list-style: none; /* Remove default bullet points */
padding: 0;
margin: 0;
display: flex; /* Arrange tags in a row */
flex-wrap: wrap; /* Allow tags to wrap to the next line if they don't fit */
gap: 8px; /* Space between tags */
}
.tags-list li {
margin: 0; /* Remove default li margin if any */
}
.tags-list .tag {
display: inline-block; /* Allows padding and margins */
padding: 6px 12px; /* Vertical and horizontal padding for the pill shape */
background-color: #e0e0e0; /* Light grey background */
color: #333; /* Dark grey text color */
text-decoration: none; /* Remove underline from links */
border-radius: 16px; /* Makes it pill-shaped (adjust for more/less roundness) */
font-size: 0.9em; /* Slightly smaller font size */
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; /* Smooth hover effect */
border: 1px solid #c0c0c0; /* Subtle border */
}
.tags-list .tag:hover {
background-color: #007bff; /* Primary color on hover (e.g., blue) */
color: #fff; /* White text on hover */
border-color: #0056b3; /* Darker border on hover */
}
@media (min-width: 991.99px) { /* Styles for desktop (above Bootstrap LG breakpoint) */
.navbar.fixed-top-mobile {
position: static !important; /* Override fixed positioning, making it part of normal flow */
/* Reset any specific mobile padding if it conflicts with desktop appearance */
/* Usually, Bootstrap's default .navbar padding will take over correctly */
padding-top: 5px !important; /* Reset to original or desired desktop padding */
padding-bottom: 0 !important;
padding-left: 5px !important;
padding-right: 0 !important; /* Example: Reverting to your original .navbar padding */
}
body {
padding-top: 0 !important; /* Remove any top padding added for mobile */
}
/* Ensure desktop search bar is visible (already in your code, good to confirm) */
#full-width-search-bar {
display: block; /* Or flex if using flex layout inside */
}
}
/* New mobile header search form styles */
.mobile-header-search-form {
/* flex-grow-1 is applied via Bootstrap class */
/* mx-2 provides spacing via Bootstrap class */
}
.mobile-header-search-form .form-control-sm {
height: calc(1.5em + .5rem + 2px); /* Standard BS5 sm height */
/* You might want to adjust font-size or padding if it looks too cramped */
}
.mobile-header-search-form .btn-sm {
/* Ensure button aligns nicely. BS5 sm button should be fine. */
}
/* 1. Default Hamburger Icon (Custom Grey) */
.navbar-toggler-icon {
/* We are overriding Bootstrap's default background-image.
The !important is crucial here to ensure it takes precedence. */
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23888888' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
/* Keep the transition for a smooth change to the X */
transition: background-image 0.25s ease-in-out;
/* You can also set width, height etc. here if Bootstrap's defaults aren't desired,
but they are usually fine:
width: 1.5em;
height: 1.5em;
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
*/
}
/* 2. X Icon (Custom Grey) when menu is expanded */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
/* The !important is crucial here as well. */
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23888888' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M7 7 L23 23 M7 23 L23 7'/%3e%3c/svg%3e") !important;
}
/* ----- END: Custom Grey Hamburger and X Icons ----- */
@media (max-width: 991.98px) {
.mobile-header-search-form .input-group {
/* Ensures the input group can take the full width if the form is flex-grow */
width: 100%;
}
.mobile-header-search-form .input-group .form-control {
/* Bootstrap's .input-group generally handles this,
but explicitly ensure no right border radius.
The .input-group-sm should provide a .2rem radius by default.
*/
border-top-right-radius: 0;
border-bottom-right-radius: 0;
/* Optional: ensure border color matches button if desired, or leave default */
/* border-color: #6c757d; */ /* Example: if button is Bootstrap's secondary */
}
.mobile-header-search-form .btn-mobile-custom-search {
background-color: #6c757d; /* Dark grey (Bootstrap's $gray-800 or similar) */
border-color: #6c757d; /* Border color to match background */
color: white; /* Makes the Font Awesome icon white */
/* Bootstrap's .input-group generally handles this,
but explicitly ensure no left border radius and set right radius.
.input-group-sm should give a .2rem radius.
*/
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: .2rem; /* Bootstrap's default sm radius */
border-bottom-right-radius: .2rem; /* Bootstrap's default sm radius */
/* Ensure consistent height with form-control-sm if not using input-group-sm button size */
/* padding-top: .25rem; */
/* padding-bottom: .25rem; */
/* font-size: .875rem; */
}
.mobile-header-search-form .btn-mobile-custom-search:hover,
.mobile-header-search-form .btn-mobile-custom-search:focus {
background-color: #565e64; /* Slightly darker grey for hover/focus */
border-color: #565e64;
color: white;
box-shadow: none; /* Optional: remove default focus shadow if you don't like it */
}
.mobile-header-search-form .btn-mobile-custom-search:active {
background-color: #565e64; /* Even darker for active state */
border-color: #565e64;
color: white;
}
#themeMenu .nav-tabs .nav-item .mobile-search-nav-link-style {
display: block !important;
width: 100% !important;
padding: 10px 16px !important; /* Matches your nav-link padding */
text-decoration: none !important;
/* color: #212529 !important; /* Text color, form elements handle their own */
background-color: transparent !important; /* Matches nav-link background */
border: 1px solid #dee2e6 !important; /* Matches your nav-link border */
/* If your nav-links have a specific border-bottom that differs, adjust here */
border-bottom: 1px solid #dee2e6 !important; /* Already covered by 'border' */
border-radius: 0 !important; /* Matches nav-link */
box-sizing: border-box; /* Ensures padding and border are within the element's width/height */
background: linear-gradient(to bottom, #f8f9fa, white);
margin-bottom: 2px;
font-weight:500;
}
/* Adjust the form within the styled div */
#themeMenu .nav-tabs .nav-item .mobile-search-nav-link-style .mobile-header-search-form {
margin: 0 !important; /* Remove any default form margins */
padding: 0 !important; /* Form itself has no padding; the wrapper div does */
display: flex !important; /* Ensures input-group inside behaves correctly */
width: 100% !important;
}
#themeMenu .nav-tabs .nav-item .mobile-search-nav-link-style .mobile-header-search-form .input-group {
width: 100% !important; /* Input group takes full width of the form */
}
/* Hover effect for the styled wrapper div (to match nav-link hover) */
#themeMenu .nav-tabs .nav-item .mobile-search-nav-link-style:hover {
background-color: #f8f9fa !important; /* Matches your nav-link hover background */
/* color: #0056b3 !important; /* Text color for nav-link hover, not directly applicable here */
}
}
</style>
<style>
/* === HORIZONTAL DROPDOWN MENU STYLES === */
/* Using unique class names to avoid conflicts background: linear-gradient(to bottom, white, #f8f9fa);*/
.horizontal-dropdown-menu {
background: linear-gradient(to bottom, #333333, #333333);
border-bottom: 1px solid #ddd;
padding: 0;
margin: 0;
box-shadow: 0 0px 0px rgba(0,0,0,0.05);
}
.horizontal-dropdown-menu .container-fluid {
padding: 0 15px;
}
.horizontal-dropdown-nav {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
align-items: center;
}
.horizontal-dropdown-item {
position: relative;
margin: 0;
}
.horizontal-dropdown-link {
display: flex;
align-items: center;
padding: 0.75rem 1rem;
color: white;
text-decoration: none;
font-weight: 500;
font-size: 0.95rem;
transition: all 0.2s ease;
border-radius: 0;
white-space: nowrap;
}
.horizontal-dropdown-link:hover,
.horizontal-dropdown-link:focus {
background-color: #000000;
color: white;
text-decoration: none;
}
.horizontal-dropdown-link.active {
background-color: #007bff;
color: white;
}
.horizontal-dropdown-link i {
margin-right: 0.5rem;
font-size: 1rem;
}
/* Dropdown arrow indicator */
.horizontal-dropdown-link.has-dropdown::after {
content: '\f107'; /* FontAwesome down arrow */
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: 0.5rem;
font-size: 0.8rem;
transition: transform 0.2s ease;
}
.horizontal-dropdown-item:hover .horizontal-dropdown-link.has-dropdown::after {
transform: rotate(180deg);
}
/* Dropdown Menu Styling */
.horizontal-dropdown-submenu {
position: absolute;
top: 100%;
left: 0;
background-color: #333333;
border: 1px solid #555;
border-radius: 0rem;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
padding: 0.5rem 0;
min-width: 280px;
z-index: 2000;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s ease;
list-style: none;
}
.horizontal-dropdown-item:hover .horizontal-dropdown-submenu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.horizontal-dropdown-submenu-item {
margin: 0;
}
.horizontal-dropdown-submenu-link {
display: flex;
align-items: center;
padding: 0.75rem 1.25rem;
color: #ffffff;
text-decoration: none;
font-size: 0.9rem;
transition: all 0.15s ease;
}
.horizontal-dropdown-submenu-link:hover,
.horizontal-dropdown-submenu-link:focus {
background-color: #000000;
color: #ffffff;
text-decoration: none;
}
.horizontal-dropdown-submenu-link i {
margin-right: 0.75rem;
width: 1.25rem;
text-align: center;
color: #cccccc;
font-size: 0.9rem;
}
.horizontal-dropdown-submenu-link:hover i {
color: #ffffff;
}
/* Dropdown Section Headers */
.horizontal-dropdown-header {
padding: 0.5rem 1.25rem 0.25rem;
font-size: 0.8rem;
font-weight: 600;
color: #cccccc;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0;
}
/* Dropdown Divider */
.horizontal-dropdown-divider {
height: 1px;
background-color: #555555;
margin: 0.5rem 0;
border: none;
}
/* Mobile Responsive */
@media (max-width: 991.98px) {
.horizontal-dropdown-menu {
display: none; /* Hide on mobile to avoid conflicts with existing mobile nav */
}
}
/* Very small screens - hide some text */
@media (max-width: 1200px) {
.horizontal-dropdown-text-lg-only {
display: none;
}
}
/* Ensure dropdowns don't get cut off at screen edges */
.horizontal-dropdown-item:nth-last-child(-n+2) .horizontal-dropdown-submenu {
right: 0;
left: auto;
}
/* Prevent visited link color changes */
.horizontal-dropdown-link:visited {
color: white;
}
.horizontal-dropdown-submenu-link:visited {
color: #ffffff;
}
/* Search box styling */
.horizontal-dropdown-search {
margin-left: auto; /* Push to the right */
}
.horizontal-dropdown-search-form {
padding: 0.5rem 0.5rem;
margin: 0;
}
.horizontal-dropdown-search-form .input-group {
width: 200px; /* Adjust width as needed */
}
.horizontal-dropdown-search-input {
background-color: #555555;
border: 1px solid #666666;
color: white;
font-size: 0.9rem;
border-radius: 4px 0 0 4px;
}
.horizontal-dropdown-search-input::placeholder {
color: #cccccc;
}
.horizontal-dropdown-search-input:focus {
background-color: #666666;
border-color: #007bff;
color: white;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.horizontal-dropdown-search-btn {
background-color: #666666;
border: 1px solid #666666;
color: white;
border-radius: 0 4px 4px 0;
padding: 0.375rem 0.75rem;
}
.horizontal-dropdown-search-btn:hover {
background-color: #777777;
border-color: #777777;
color: white;
}
.horizontal-dropdown-search-btn:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* Responsive adjustments */
@media (max-width: 1200px) {
.horizontal-dropdown-search-form .input-group {
width: 250px;
}
.horizontal-dropdown-search-input::placeholder {
font-size: 0.8rem;
}
}
</style>
<style>
/* Mobile overflow safety-net: keep wide content (data tables — including
JS-injected ones — media, and preformatted text) from scrolling the whole
page sideways. Tables scroll inside their own box instead. */
@media (max-width: 767.98px) {
table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
img { max-width: 100%; height: auto; }
svg, video, iframe, canvas { max-width: 100%; }
pre, code { max-width: 100%; overflow-x: auto; }
}
</style>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//tracking.klokken.net/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '661']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<!-- Navbar with logo on the left and folder tabs on the right -->
<nav class="navbar navbar-expand-lg navbar-light bg-transparent fixed-top-mobile position-relative">
<div class="container-fluid d-flex justify-content-between align-items-center">
<!-- Logo, left-aligned -->
<!-- NEW DYNAMIC LINE -->
<a class="navbar-brand fw-bold js-logo"
href="/"
title="Klokken.net">
🇩🇰 Klokken.net
</a>
<!-- Toggle button for mobile view -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#themeMenu" aria-controls="themeMenu" aria-expanded="false" aria-label="Skift navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Desktop top-right nav: search box only. Feature links live inside the grey-bar dropdown (Time Tools). -->
<div class="d-none d-lg-flex align-items-center ms-auto order-lg-last">
<form action="/soeg/" method="get" role="search"
class="desktop-header-search-form me-2">
<div class="input-group input-group-sm">
<input type="search" name="q" class="form-control"
placeholder="Søg..." aria-label="Søg">
<button class="btn btn-outline-secondary" type="submit" aria-label="Søg">
<i class="fas fa-search"></i>
</button>
</div>
</form>
</div>
<!-- Folder tab navigation for themes, collapsible in mobile view -->
<div class="collapse navbar-collapse" id="themeMenu">
<ul class="nav nav-tabs ms-auto">
<!-- Check if g.categories exists and has items -->
<!-- Static New tab -->
<li class="nav-item d-lg-none"> <!-- This LI will only show on mobile (screens smaller than LG) -->
<div class="mobile-search-nav-link-style"> <!-- This div will be styled like a nav-link -->
<!-- Form no longer needs d-flex, mx-2, flex-grow-1 as styling is handled by the wrapper -->
<form action="/soeg/" method="get" role="search" class="mobile-header-search-form">
<div class="input-group input-group-sm">
<!-- Consider a shorter placeholder for mobile -->
<input type="search" name="q" class="form-control" placeholder="Søg byer, lande & tidszoner..." aria-label="Søg">
<button class="btn btn-mobile-custom-search" type="submit" aria-label="Søg">
<i class="fas fa-search"></i>
</button>
</div>
</form>
</div>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link "
href="/lande/" title="Tid nu i alle lande">🗺️ Lande</a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link "
href="/byer/" title="Tid nu i alle byer">🏙️ Byer</a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link "
href="/tidszoner/" title="Tid nu i alle tidszoner">⏰ Tidszoner</a>
</li>
<!-- Mobile Time Calculator Link -->
<li class="nav-item d-lg-none">
<a class="nav-link"
href="/tidskalkulator/" title="Tidsberegner">🧮 <span class="nav-text-mobile-only">Tidsberegner</span></a>
</li>
<!-- Mobile Weather Link -->
<li class="nav-item d-lg-none">
<a class="nav-link"
href="/vejret/" title="Vejr">🌤️ <span class="nav-text-mobile-only">Vejr</span></a>
</li>
<!-- Mobile Air Quality Link -->
<li class="nav-item d-lg-none">
<a class="nav-link"
href="/luftkvalitet/" title="Luftkvalitet">🌫️ <span class="nav-text-mobile-only">Luftkvalitet</span></a>
</li>
<!-- Mobile Prayer Times Link -->
<li class="nav-item d-lg-none">
<a class="nav-link"
href="/b%C3%B8nnetider/" title="Bønnetider">🕌 <span class="nav-text-mobile-only">Bønnetider</span></a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link "
href="/iana-tidszone/" title="Tid nu i alle IANA-tidszoner">🌐 IANA <span class="nav-text-mobile-only">Tidszoner</span></a>
</li>
<!-- Check if g.categories exists and has items -->
<!--<li class="nav-item">
<a class="nav-link "
href="/tags/">🏷️ <span class="nav-text-mobile-only">Tags</span></a>
</li>-->
<li class="nav-item d-lg-none">
<a class="nav-link "
href="/helligdage/" title="Helligdage">🎉 <span class="nav-text-mobile-only">Helligdage</span></a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link "
href="/alarm/" title="Alarm">⏰ <span class="nav-text-mobile-only">Alarm</span></a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link "
href="/stopur/" title="Stopur">⏱️ <span class="nav-text-mobile-only">Stopur</span></a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link "
href="/timer/" title="Timer">⏲️ <span class="nav-text-mobile-only">Timer</span></a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link "
href="/ny/" title="Nye værktøjer">🆕 <span class="nav-text-mobile-only">Ny</span></a>
</li>
<li class="nav-item d-lg-none">
<a class="nav-link "
href="/blog/" title="Blog">📚 <span class="nav-text-mobile-only">Blog</span></a>
</li>
</ul>
</div>
</div>
</nav>
<!-- HORIZONTAL DROPDOWN MENU START -->
<nav class="horizontal-dropdown-menu d-none d-lg-block">
<div class="container-fluid">
<ul class="horizontal-dropdown-nav">
<li class="horizontal-dropdown-item">
<a href="/lande/" class="horizontal-dropdown-link has-dropdown">
<i class="fas fa-globe"></i>
Verdensur
</a>
<ul class="horizontal-dropdown-submenu">
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Gennemse alle</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/lande/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-flag"></i>Alle lande
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/byer/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-city"></i>Alle byer
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/tidszoner/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-clock"></i>Alle tidszoner
</a>
</li>
<!-- ADD IANA HERE -->
<li class="horizontal-dropdown-submenu-item">
<a href="/iana-tidszone/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-globe"></i>IANA Tidszoner
</a>
</li>
<li><hr class="horizontal-dropdown-divider"></li>
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Populære steder</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/new-york-city/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-building"></i>New York tid
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/london/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-building"></i>London tid
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/tokyo/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-building"></i>Tokyo tid
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/paris/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-building"></i>Paris tid
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/hongkong/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-building"></i>Hong Kong tid
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/singapore/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-building"></i>Singapore tid
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/dubai/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-building"></i>Dubai tid
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/los-angeles/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-building"></i>Los Angeles tid
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/shanghai/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-building"></i>Shanghai tid
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/beijing/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-building"></i>Beijing tid
</a>
</li>
</ul>
</li>
<!-- Time Tools Dropdown -->
<li class="horizontal-dropdown-item">
<a href="/stopur/" class="horizontal-dropdown-link has-dropdown">
<i class="fas fa-tools"></i>
Tidsværktøjer
</a>
<ul class="horizontal-dropdown-submenu">
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Tidsindstillinger & alarmer</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/alarm/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-bell"></i>Online alarm
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/stopur/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-stopwatch"></i>Stopur
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/timer/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-hourglass"></i>Timer
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/multi-timer/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-layer-group"></i>Multi-Timer
</a>
</li>
<li><hr class="horizontal-dropdown-divider"></li>
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Omformere</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/tidskalkulator/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-calculator"></i>Tidsberegner
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a
href="/kategorier/dato-og-tidsformatomregner/"
class="horizontal-dropdown-submenu-link"
>
<i class="fas fa-calendar-alt"></i> Datoomregner
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a
href="/kategorier/tidszone-omregnere/"
class="horizontal-dropdown-submenu-link"
>
<i class="fas fa-exchange-alt"></i> Tidszonekonverter
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/unix/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-terminal"></i>Unix Time
</a>
</li>
<li><hr class="horizontal-dropdown-divider"></li>
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Islamiske værktøjer</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/b%C3%B8nnetider/qibla-finder/" class="horizontal-dropdown-submenu-link">
🕋 Qibla-finder
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/b%C3%B8nnetider/tasbih/" class="horizontal-dropdown-submenu-link">
📿 Tasbih-tæller
</a>
</li>
</ul>
</li>
<!-- Weather & AQI Dropdown -->
<li class="horizontal-dropdown-item">
<a href="/vejret/" class="horizontal-dropdown-link has-dropdown">
<i class="fas fa-cloud-sun"></i>
Vejr
</a>
<ul class="horizontal-dropdown-submenu">
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Vejr</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/vejret/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-cloud-sun"></i>Vejret verden over
</a>
</li>
<li><hr class="horizontal-dropdown-divider"></li>
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Luftkvalitet</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/luftkvalitet/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-smog"></i>Luftkvalitet verden over
</a>
</li>
</ul>
</li>
<!-- Calendar & Events Dropdown -->
<li class="horizontal-dropdown-item">
<a href="/helligdage/" class="horizontal-dropdown-link has-dropdown">
<i class="fas fa-calendar"></i>
Kalender & Begivenheder
</a>
<ul class="horizontal-dropdown-submenu">
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Helligdage</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/helligdage/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-gift"></i>Offentlige feriedage
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/b%C3%B8nnetider/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-mosque"></i>Bønnetider
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/offentlige-helligdage/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-info-circle"></i>Oplysninger om offentlige helligdage
</a>
</li>
<li><hr class="horizontal-dropdown-divider"></li>
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Planlægningsværktøjer</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a
href="/kategorier/taelle-ned-og-pamindelsesvaerktojer/"
class="horizontal-dropdown-submenu-link"
>
<i class="fas fa-hourglass-start"></i> Tidsnedtællingsværktøjer
</a>
</li>
</ul>
</li>
<!-- Sun & Moon Dropdown -->
<li class="horizontal-dropdown-item"><a href="/sol/" class="horizontal-dropdown-link has-dropdown">
<i class="fas fa-sun"></i>
Sol & Måne
</a>
<ul class="horizontal-dropdown-submenu">
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Soloplysninger</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/sol/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-sun"></i>Lær om Solen
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Måneoplysninger</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/mane/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-moon"></i>Lær om Månen
</a>
</li>
</ul>
</li>
<!-- More Dropdown -->
<li class="horizontal-dropdown-item">
<a href="/blog/" class="horizontal-dropdown-link has-dropdown">
<i class="fas fa-ellipsis-h"></i>
Mere
</a>
<ul class="horizontal-dropdown-submenu">
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Ressourcer</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/blog/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-blog"></i>Blog
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/artikler/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-book"></i>Artikler
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/tid/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-clock"></i>Forstå tid
</a>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/tidszone/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-globe"></i>Oplysninger om tidszoner
</a>
</li>
<li><hr class="horizontal-dropdown-divider"></li>
<li class="horizontal-dropdown-submenu-item">
<div class="horizontal-dropdown-header">Seneste</div>
</li>
<li class="horizontal-dropdown-submenu-item">
<a href="/ny/" class="horizontal-dropdown-submenu-link">
<i class="fas fa-star"></i>Nye værktøjer
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<!-- HORIZONTAL DROPDOWN MENU END -->
<style>
/* --- Breadcrumb Bar Styling --- */
.breadcrumb-container {
padding: 10px 15px;
background-color: #f8f9fa; /* A light grey, matching your other elements */
border-bottom: 0px solid #dee2e6;
margin: 0 auto; /* Ensures it centers within the max-width */
width: 100%;
max-width: 1100px;
}
.breadcrumb {
margin-bottom: 0; /* Remove default bottom margin from Bootstrap's breadcrumb */
font-size: 0.9rem; /* Slightly smaller font for distinction */
}
.breadcrumb-item a {
text-decoration: none;
color: #007bff;
}
.breadcrumb-item a:hover {
text-decoration: underline;
}
.breadcrumb-item.active {
color: #6c757d; /* Muted color for the current page */
}
/* By default, the suffix is shown */
.breadcrumb-city-suffix {
display: inline; /* Default display behavior */
}
/* On smaller screens, hide the city suffix in the last active breadcrumb item.
Adjust the max-width value to the point where the text becomes too long.
575px is a common breakpoint for very small screens (like Bootstrap's 'sm' breakpoint ends).
You might want 767px or something custom. */
@media (max-width: 575px) {
.breadcrumb > .breadcrumb-item:last-child.active .breadcrumb-city-suffix {
display: none;
}
}
</style>
<!-- ==================== BREADCRUMB START ==================== -->
<div class="breadcrumb-container container">
<nav aria-label="brødkrumme">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="https://klokken.net/">Home</a>
</li>
<li class="breadcrumb-item">
<a href="https://klokken.net/blog/">Blog</a>
</li>
<li class="breadcrumb-item active" aria-current="page">
ALTCPH tegner nuets København
</li>
</ol>
</nav>
</div>
<!-- ===================== BREADCRUMB END ===================== -->
<!--
<div style="background-color: #ccffcc; padding: 10px; margin: 10px 0;">
<p><strong>DEBUG (before subnav include):</strong> Final endpoint_to_check_for_subnav: blog.article_detail</p>
<p>request.endpoint: blog.article_detail</p>
<p>g.locale: da</p>
<p>g.all_languages_map: {'da': 'da', 'sv': 'sv', 'nb': 'nb', 'es': 'es', 'fi': 'fi', 'nl': 'nl', 'pl': 'pl', 'th': 'th', 'ms': 'ms', 'id': 'id', 'ja': 'ja', 'zh_Hant': 'zh-Hant', 'zh_Hant_HK': 'zh-Hant-HK', 'fr': 'fr', 'de': 'de', 'it': 'it', 'pt': 'pt', 'ko': 'ko', 'en': 'en', 'ro': 'ro', 'tr': 'tr', 'hu': 'hu', 'vi': 'vi', 'fil': 'fil', 'cs': 'cs', 'sk': 'sk', 'ar': 'ar', 'uk': 'uk', 'ru': 'ru', 'el': 'el', 'hi': 'hi', 'sr': 'sr', 'zh_Hans': 'zh-Hans', 'he': 'he', 'bn': 'bn', 'ur': 'ur', 'lt': 'lt', 'lv': 'lv', 'et': 'et', 'sl': 'sl', 'hr': 'hr', 'is': 'is'}</p>
</div>
-->
<!-- Main Content -->
<main class="container">
<article class="container blog-article-detail">
<header class="mb-4">
<h1 class="display-4">ALTCPH tegner nuets København</h1>
<p class="text-muted">
Udgivet den: 11:39 AM
</p>
<p class="lead">ALTCPH spejler nuets København med performance, lys og fællesskab i nu</p>
</header>
<div class="article-content">
<p>København er ikke kun klassisk arkitektur, hyggelige gader og caféer. Byen er også hjemsted for ALTCPH, den alternative kunstmesse, som igen og igen tegner nye billeder af, hvad kunst kan være i dag. Her mødes kunstnere, kollektiver og publikum i eksperimenterende rammer, hvor performance, installation og sociale formater får lige så meget plads som traditionelle værker. Denne levende energi kaster et særligt lys over nuets København, og det er præcis den stemning vi dykker ned i her.</p>
<div style="background:#f5f5f5;padding:15px;border-left:5px solid #333;margin:20px 0;">
<strong>Nøglepointe:</strong> ALTCPH er Københavns eksperimenterende kunstmesse, hvor kunstnere og publikum mødes i uformelle rammer. Den udfordrer vante udstillingsformer, og sætter fokus på performance, kollektive projekter og midlertidige værker, som spejler byens rytme og tid. Resultatet er et levende billede af samtiden, der gør København til et laboratorium for kreativitet og kulturel dialog.
</div>
<h2>Hvor tid og kunst krydser hinanden</h2>
<p>ALTCPH er mere end blot en messe, det er en puls. Ligesom <a href="https://klokken.net/">klokken.net</a> viser øjeblikket i tid, viser ALTCPH øjeblikket i kunst. Begge peger på nuet, men gør det fra hver deres perspektiv. Hvor uret fortæller os hvor vi står i dagen, fortæller kunsten os hvor vi står som mennesker i samfundet.</p>
<p>Byens rytme følger også tidszonerne. København skifter mellem <a href="https://klokken.net/tidszoner/cet/">CET</a> og <a href="https://klokken.net/tidszoner/cest/">CEST</a>, og det sætter scenen for hvordan festivaler som ALTCPH opleves i lyset, mørket og døgnets cyklus.</p>
<h2>Et laboratorium for eksperimenter</h2>
<p>Det særlige ved ALTCPH er dens evne til at åbne døren for det uventede. Gallerier og kunstnerdrevne initiativer opbygger ikke blot stande, men små universer. I 2018 så man blandt andet alternative boder, hvor performance og samtale smeltede sammen. Det var ikke kommercielle værker, men levende situationer, hvor publikum blev medskabere.</p>
<p>Den alternative tilgang gør også, at ALTCPH spejler samfundet tættere. Udstillingerne kan handle om aktuelle politiske spørgsmål, sociale strukturer eller intime oplevelser af kroppen i tid og rum. På den måde bliver det et kunstnerisk spejl, hvor publikum kan genkende sig selv midt i byens strøm.</p>
<h2>København som bagtæppe</h2>
<p>ALTCPH kunne næppe findes uden sin by. København er en ramme, hvor kunst og liv blandes naturligt. Byens gader er ofte inddraget i værkerne, og publikum bliver ledt ud af de hvide messevægge og ind i byrummet. At vide hvad klokken er i <a href="https://klokken.net/kobenhavn/">København</a> handler derfor ikke kun om timer og minutter, men også om hvornår i byens kulturelle kalender man befinder sig.</p>
<p>Et blik på <a href="https://klokken.net/countries/danmark/">Danmark</a> viser, at København er en særlig smeltedigel, hvor kunst og tid flettes. Byens internationale netværk gør, at ALTCPH både har lokal forankring og global udstråling.</p>
<h2>Hvorfor ALTCPH føles anderledes</h2>
<ul>
<li>Man kan opleve kunst uden købspres</li>
<li>Publikum er med i processerne</li>
<li>Performance har samme status som maleri</li>
<li>Rummet bruges fleksibelt og ofte improviseret</li>
<li>Dialog og fællesskab prioriteres over salg</li>
</ul>
<p>Denne tilgang gør at ALTCPH føles langt mere levende end traditionelle messer. Den minder mere om et midlertidigt fællesskab end et marked.</p>
<h2>Tid, lys og kunst</h2>
<p>Tid og kunst hænger tæt sammen. Mange af de værker man ser på ALTCPH er tidsbaserede. Det kan være en performance der kun eksisterer i de 15 minutter den udføres. Eller en installation der ændrer sig med lyset i løbet af dagen. Det minder os om hvor flygtigt kunst kan være. At følge <a href="https://klokken.net/sol/">solens bevægelse</a> giver en ekstra dimension til oplevelsen, for lyset former rummet og dermed kunstens karakter.</p>
<h2>Kalender og rytme</h2>
<p>ALTCPH hænger ofte sammen med Copenhagen Art Week. Det betyder at kalenderen spiller en stor rolle. Mange planlægger deres deltagelse efter hvornår der er fridage eller helligdage. En oversigt over <a href="https://klokken.net/offentlige-helligdage/">offentlige helligdage</a> gør det lettere for både kunstnere og besøgende at finde tid til at deltage.</p>
<p>Tid er også et praktisk redskab under selve messen. Performances varer ofte kort, og man må holde øje med <a href="https://klokken.net/timer/">timer</a> for ikke at gå glip af noget. Publikum bevæger sig fra sted til sted, og timingen bliver en del af oplevelsen.</p>
<h2>En tabel over sammenhænge</h2>
<table border="1" cellpadding="8" cellspacing="0" style="border-collapse:collapse;margin:20px 0;">
<tr style="background:#eee;">
<th>Element</th>
<th>ALTCPH</th>
<th>København</th>
</tr>
<tr>
<td>Tid</td>
<td>Performance og midlertidige værker</td>
<td><a href="https://klokken.net/">Klokken</a> styrer hverdagen</td>
</tr>
<tr>
<td>Rum</td>
<td>Eksperimenterende boder og åbne formater</td>
<td>Byens gader og pladser</td>
</tr>
<tr>
<td>Lys</td>
<td>Kunst ændrer sig med døgnets skift</td>
<td><a href="https://klokken.net/sol/">Solens bevægelse</a> over byen</td>
</tr>
<tr>
<td>Rytme</td>
<td>Kunstneriske processer og spontane møder</td>
<td>Skift mellem <a href="https://klokken.net/tidszoner/cet/">CET</a> og <a href="https://klokken.net/tidszoner/cest/">CEST</a></td>
</tr>
</table>
<h2>Et levende billede af nuet</h2>
<p>ALTCPH tegner ikke en færdig plan over København. I stedet viser den en by i bevægelse. Den samler de mange stemmer, skaber plads til eksperimenter og giver publikum en følelse af at være en del af processen. Det er kunst, der ikke kun handler om at se, men også om at deltage. Og ligesom tiden aldrig står stille, gør ALTCPH det heller ikke. Den vender tilbage, igen og igen, for at spejle hvor København står i nuet.</p>
</div>
<div class="mt-5">
<a href="/blog/" class="btn btn-outline-primary">Tilbage til bloglisten</a>
</div>
</article>
</main>
<!-- Footer -->
<div class="abovefooter text-left">
<p style="display: inline; font-size: inherit; font-weight: normal; margin: 0; padding-right: 5px;"><strong>Tid nu i disse byer:</strong></p>
<a href="/new-york-city/" title="Tid nu i New York">New York</a>
<span class="city-separator"> · </span>
<a href="/london/" title="Tid nu i London">London</a>
<span class="city-separator"> · </span>
<a href="/tokyo/" title="Tid nu i Tokyo">Tokyo</a>
<span class="city-separator"> · </span>
<a href="/paris/" title="Tid nu i Paris">Paris</a>
<span class="city-separator"> · </span>
<a href="/hongkong/" title="Tid nu i Hong Kong">Hong Kong</a>
<span class="city-separator"> · </span>
<a href="/singapore/" title="Tid nu i Singapore">Singapore</a>
<span class="city-separator"> · </span>
<a href="/dubai/" title="Tid nu i Dubai">Dubai</a>
<span class="city-separator"> · </span>
<a href="/los-angeles/" title="Tid nu i Los Angeles">Los Angeles</a>
<span class="city-separator"> · </span>
<a href="/shanghai/" title="Tid nu i Shanghai">Shanghai</a>
<span class="city-separator"> · </span>
<a href="/beijing/" title="Tid nu i Beijing">Beijing</a>
<span class="city-separator"> · </span>
<a href="/sydney/" title="Tid nu i Sydney">Sydney</a>
<span class="city-separator"> · </span>
<a href="/mumbai/" title="Tid nu i Mumbai">Mumbai</a>
</div>
<div class="abovefooter text-left">
<!-- Example: Displaying sorted countries -->
<p style="display: inline; font-size: inherit; font-weight: normal; margin: 0; padding-right: 5px;"><strong>Tid nu i lande:</strong></p>
<a href="/lande/usa/" title="Tid nu i USA">🇺🇸 USA</a> |
<a href="/lande/kina/" title="Tid nu i Kina">🇨🇳 Kina</a> |
<a href="/lande/indien/" title="Tid nu i Indien">🇮🇳 Indien</a> |
<a href="/lande/storbritannien/" title="Tid nu i Storbritannien">🇬🇧 Storbritannien</a> |
<a href="/lande/tyskland/" title="Tid nu i Tyskland">🇩🇪 Tyskland</a> |
<a href="/lande/japan/" title="Tid nu i Japan">🇯🇵 Japan</a> |
<a href="/lande/frankrig/" title="Tid nu i Frankrig">🇫🇷 Frankrig</a> |
<a href="/lande/canada/" title="Tid nu i Canada">🇨🇦 Canada</a> |
<a href="/lande/australien/" title="Tid nu i Australien">🇦🇺 Australien</a> |
<a href="/lande/brasilien/" title="Tid nu i Brasilien">🇧🇷 Brasilien</a> |
</div>
<div class="abovefooter text-left">
<p style="display: inline; font-size: inherit; font-weight: normal; margin: 0; padding-right: 5px;"><strong>Tid nu i <a href="/tidszoner/" style="text-decoration:none; color: #000000;">tidszoner</a>:</strong></p>
<a href="/tidszoner/utc/" title="Tid nu i UTC">UTC</a> |
<a href="/tidszoner/gmt/" title="Tid nu i GMT">GMT</a> |
<a href="/tidszoner/cet/" title="Tid nu i CET">CET</a> |
<a href="/tidszoner/pst/" title="Tid nu i PST">PST</a> |
<a href="/tidszoner/mst/" title="Tid nu i MST">MST</a> |
<a href="/tidszoner/cst/" title="Tid nu i CST">CST</a> |
<a href="/tidszoner/est/" title="Tid nu i EST">EST</a> |
<a href="/tidszoner/eet/" title="Tid nu i EET">EET</a> |
<a href="/tidszoner/ist/" title="Tid nu i IST">IST</a> |
<a href="/tidszoner/cst-china-standard-time/" title="Tid nu i China (CST)">Kina (CST)</a> |
<a href="/tidszoner/jst/" title="Tid nu i JST">JST</a> |
<a href="/tidszoner/aest/" title="Tid nu i AEST">AEST</a> |
<a href="/tidszoner/sast/" title="Tid nu i SAST">SAST</a> |
<a href="/tidszoner/msk/" title="Tid nu i MSK">MSK</a> |
<a href="/tidszoner/nzst/" title="Tid nu i NZST">NZST</a> |
</div>
<div class="abovefooter text-left">
<p style="display: inline; font-size: inherit; font-weight: normal; margin: 0; padding-right: 5px;"><strong>Gratis <a href="/widget/" style="text-decoration:none; color: #000000;">widgets</a> til webmasters:</strong></p> <a href="/ur-widget/">Gratis Analog Ur Widget</a>
| <a href="/digital-ur-widget/">Gratis Digital Ur Widget</a>
| <a href="/tekst-ur-widget/">Gratis Tekstur Widget</a>
| <a href="/ord-ur-widget/">Gratis Ord Ur Widget</a>
</div>
<!-- Footer -->
<footer class="text-left py-3">
<a href="/unix/" title="Unix-tid nu">Unix Time</a>
| <a href="/alarm/" title="Alarm">Alarm</a>
| <a href="/stopur/" title="Stopur">Stopur</a>
| <a href="/timer/" title="Timer">Timer</a>
| <a href="/multi-timer/" title="Multi-Timer">Multi-Timer</a>
|
<a href="/temaer/tidsvaerktojer/" title="Udforsk temaet Værktøjer">
Flere tidsværktøjer
</a>
|
<a href="/kategorier/taelle-ned-og-pamindelsesvaerktojer/" title="Tidsnedtællingsværktøjer">
Tidsnedtællingsværktøjer
</a> |
<a href="/kategorier/tidszone-omregnere/" title="Tidszonekonverter">
Tidszonekonverter
</a> |
<a href="/kategorier/dato-og-tidsformatomregner/" title="Datoomregner">
Datoomregner
</a>
<br>
| <a href="/artikler/" title="Alle artikler">Artikler</a>
| <a href="/helligdage/" title="Helligdage">Helligdage</a>
| <a href="/tid/" title="Om tid">⏰ Forstå tid</a>
| <a href="/sol/" title="Om solen">☀️ Lær om Solen</a>
| <a href="/mane/" title="Om månen">🌕 Lær om Månen</a>
| <a href="/offentlige-helligdage/" title="Om offentlige feriedage">🎉 Oplysninger om offentlige helligdage</a>
| <a href="/tidszone/" title="Om tidszone">🌐 Oplysninger om tidszoner</a>
<p>2025 © Klokken.net - ⌚ <a href="https://klokken.net" style="tekstdekoration: ingen; farve: arve;" title="Tid nu"><span id="time-now"></span></a></p>
<script>
// Define i18n strings
const i18n = {
timeNowIs: "Klokken er "
};
// Update the time every second
function updateTime() {
const now = new Date();
const hours = String(now.getHours()).padStart(2, '0');
const minutes = String(now.getMinutes()).padStart(2, '0');
const seconds = String(now.getSeconds()).padStart(2, '0');
document.getElementById('time-now').textContent = i18n.timeNowIs + hours + ':' + minutes + ':' + seconds;
}
// Set initial time
updateTime();
// Update time every second
setInterval(updateTime, 1000);
</script>
<div class="about-calculator-now">
<p>
</p>
</div>
</footer>
<!-- jQuery 3.6.0 from the official jQuery CDN -->
<!--<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script>-->
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<!-- Popper.js 1.16.1 from jsDelivr -->
<!--<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script> -->
<!-- jQuery, Popper.js, and Bootstrap JS -->
<!-- Ensure jQuery is loaded first, then Popper.js, then Bootstrap JS -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-K+ctZL3fZ6qXbf8+WEOXc1aDz3VbA5wg7B4/fgj+J+GxUMXvfV6Viw7hE+3VUxD+0u+3pbd4uZZ+bL/wMG6mZA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js" integrity="sha512-+V7zqQKxslJHKxOWsBztPtMj9xnzYphN6LcdHcL3Cr1nGfXj0s5amBkQ4awA7Z9epP5SXfh4vEZ2l4z9quXc6Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/js/bootstrap.min.js" integrity="sha512-+YM+N5jImWzvKcR+HyODyVpwkjwBz6BOCz67bKVa3X+kL5g2mmv2Mj45tYHkgytAQMVX/QE3Hw6x4kG+Oe5C1g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->
<!-- Bootstrap JS and dependencies (Popper) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 118
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 118 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
Показать первые 100 внутренних ссылок
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| / |
🇩🇰 Klokken.net
|
|
Анализировать url |
| /lande/ |
🗺️ Lande
|
|
Анализировать url |
| /byer/ |
🏙️ Byer
|
|
Анализировать url |
| /tidszoner/ |
⏰ Tidszoner
|
|
Анализировать url |
| /tidskalkulator/ |
🧮 <span class="nav-text-mobile-only">Tidsberegner</span>
|
|
Анализировать url |
| /vejret/ |
🌤️ <span class="nav-text-mobile-only">Vejr</span>
|
|
Анализировать url |
| /luftkvalitet/ |
🌫️ <span class="nav-text-mobile-only">Luftkvalitet</span>
|
|
Анализировать url |
| /b%C3%B8nnetider/ |
🕌 <span class="nav-text-mobile-only">Bønnetider</span>
|
|
Анализировать url |
| /iana-tidszone/ |
🌐 IANA <span class="nav-text-mobile-only">Tidszoner</span>
|
|
Анализировать url |
| /helligdage/ |
🎉 <span class="nav-text-mobile-only">Helligdage</span>
|
|
Анализировать url |
| /alarm/ |
⏰ <span class="nav-text-mobile-only">Alarm</span>
|
|
Анализировать url |
| /stopur/ |
⏱️ <span class="nav-text-mobile-only">Stopur</span>
|
|
Анализировать url |
| /timer/ |
⏲️ <span class="nav-text-mobile-only">Timer</span>
|
|
Анализировать url |
| /ny/ |
🆕 <span class="nav-text-mobile-only">Ny</span>
|
|
Анализировать url |
| /blog/ |
📚 <span class="nav-text-mobile-only">Blog</span>
|
|
Анализировать url |
| /lande/ |
<i class="fas fa-globe"></i>
Verdensur
|
|
Анализировать url |
| /lande/ |
<i class="fas fa-flag"></i>Alle lande
|
|
Анализировать url |
| /byer/ |
<i class="fas fa-city"></i>Alle byer
|
|
Анализировать url |
| /tidszoner/ |
<i class="fas fa-clock"></i>Alle tidszoner
|
|
Анализировать url |
| /iana-tidszone/ |
<i class="fas fa-globe"></i>IANA Tidszoner
|
|
Анализировать url |
| /new-york-city/ |
<i class="fas fa-building"></i>New York tid
|
|
Анализировать url |
| /london/ |
<i class="fas fa-building"></i>London tid
|
|
Анализировать url |
| /tokyo/ |
<i class="fas fa-building"></i>Tokyo tid
|
|
Анализировать url |
| /paris/ |
<i class="fas fa-building"></i>Paris tid
|
|
Анализировать url |
| /hongkong/ |
<i class="fas fa-building"></i>Hong Kong tid
|
|
Анализировать url |
| /singapore/ |
<i class="fas fa-building"></i>Singapore tid
|
|
Анализировать url |
| /dubai/ |
<i class="fas fa-building"></i>Dubai tid
|
|
Анализировать url |
| /los-angeles/ |
<i class="fas fa-building"></i>Los Angeles tid
|
|
Анализировать url |
| /shanghai/ |
<i class="fas fa-building"></i>Shanghai tid
|
|
Анализировать url |
| /beijing/ |
<i class="fas fa-building"></i>Beijing tid
|
|
Анализировать url |
| /stopur/ |
<i class="fas fa-tools"></i>
Tidsværktøjer
|
|
Анализировать url |
| /alarm/ |
<i class="fas fa-bell"></i>Online alarm
|
|
Анализировать url |
| /stopur/ |
<i class="fas fa-stopwatch"></i>Stopur
|
|
Анализировать url |
| /timer/ |
<i class="fas fa-hourglass"></i>Timer
|
|
Анализировать url |
| /multi-timer/ |
<i class="fas fa-layer-group"></i>Multi-Timer
|
|
Анализировать url |
| /tidskalkulator/ |
<i class="fas fa-calculator"></i>Tidsberegner
|
|
Анализировать url |
| /kategorier/dato-og-tidsformatomregner/ |
<i class="fas fa-calendar-alt"></i> Datoomregner
|
|
Анализировать url |
| /kategorier/tidszone-omregnere/ |
<i class="fas fa-exchange-alt"></i> Tidszonekonverter
|
|
Анализировать url |
| /unix/ |
<i class="fas fa-terminal"></i>Unix Time
|
|
Анализировать url |
| /b%C3%B8nnetider/qibla-finder/ |
🕋 Qibla-finder
|
|
Анализировать url |
| /b%C3%B8nnetider/tasbih/ |
📿 Tasbih-tæller
|
|
Анализировать url |
| /vejret/ |
<i class="fas fa-cloud-sun"></i>
Vejr
|
|
Анализировать url |
| /vejret/ |
<i class="fas fa-cloud-sun"></i>Vejret verden over
|
|
Анализировать url |
| /luftkvalitet/ |
<i class="fas fa-smog"></i>Luftkvalitet verden over
|
|
Анализировать url |
| /helligdage/ |
<i class="fas fa-calendar"></i>
Kalender & Begivenheder
|
|
Анализировать url |
| /helligdage/ |
<i class="fas fa-gift"></i>Offentlige feriedage
|
|
Анализировать url |
| /b%C3%B8nnetider/ |
<i class="fas fa-mosque"></i>Bønnetider
|
|
Анализировать url |
| /offentlige-helligdage/ |
<i class="fas fa-info-circle"></i>Oplysninger om offentlige helligdage
|
|
Анализировать url |
| /kategorier/taelle-ned-og-pamindelsesvaerktojer/ |
<i class="fas fa-hourglass-start"></i> Tidsnedtællingsværktøjer
|
|
Анализировать url |
| /sol/ |
<i class="fas fa-sun"></i>
Sol & Måne
|
|
Анализировать url |
| /sol/ |
<i class="fas fa-sun"></i>Lær om Solen
|
|
Анализировать url |
| /mane/ |
<i class="fas fa-moon"></i>Lær om Månen
|
|
Анализировать url |
| /blog/ |
<i class="fas fa-ellipsis-h"></i>
Mere
|
|
Анализировать url |
| /blog/ |
<i class="fas fa-blog"></i>Blog
|
|
Анализировать url |
| /artikler/ |
<i class="fas fa-book"></i>Artikler
|
|
Анализировать url |
| /tid/ |
<i class="fas fa-clock"></i>Forstå tid
|
|
Анализировать url |
| /tidszone/ |
<i class="fas fa-globe"></i>Oplysninger om tidszoner
|
|
Анализировать url |
| /ny/ |
<i class="fas fa-star"></i>Nye værktøjer
|
|
Анализировать url |
| /blog/ |
Tilbage til bloglisten
|
|
Анализировать url |
| /new-york-city/ |
New York
|
|
Анализировать url |
| /london/ |
London
|
|
Анализировать url |
| /tokyo/ |
Tokyo
|
|
Анализировать url |
| /paris/ |
Paris
|
|
Анализировать url |
| /hongkong/ |
Hong Kong
|
|
Анализировать url |
| /singapore/ |
Singapore
|
|
Анализировать url |
| /dubai/ |
Dubai
|
|
Анализировать url |
| /los-angeles/ |
Los Angeles
|
|
Анализировать url |
| /shanghai/ |
Shanghai
|
|
Анализировать url |
| /beijing/ |
Beijing
|
|
Анализировать url |
| /sydney/ |
Sydney
|
|
Анализировать url |
| /mumbai/ |
Mumbai
|
|
Анализировать url |
| /lande/usa/ |
🇺🇸 USA
|
|
Анализировать url |
| /lande/kina/ |
🇨🇳 Kina
|
|
Анализировать url |
| /lande/indien/ |
🇮🇳 Indien
|
|
Анализировать url |
| /lande/storbritannien/ |
🇬🇧 Storbritannien
|
|
Анализировать url |
| /lande/tyskland/ |
🇩🇪 Tyskland
|
|
Анализировать url |
| /lande/japan/ |
🇯🇵 Japan
|
|
Анализировать url |
| /lande/frankrig/ |
🇫🇷 Frankrig
|
|
Анализировать url |
| /lande/canada/ |
🇨🇦 Canada
|
|
Анализировать url |
| /lande/australien/ |
🇦🇺 Australien
|
|
Анализировать url |
| /lande/brasilien/ |
🇧🇷 Brasilien
|
|
Анализировать url |
| /tidszoner/ |
tidszoner
|
|
Анализировать url |
| /tidszoner/utc/ |
UTC
|
|
Анализировать url |
| /tidszoner/gmt/ |
GMT
|
|
Анализировать url |
| /tidszoner/cet/ |
CET
|
|
Анализировать url |
| /tidszoner/pst/ |
PST
|
|
Анализировать url |
| /tidszoner/mst/ |
MST
|
|
Анализировать url |
| /tidszoner/cst/ |
CST
|
|
Анализировать url |
| /tidszoner/est/ |
EST
|
|
Анализировать url |
| /tidszoner/eet/ |
EET
|
|
Анализировать url |
| /tidszoner/ist/ |
IST
|
|
Анализировать url |
| /tidszoner/cst-china-standard-time/ |
Kina (CST)
|
|
Анализировать url |
| /tidszoner/jst/ |
JST
|
|
Анализировать url |
| /tidszoner/aest/ |
AEST
|
|
Анализировать url |
| /tidszoner/sast/ |
SAST
|
|
Анализировать url |
| /tidszoner/msk/ |
MSK
|
|
Анализировать url |
| /tidszoner/nzst/ |
NZST
|
|
Анализировать url |
| /widget/ |
widgets
|
|
Анализировать url |
| /ur-widget/ |
Gratis Analog Ur Widget
|
|
Анализировать url |
| /digital-ur-widget/ |
Gratis Digital Ur Widget
|
|
Анализировать url |
Внешние ссылки
Кол-во: 15
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 15 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| klokken.net |
Home
|
Анализировать url |
| klokken.net |
Blog
|
Анализировать url |
| klokken.net |
klokken.net
|
Анализировать url |
| klokken.net |
CET
|
Анализировать url |
| klokken.net |
CEST
|
Анализировать url |
| klokken.net |
København
|
Анализировать url |
| klokken.net |
Danmark
|
Анализировать url |
| klokken.net |
solens bevægelse
|
Анализировать url |
| klokken.net |
offentlige helligdage
|
Анализировать url |
| klokken.net |
timer
|
Анализировать url |
| klokken.net |
Klokken
|
Анализировать url |
| klokken.net |
Solens bevægelse
|
Анализировать url |
| klokken.net |
CET
|
Анализировать url |
| klokken.net |
CEST
|
Анализировать url |
| klokken.net |
<span id="time-now"></span>
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Анализ сайта altcph.dk, слабо оптимизирован на 58%. Для хорошей оптимизации и выхода на первые места в поиске требуется:
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: