style change to display code block language
All checks were successful
/ weblog.lol (push) Successful in 13s

This commit is contained in:
Gordon Pedersen 2024-09-10 12:50:47 +10:00
parent e22281aa23
commit 6f6aa9a4fc
6 changed files with 15 additions and 5 deletions

View file

@ -5,7 +5,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://unpkg.com/prismjs@1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" /> <link href="https://unpkg.com/prismjs@1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
<link rel="stylesheet" href="/styles.css?v0.0.3"> <link rel="stylesheet" href="/styles.css?v0.0.5">
{feeds} {feeds}
</head> </head>
<body> <body>

View file

@ -463,6 +463,16 @@ pre code {
padding: 1em; padding: 1em;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
position: relative;
}
code[data-lang]::before {
content: attr(data-lang);
position: absolute;
top: -1.5rem;
left: 0;
font-size: 1rem;
color: var(--accent);
} }
img { img {

View file

@ -8,7 +8,7 @@ Title: cv
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://unpkg.com/prismjs@1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" /> <link href="https://unpkg.com/prismjs@1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
<link rel="stylesheet" href="/styles.css?v0.0.3"> <link rel="stylesheet" href="/styles.css?v0.0.5">
{feeds} {feeds}
</head> </head>
<body> <body>

View file

@ -7,7 +7,7 @@ Title: Home
<title>{weblog-title}</title> <title>{weblog-title}</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/styles.css?v0.0.3"> <link rel="stylesheet" href="/styles.css?v0.0.5">
{feeds} {feeds}
</head> </head>
<body> <body>

View file

@ -8,7 +8,7 @@ Title: Landing Page Template
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://unpkg.com/prismjs@1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" /> <link href="https://unpkg.com/prismjs@1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
<link rel="stylesheet" href="/styles.css?v0.0.3"> <link rel="stylesheet" href="/styles.css?v0.0.5">
{feeds} {feeds}
</head> </head>
<body> <body>

View file

@ -8,7 +8,7 @@ Title: Page Template
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://unpkg.com/prismjs@1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" /> <link href="https://unpkg.com/prismjs@1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
<link rel="stylesheet" href="/styles.css?v0.0.3"> <link rel="stylesheet" href="/styles.css?v0.0.5">
{feeds} {feeds}
</head> </head>
<body> <body>