お酒
2024/11/05
頂き物ですが
Oruna World へ
おるな日誌
Oruna『お〇るな』とは?
サイト管理者 渡辺が「人生の備忘録」として立ち上げたホームページです。
60代半ばになり、やる気も体力もなくなっていく中で、今まで行ってた事、今、そして今後の活動を綴れればいいなと思っています。
渡辺が個人的に手掛けているホームページです。
少しでもお役に立てれれば幸いです。
2022年12月に美濃西国33観音霊場を巡礼させていただきました。
渡辺の出来事を写真をメインにしたブログです。
CMSは「bludit」で構築しています。テンプレートは渡辺が自作しています。
渡辺のブログです。
満願成就、プログもこのページから派生しています。
ボーイスカウト美濃加茂第1団のホームページです。
カブ、ビーバー隊の活動を中心に掲示しています。
ボーイスカウト岐阜県連盟の公式ホームページです。
県内スカウト団のLINKなどあります。
美濃加茂市下米田町の飛騨川にあります。
川の中に小島があり橋で渡るちょっと珍しい観音様です。
渡辺の経営している会社です。
不動産業務とオフィスDXのお手伝いをしています。
渡辺の仕事、趣味などメモブログです。
申し訳ありません、ウェブ上では表示されません。
Design 2024/11/03
トップぺーにスライダー(フェードイン・アウト)を付けたいと思い試行錯誤。
CSSのみと画像の指定はHTMLに配置するようにしたいと思う。
そして、HTMLとCSSをパーツ化して実装することにしました。
参考HP https://pa-tu.work/t/7503
HTML
<div class="slider">
<div class="slider-wrap">
<div class="slider-item"><img src="<?php echo DOMAIN_THEME_IMG.'1.jpg'; ?>"></div>
<div class="slider-item"><img src="<?php echo DOMAIN_THEME_IMG.'2.jpg'; ?>"></div>
<div class="slider-item"><img src="<?php echo DOMAIN_THEME_IMG.'3.jpg'; ?>"></div>
</div>
</div>
CSS
.slider {
width: 100%;
height: 60vh;
}
.slider-wrap {
position: relative;
width: 100%;
height: 60vh;
overflow: hidden;
background-color: #fff;
}
.slider-item {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: sliderAnime 30s linear infinite 0s;
}
.slider-item:nth-child(2) {
animation-delay: 10s;
}
.slider-item:nth-child(3) {
animation-delay: 20s;
}
.slider-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
@keyframes sliderAnime {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
8% {
opacity: 1;
animation-timing-function: ease-out;
}
20% {
opacity: 1;
transform: scale(1.1);
}
40%,
100% {
opacity: 0;
transform: scale(1.2);
}
}
@media screen and (max-width:800px) {
.slider {
height: 40vh;
}
.slider-wrap {
height: 40vh;
}
}
HongKong 2024/10/17
知人のお願いで、香港へ行く事になった。パスポートも一年前に切れており、再取得することに。
市役所で手続きをしたが、10日かかった。
手数料も10年をお願いし、14,000円、写真も市役所で撮り直し1,000円、15,000円の出費となってしまった。