【三九消寒小结】临亭相思昵浓送恬音

小九发表于 2024-1-19 18:37

本帖最后由小九于 2024-1-19 18:43 编辑 <style>
#papa {
width: 640px;
min-height: 6700px;
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/659cd4b7871b83018a1464b3.jpg" alt="" />
 <img src="https://pic.imgdb.cn/item/6482db5b1ddac507ccaa9ddd.gif" alt="" class="mpic" />
<div id="tit">三九消寒小结：临亭相思昵浓送恬音 
2024-1月9日--17日文字：小九 

第一天临 
家长们面临神兽回笼 
头疼不已 
如何在寒假管理好 
孩子学习及习惯的问题 
一直是老大难的事情 

因为寒假 
有的家庭要上班 
无法管理孩子 
放孩子一个人在家 
又面临一些相关的问题出现 
一直都没有很好的 
解决方案 

教培行业转型 
好像已是势在必行的趋势 
AI人工智能学习满天飞 
希望真正能帮助到 
家长和学生 
实现双赢的局面 

第二天亭 
《醉翁亭记》的太守之乐 
是借山水的风景 
来排遣郁闷的生活 
而后的与民同乐 
多少安抚了他苦闷的心 

曹雪芹笔下的 
《红楼梦》大观园 
是为元春省亲而建立 
里面的各种楼亭院落 
荣华富贵的盛宴一一呈现 

田园诗人陶渊明的《桃花源记》 
更是向世人描绘了一种理想的世外桃源 
安宁和乐自由向往的生活 
世间向往的美好 
往往就在诗人的笔下 
而不在现实中 

当我们回归现实 
为了不让那些美好变成肥皂泡 
那些诗与远方的梦想 
还需脚踏实地的付出 
才有希望出现 

第三天相 
曾有数不清的梦 
在现实的洗礼中 
逐渐褪去 
只留下青绿的淡雅 
划过悲欢离合 
剩下相濡以沫 

一首歌可以打开往事 
一路走来 
载满了关于我对你的 
独家记忆 
指尖上的光阴 
执念如昨 

繁华过尽 
了悟痕迹 
只为平凡 
是一场化繁为简的修炼 
一个问候 
一个笑脸 
便会好好珍藏 

第四天思 
人生是一场未知目的地的修行 
修行自己的一言一行 
修行对生活的悟性 
更重要的是对社会、对事物的认知程度 
沿途的风景沧海桑田 
重要的是看风景的心情 

从另一个角度看 
人生是需要思考的 
每经历的一段路程 
有绚丽美妙的时刻 
也有随时翻车的几率 
我们不能延长认知生命的长度 
却能拓宽认知生命的宽度 

一场有认知的人生旅行 
是非常有意义的 
会让你故事成篇 
随时复盘总结 
避免在下一个人生路口遇挫 
思维的认知提升 
让你穿越千百年 
看到常人不能看到的风景 

第五天昵 
每个人都有自己的标记 
特别体现在自己的大名或小名上 
小名更是一种亲近和喜爱的表现 
从小到大 
也许每个时期的小名都有可能不同 

有时候 
小名就代表自己当时的一种心情和情绪 
这个现象 
特别体现在之前论坛上用的马甲名 

马甲名就是想换一种身份 
在论坛灌水的时候 
给自己一个放松减压的机会 
而不想让更多的友友知道 

但熟悉你的朋友 
和你多说几次话 
就会抓到你的马甲小尾巴 
大家友好的互动 
开心的玩 
彻底摆脱现实的束缚和压力 
从而让自己轻松上阵 
更好地去面对现实中的残酷 

第六天浓 
山水画是中国最传统的国画 
小时候跟着老师 
学了一段时间的水墨 
在学习的这段时间 
自己最大的收获 
是能沉下心来 
让自己心静 

着墨的时候 
认知到墨的几种用法 
把整个画面的层次感体现出来 
浅浅的淡墨 
中重墨和浓墨 
所谓“运墨而五色具” 

调节出的浓淡干湿 
焦、浓、重、淡、清 
画技上的丰富变化 
可惜当时自己练不到火候 
那时特别佩服老师 

这段学画的经历 
对我以后的人生影响特别大 
慢慢体会慢慢悟 

第七天送 
人类进行信息传递的历史已很悠久了 
早在远古时期 
人们就通过简单的语言、壁画等方式 
进行信息交换 
语言、图符、钟鼓、烟火、竹简、纸书 

十九世纪 
随着电报、电话的发明 
电磁波的发现 
也使得图像传播技术迅速发展 
人类的通信领域不断地 
产生了巨大的变革 

从前慢 
写信要走好几天才能送达 
车马也要走几天 
现在的快 
是因为通讯技术不断地变革发展 
有时候一对比 
就会感觉到“不可思议” 

如今人们不再写信 
因为早就有微信、钉钉、QQ替代 
一切都耳目一新 
网络的发展 
带来日新月异的新时代 

第八天恬 
时光如水 
在漫长的岁月里 
有一些事情 
终要等到隔了千山万水 
隔了往昔的一切 
才能看得明 
悟得透彻 

当你找不到来时的方向 
迷了初心 
不妨停下来 
让心静静的独处 
孤独是最好的良药 
发呆是最顶级的享受 

放一首歌 
低眉素手 
掬一捧过往 
让岁月品尝 
听风呢喃 
忘记该忘记的 
改变能改变的 
接受不能接受的 
让心恬然如初 

第九天音 

很单纯的音符 
可以悠扬婉转 
也可以哀怨低述欲罢不能 
因为它是有灵魂的 

有人说 
每个人对音乐的感觉是不一样的 
这种感觉很美妙 
妙不可言 
当你听到一首曲子 
可以瞬间把你的记忆拉回从前 
音乐也是有故事的 
如果你有这样的感受 
说明这旋律里有你的故事 

一切都会过去 
都会走远 
而音乐却永远在你的记忆中盘旋萦绕 
时光匆匆 
喜悦与悲哀 
音乐独具品味的占据你心 

</div> 

<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1895377452.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-1-19 19:54

小九这光速呀，一天多就补齐了。

樵歌发表于 2024-1-19 19:56

通过这九个字，升华生活中特定場景。

红影发表于 2024-1-19 20:11

集中起来看九儿的心绪，看九儿的三九的字儿，真好。给九儿点赞{:4_199:}

庶民发表于 2024-1-19 21:44

这样的倒逼自己写诗，很有力度。

页: [1]

花潮论坛's Archiver

【三九消寒小结】临亭相思昵浓送恬音