chat を更新

syui 2024-10-29 14:45:14 +00:00
parent c837b01b4b
commit 61e457454c

31
chat.md

@ -59,11 +59,9 @@ htmlに省略形式でcssを記述します。`tailwind.config.ts`を見てく
```html ```html
{{ if .Param "comment" }} {{ if .Param "comment" }}
<a href="https://example.com/post/syui.ai/{{ .Params.comment }}">
<button class="frontpage">@comment</button>
</a>
<div class="comment"> <div class="comment">
<iframe class="frontpage" src="https://example.com/post/syui.ai/{{ .Params.comment }}" frameBorder="0" sandbox></iframe> <p><a href="https://example.com/post/syui.ai/{{ .Params.comment }}" class="frontpage-button"> @comment </a></p>
<iframe class="frontpage" src="https://example.com/post/syui.ai/{{ .Params.comment }}" frameBorder="0" SRC=""></iframe>
</div> </div>
{{ end }} {{ end }}
``` ```
@ -78,3 +76,28 @@ date = "2024-10-26"
comment = "3l7lprmoka22r" comment = "3l7lprmoka22r"
+++ +++
``` ```
```css
iframe.frontpage {
width:100%;
height: 1000px;
pointer-events:none;
}
a.frontpage-button {
width:100%;
font-size: 15px;
background-color: #e80063;
/* background-color: #007fff; */
color: #fff;
border: 2px solid #fff;
padding: 10px 30px;
border-radius: 5px;
text-decoration: none;
}
a.frontpage-button:hover {
/* background-color: #0077ff; */
background-color: #e80073;
}
```