【五九消寒】小结：枯树染残咽哀叙荒茫

小九发表于 2024-2-6 16:08

本帖最后由小九于 2024-2-6 18:03 编辑 <style>
#papa {
width: 640px;
min-height: 4900px;
padding: 40px;
box-sizing: border-box;
border-radius: 12px;
box-shadow: 0 0 8px #000;
position: relative;
margin: 60px auto 80px auto;
 top: 0px;
display: grid; user-select: none;
 place-items: center;
 user-select: none;
}
#tit {
position: absolute;
left: 175px;
top: 400px;
font: bold 20px/26px 'FangSong',serif;
color: Sienna;
}
#papa::before, #papa::after {
position: absolute;
content: '';
}
#papa::before {
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
border: 2px dashed Brown;
border-radius: inherit;
}
#papa::after {
content: '五九消寒小结 ';
padding: 10px 40px 10px 10px;
left: -10px;
top: 20px;
border-radius: 10px 0 0 10px;
background: Sienna;
opacity: .85;
font: bold 16px/24px sans-serif;
color: white;
clip-path: polygon(0 0,100% 0,90% 50%, 100% 100%, 0 100%);
}
#pic {
position: absolute;
left: 70px;
top: 90px;
width: 500px;
height: 260px;
}
.mpic { position: absolute; right: -10px; bottom: -10px; width: 300px; height: 183px; }
.mpic1 { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; opacity: .35;
 background: url('https://pic.imgdb.cn/item/647c033ef024cca17313a454.gif'); }
@keyframes swing { from { transform: rotate(3deg); } to { transform: rotate(-2deg); } }
</style>

<div id="papa">
 <div class="mpic1"></div>
 <img id="pic" src="https://pic.imgdb.cn/item/6599fc28871b83018ac45c46.jpg" alt="" />
 <img src="https://pic.imgdb.cn/item/6482db5b1ddac507ccaa9ddd.gif" alt="" class="mpic" />
<div id="tit">五九用联：枯树染残咽哀叙荒茫 
2024-1月27- 2月4文字：小九 
第一天。枯 
自然界一旦失去水源 
会变成一片荒芜 
记得小时候从大人那里听说 
三年自然旱情 
使得农业生产大幅度下降 
市场供应十分紧张 
人民生活十分困难 

自然灾害以后 
国家鼓励社员经营自留地 
开坑荒地 
饲养家禽 
生活得以缓解 

自然界的生命周期 
一个轮回 
总也避免不了生老病死 
如今是大健康时代 
国家政策是大力支持 
如今人们对健康的意识越发强烈 
新的时期已经来临 

第二天。树 

对孩子的教育 
让很多家庭束手无策 
都想让自己家的娃 
比别人优秀 

致使很多娃 
在成长的过程中 
不能遭受风吹雨打 
承受不住挫折的磨练 

十年树木百年树人 
培养一个人才 
需要更多的耐心、爱心和恒心 

第三天。染 

水墨画 
树与山水构成美妙的意境 
勾、皴、点 
奇妙的组合成一幅唯美的画面 
宣纸的渲染 
烘托出画面的氛围 
越发强烈 

我站在画前 
看到了童年的身影 
墨汁轻轻的荡漾闪着光芒 
画里画外 
都有依稀的深刻的记忆 
耳需目染的影响着我 

面对画 
都会深深沉浸 
琢磨着笔画的勾韵 
内心的情感自然迸发 
那是厚积薄发的语境 
无法自拔 
一生的修为竟为了 
重回画中 

第四天。残 

站在完美的对立面 
思维也几乎受限 
有各种的可能性 
让我们陷入偏见和傲慢 

不完美才是最真实的 
让人感觉真和实在 
这个世界有完美吗？ 
如果有的话 
有多少完美是用谎言堆砌的 

残缺里面有故事 
每个人的一生 
风雨兼程 
我们不断地遭遇挫折 
才能让我们的羽翼更加丰满 

第五天。咽 

有一夫当关万夫莫开的气势 
咽喉要塞 
致命的关键点 

我们所面临的每一件事 
如果要具体分析 
也能找到着重点 

说话一样 
说重要的部分 
废话就不要浪费时间 

只要方向正确 
还惧怕什么路途遥远 

第六天。哀 

同是天涯沦落人 
相逢何必曾相识 
一次偶然的机会 
香山居士遇琵琶女 

冷风吹枫叶 
芦花秋瑟瑟 
与友人别离浔阳江 
江水倒影着明月 
突闻琵琶清脆声 
移船相邀 
千呼万唤使出来 

一曲琵琶诉衷情 
悲泣哀鸣取酒独饮 
仰望苍天感同身受 
也无可奈何 
只能一起掉眼泪 
抒发心中的情绪 

第七天。叙 

一轮落日像鲜红的珊瑚 
余霞满天把整个江面覆盖在淡淡的红光中 
这样的美景 
在诗人的笔下 
交汇成一首首壮丽的诗篇 

“大江东去浪淘尽，千古风流人物” 
“孤帆远影碧空尽，唯见长江天际流” 
每一首诗词 
都向人们叙述着长江的唯美和历史 

母亲之河孕育着两岸的人民 
更是在诗人的笔下 
熠熠生辉 

第八天。荒 

杂草不生庄稼不长 
人烟稀少满目苍凉 
在这世间疲于奔命 
在纵横的阡陌中行走 
不知道将要走向何方 

曾经的随步香云 
曾经许下的沧海桑田 
为何没有等来春天就已苍白一片 
空灵了雨夜 
一个转身就是一个轮回 

时光牵扯着一颗不安分的心 
品尝着人世间的悲哀 
在风中在雨中流浪 

第九天。茫 

青春随着岁月的流逝逐渐落寞 
人间的规律 
茫茫众生 
谁能预测未来的故事 

又一次站在十字路口 
拿不定的选择迈不开的腿 
心中杂乱丛生 
方向在风中迷失 

早春寒意浸梅香皆为景 
寻找前路的光龙属丰年 
精诚所至金石为开 
福庆延绵万事皆顺 
只要坚持心中的初心 

</div> 

<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2123195337.mp3" loop autoplay></audio>
<script >
(function() {
(function(mkPlayer) {let defaults = {lrcAr: [],lrc_css: 'top: 10px; left: 50%; transform: translateX(-50%);',player_css: 'bottom: 20px; left: 50%; transform: translateX(-50%);',playerCode: `<style>#mplayer {position: absolute;display: grid;grid-template-areas: 'cur btnplay dur''prog prog prog';gap: 8px 2px;place-items: end center;color: var(--color);font: normal 16px sans-serif;z-index: 999;--ww: 240px;--color: SaddleBrown;--track: hsla(90,100%,95%,.65);--prog: linear-gradient(90deg,hsla(90,30%,50%,.55),hsla(0,100%,50%,.75),hsla(180,100%,50%,.65));}#cur { grid-area: cur; color: var(--color); }#dur { grid-area: dur; color: var(--color); }#btnplay {--dis1: block;--dis2: none;grid-area: btnplay;width: 35px;height: 35px;border: 3px solid var(--color);border-radius: 50%;opacity: .95;cursor: pointer;transition: .3s;position: relative;}#btnplay:hover { opacity: 1; box-shadow: 0 0 5px var(--color), inset 0 0 5px var(--color); }#btnplay::before, #btnplay::after {position: absolute;content: '';width: 100%;height: 100%;background: var(--color);}#btnplay::before { display: var(--dis1); clip-path: polygon(35% 30%, 75% 50%, 35% 70%); }#btnplay::after {display: var(--dis2);clip-path: polygon(35% 30%, 45% 30%, 45% 70%, 35% 70%, 55% 70%, 65% 70%, 65% 30%, 55% 30%, 55% 70%, 35% 70%);}#prog {--xx: 0px;grid-area: prog;width: var(--ww);height: 4px;background: var(--track);position: relative;display: grid;place-items: center;}#prog::before, #prog::after { position: absolute; content: ''; }#prog::before {left: 0;width: var(--xx);height: 100%;border-radius: 6px;background: var(--prog);}#prog::after {left: calc(var(--xx) - 12px);opacity: .85;width: 16px;height: 16px;background: radial-gradient(transparent 2px, teal 0, black);border-radius: 50%;cursor: pointer;}#lrc {--motion: cover2;--tt: 2s;--state: paused;--bg: linear-gradient(180deg, hsla(90, 50%, 50%, .45), hsla(0, 100%, 50%, .75));position: absolute;font: bold 2.4em sans-serif;color: hsl(0, 10%, 90%);white-space: pre;-webkit-background-clip: text;filter: drop-shadow(1px 1px 2px hsla(0, 0%, 0%, .95));z-index: 1000;}#lrc::before {position: absolute;content: attr(data-lrc);width: 20%;height: 100%;color: transparent;overflow: hidden;white-space: pre;background: var(--bg);filter: inherit;-webkit-background-clip: text;animation: var(--motion) var(--tt) linear forwards;animation-play-state: var(--state);}@keyframes cover1 { from { width: 0; } to { width: 100%; } }@keyframes cover2 { from { width: 0; } to { width: 100%; } }</style><div id="lrc" data-lrc="　">　</div><div id="mplayer">00:0000:00</div>`,};let playCode = (user_config) => {let data = Object.assign({}, defaults, user_config);papa.innerHTML += data.playerCode;mplayer.style.cssText += data.player_css;lrc.style.cssText += data.lrc_css;let mKey = 0, mFlag = true, mDrag = false;btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();aud.addEventListener('timeupdate', () => {cur.innerText = toMin(aud.currentTime);dur.innerText = toMin(aud.duration);if(mDrag===false) prog.style.setProperty('--xx', aud.currentTime * prog.offsetWidth / aud.duration + 'px');for (j = 0; j < data.lrcAr.length; j++) {if (aud.currentTime >= data.lrcAr) {cKey = j;if (mKey === j) showLrc(data.lrcAr);else continue;}}});aud.addEventListener('pause', () => mState());aud.addEventListener('play', () => mState());aud.addEventListener('seeked', () => calcKey());prog.onmousedown = (e) => mDrag = true;prog.onmousemove = (e) => { if(mDrag) prog.style.setProperty('--xx',e.offsetX + 'px'); };prog.onmouseup = (e) => {aud.currentTime = aud.duration * e.offsetX / prog.offsetWidth;mDrag = false;};let mState = () => aud.paused ? (lrc.style.setProperty('--state','paused'),btnplay.style.setProperty('--dis1','block'), btnplay.style.setProperty('--dis2','none')): (lrc.style.setProperty('--state','running'),btnplay.style.setProperty('--dis1','none'), btnplay.style.setProperty('--dis2','block'));let showLrc = (time) => {let name = mFlag ? 'cover1' : 'cover2';lrc.innerHTML = lrcAr;lrc.dataset.lrc = lrcAr.replace(/ /, '\n');lrc.style.setProperty('--motion', name);lrc.style.setProperty('--tt', time + 's');lrc.style.setProperty('--state', 'running');mKey += 1;mFlag = !mFlag;};let calcKey = () => {for (j = 0; j < data.lrcAr.length; j++) {if (aud.currentTime <= data.lrcAr) {mKey = j - 1;break;}}if (mKey < 0) mKey = 0;if (mKey > data.lrcAr.length - 1) mKey = data.lrcAr.length - 1;let time = data.lrcAr - (aud.currentTime - data.lrcAr);showLrc(time);};let toMin = (val) => {if (!val) return '00:00';val = Math.floor(val);let min = parseInt(val / 60),sec = parseFloat(val % 60);if (min < 10) min = '0' + min;if (sec < 10) sec = '0' + sec;return min + ':' + sec;}};mkPlayer.HCPlayer = playCode;})(this);
let lrcAr = [
,
];
HCPlayer({
lrcAr: lrcAr,
lrc_css: 'left: calc(50% - 90px); bottom: 15px; --bg: linear-gradient(hsla(100, 100%, 70%, .35),hsla(120, 100%, 50%, .55));',
player_css: 'left: 190px; bottom: 90px;--track: hsla(0,0%,80%,.95); --prog: linear-gradient(90deg,hsla(120,100%,50%,.55),hsla(0,100%,50%,.55),hsla(120,100%,50%,.65));',
});
})();
</script>

红影发表于 2024-2-6 17:38

九儿虽然忙，但也把五九弄齐了，厉害{:4_187:}
每个消寒字都有九儿的人生感悟，很赞{:4_199:}

红影发表于 2024-2-6 17:38

九儿帖子里的图片忘记换了吧，还是一九的呢{:4_173:}

小九发表于 2024-2-6 18:03

红影发表于 2024-2-6 17:38
九儿帖子里的图片忘记换了吧，还是一九的呢

马上改{:4_187:}

樵歌发表于 2024-2-6 19:57

九儿这速度，一天当几天用。{:4_187:}

红影发表于 2024-2-6 20:07

小九发表于 2024-2-6 18:03
马上改

看到九儿换好了，辛苦{:4_187:}

庶民发表于 2024-2-21 08:51

一个战役的圆满

页: [1]

花潮论坛's Archiver

【五九消寒】小结：枯树染残咽哀叙荒茫