【九九消寒小结】茶美星奕贺拜便临春
<style>#papa {
width: 640px;
min-height: 5460px;
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: 155px;
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/6599fca0871b83018ac5a330.jpg " alt="">
<img src="https://pic.imgdb.cn/item/6482db5b1ddac507ccaa9ddd.gif" alt="" class="mpic">
<div id="tit">九九用联：茶美星奕贺拜便临春 <br>
2024-03-11樵歌：<br><br><br>
第一天 茶<br><br>
退去绿衣，白玫瑰在清泉中<br>
像一个荼蘼而开的仙子<br>
神农妒忌你的法力<br>
用七十二条毒经来浸泡你<br>
从此你便被药方荼毒<br><br>
幸好，尔雅为你留了后门<br>
你迅速打开锁链<br>
从诗经里出逃<br>
化身嘉木，谪落凡尘<br>
隐于青峰云雾<br><br>
陆公子骑着白驴，背携锦囊<br>
一路逢山驻马，遇泉品水<br>
口笔不睱<br>
于巴山峡川与你相逢<br>
从此，人间便有了清香的传说<br><br>
第二天 美<br><br>
万物朝向一种意象偏激<br>
到处都能抽象脱离出<br>
人见人爱的情节<br>
和看景的众生<br><br>
从亘古空间就策划出<br>
裸休和精打细扮一切风物<br>
纷纷在时间里辽阔<br>
这时的情人们<br>
纷纷看向对方的眼睛<br><br>
这个世界，除了敌人<br>
都是美人<br>
别人的故乡<br>
都是我最好的风景<br><br>
第三天 星<br><br>
用一生的精力来消费日子<br>
我们像囚徒一样被宇宙放逐<br>
穹顶上有人提着灯盏<br>
不屑照亮我们相互伤害<br><br>
我们如蝼蚁一般仰望<br>
恒星就如，神祇一样的<br>
高等文明<br>
他们为了把自己乐死<br>
特意在我们的爬行的天幕上<br>
画一个太阳、月亮和星星<br><br>
第四天 奕<br><br>
一个字，就能征服所有人心<br>
你看，大家都夸你美貌光明<br>
我可不敢反动<br>
立即发现你<br>
高大俊朗，神采奕奕<br><br>
这样高度赞美，并不违心<br>
你在诗经小雅大雅中<br>
进进出出<br>
在商颂里万舞翩跹<br>
说文不但考证了你的生平<br>
还特意你为画像<br><br>
既然先人都为你立了丰碑<br>
后辈的就必须，人云亦云。<br><br>
第五天 贺<br><br>
为所有的喜事送上厚礼<br>
盛筵上众口铄金，只有力士们<br>
个个口是心非<br>
有意无意在瞄着宝贝<br><br>
世道上行走着人情是故<br>
见面媚笑相互恭喜<br>
转过身却说别人<br>
虚情假意<br><br>
只有不声不响的人<br>
放下鸿毛就走<br>
因为他<br>
要去追赶仁义道德<br><br>
第六天 拜<br><br>
站在左侧的人善于察言观色<br>
立于右侧的人按兵不动<br>
各自思讨，清扫自家门前积雪<br>
以及如何封妻荫子<br><br>
他们满脑肥肠，穿着虚胖的袍子<br>
虽然天生骨头缺钙<br>
臀部和小腿肌肉萎缩<br>
可一见金钱和权力，眼睛便绿了<br>
立即膝盖屈曲，便跪了下去<br><br>
对外跪舔，摇尾乞怜<br>
他们把拜天拜地的祭台<br>
当着，镇压草民的凶器<br><br>
第七天 便<br><br>
专业制造敌人的人<br>
看一切都不对眼<br>
瞧那马桶，敢情也被策反<br>
于是他用自己的饭碗<br>
来排泄屎尿<br><br>
为了给别人不方便<br>
他首先把自己弄残<br>
舍得一生便秘<br>
也想看到别人尿频尿急<br><br>
去他娘的朋友圈<br>
为了钱钱<br>
他什么都敢干<br><br>
第八天 临<br><br>
一缕阳光突如其至的邀请<br>
我的灵魂光临<br>
那金色光明的意境<br>
让我变得身轻如絮
像一片蒲公英<br>
飘过梦都，不能到达的河川<br>
和海的尽头<br><br>
阳光和月光交织地抚育<br>
空谷幽兰，我听见风吹过<br>
开花的声音<br>
在氤氲的紫烟中舞蹈<br>
我平履在云洋中<br>
羽化而仙<br><br>
仙境中朝辉夕阴暮色苍茫<br>
我信步在桃源中曲径通幽<br>
扑面而来的一张张笑脸<br>
在去年的门口遗世独立<br>
长安和汴梁阖眼便为真实<br>
我端着李白的酒杯<br>
润饱东坡的砚台<br>
用文字绚染河山<br><br>
第九天 春<br><br>
一场春讯<br>
把所有的苍白都冲归黑暗<br>
那些被冬围困的生命<br>
和太阳一起<br>
推开解放的大门<br><br>
接连不断的好消息<br>
湿渌渌的<br>
在三月划开一道道口子<br>
被蚂蚁惊蛰的苍龙<br>
抬手便是一道闪电<br>
把季节分成两半<br>
一边乍寒，一边霁暖<br><br>
在一个初红的早上<br>
春风们忘我地吹着<br>
恣意地渲染绿意和桃花<br>
任凭一点嫣红去征服人心<br>
并让墨客骚人们统统失恋<br><br>
母亲们小心翼翼地躲在泥土里<br>
轻哼着动人的儿歌<br>
种子像一个不安分的胎儿<br>
轻轻地缠着母亲的根须<br>
紧张地打听布谷的消息<br><br>
诗人们把月色投进<br>
落满桃花的春晚<br>
岸柳上那只杜鹃<br>
啼醒了唐诗宋词绣满的水面<br><br>
几只蜜蜂，飞过香气氳氤的土地<br>
在花潮中反复婉转<br>
沿途一朵一朵的知音<br>
在花蕊上一曲一曲的弹琴<br><br>
</div><br>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2073807595.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 1.0em serif;color: rgba(160,82,45, .95);white-space: pre;-webkit-background-clip: text; 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"><span id="btnplay"></span><span id="prog"></span><span id="cur">00:00</span><span id="dur">00:00</span></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(/<br>/, '\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% - 102px); bottom: 64px; --bg: rgba(160,82,45, .95);',
player_css: 'left: 170px; bottom: 100px;--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>
重新全部欣赏一遍，师兄的九九写得很放松，诗意十分飘逸。给师兄点赞{:4_199:} 恭喜师兄完成九九八十一首消寒诗句，整整81天的字斟句酌，终于胜利完工了{:4_199:} 红影 发表于 2024-3-11 21:03
重新全部欣赏一遍，师兄的九九写得很放松，诗意十分飘逸。给师兄点赞
只是后来就凑顺了，也快了，有时一会就凑完了，只是找歌难点。现在我也建立一个歌文档，把凡好的点链接都弄上去{:4_205:}以备不时之需 红影 发表于 2024-3-11 21:04
恭喜师兄完成九九八十一首消寒诗句，整整81天的字斟句酌，终于胜利完工了
同喜同庆呵，值得{:4_191:}{:4_191:}{:4_191:} 樵歌 发表于 2024-3-13 06:36
只是后来就凑顺了，也快了，有时一会就凑完了，只是找歌难点。现在我也建立一个歌文档，把凡好的点链接都 ...
这样最好了，下回想用的歌曲可以去文档里找了呢。 樵歌 发表于 2024-3-13 06:37
同喜同庆呵，值得
肯定值得呢，虽然弄完不容易{:4_187:} 红影 发表于 2024-3-13 16:52
这样最好了，下回想用的歌曲可以去文档里找了呢。
嗯。发觉在咱坛上就不少好歌{:4_189:} 红影 发表于 2024-3-13 16:52
肯定值得呢，虽然弄完不容易
嗯了，休息一阵吧{:4_189:} 樵歌 发表于 2024-3-13 21:26
嗯。发觉在咱坛上就不少好歌
师兄也可以都收进去呢。 樵歌 发表于 2024-3-13 21:26
嗯了，休息一阵吧
休息不了啊，正好单位忙了。
页:
[1]