Moonlight 作曲 : Rameses B

福宝发表于 2023-5-19 18:07

<div align="center">
<section style="width:580px;">
<section style="margin: 20px auto;">
<section style="background-color: #333;">
<section style="display: flex;justify-content: space-between;">
<section style="display: flex;width: 11%;flex-direction: column;justify-content: space-around;align-items: center;padding: 20px 0 10px;box-sizing:border-box;max-width: 11% !important;" data-width="11%">
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
<section class="assistant" style="width: 25px;height: 15px;background-color: #ffffff;border-radius: 5px;box-sizing:border-box;"></section>
</section>
<section style="width: 89%;box-sizing:border-box;max-width: 89% !important;" data-width="89%">
<section style="padding: 20px 15px 0 10px;box-sizing:border-box;">
<section>
<br><br>
<section style="display: flex;justify-content: center;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
<section class="box-edit _135editor" style="padding-right:4px;box-sizing:border-box;">
<section style="font-size: 35px;text-align: center;color: #ffffff;">
<strong class="135brush" data-brushtype="text">旅</strong>
</section>
</section>
<section class="box-edit _135editor" style="padding-right:4px;padding-top: 10px;box-sizing:border-box;">
<section style="font-size: 35px;text-align: center;color: #ffffff;">
<strong class="135brush" data-brushtype="text">行</strong>
</section>
</section>
<section class="box-edit _135editor" style="padding-right:4px;box-sizing:border-box;">
<section style="font-size: 35px;text-align: center;color: #ffffff;">
<strong class="135brush" data-brushtype="text">的</strong>
</section>
</section>
<section class="box-edit _135editor" style="padding-right:4px;padding-top: 10px;box-sizing:border-box;">
<section style="font-size: 35px;text-align: center;color: #ffffff;">
<strong class="135brush" data-brushtype="text">意</strong>
</section>
</section>
<section class="box-edit _135editor" style="padding-right:4px;box-sizing:border-box;">
<section style="font-size: 35px;text-align: center;color: #ffffff;">
<strong class="135brush" data-brushtype="text">义</strong>
</section>
</section>
</section>
<section style="display: flex;justify-content: flex-end;align-items: flex-end;margin-top: -20px;">
<section class="assistant" style="width: 116px;box-sizing:border-box;">
<img class="assistant" style="vertical-align:inherit;width: 100%; display: block;box-sizing:border-box;max-width: 100% !important;" src="https://bcn.135editor.com/files/images/editor_styles/29e99cc61e9ef02c255986df9dbe094e.png" data-width="100%" draggable="false" data-ratio="0.28061224489795916" data-w="196"/>
</section>
</section>
</section>
</section>
<section style="padding: 10px 15px 20px 10px;box-sizing:border-box;">
<section style="box-sizing:border-box;max-width: 100% !important;">
<img style="vertical-align:inherit;width:420px; display: block;box-sizing:border-box;max-width: 100% !important;margin-right:65px;" src="https://bcn.135editor.com/files/images/editor_styles/19cb5445b709854d6b21079f87104deb.png" data-width="100%" draggable="false" data-ratio="1.0878048780487806" data-w="205"/>
<br><br>
<p style="margin-right:65px; margin-left: 20px;letter-spacing: 2.4px; line-height: 2em; font-family: 微软雅黑, Microsoft YaHei;text-align:justify;font-size: 14px;color:#fefefe">
音乐：Moonlight<br><br>
作曲 : Rameses B<br><br>
We go about our daily lives understanding almost nothing of the world.<br>
生于此处却不知此处<br>
We give little thought of the machinery that generates the sunlight that makes life possible.<br>
日光倾城，万物生长，又是为何？<br>
To the gravity that glues us to the earth that would otherwise send us spinning off into space.<br>
若没有大地的拥抱，我们早已消失于茫茫宇宙之中<br>
Or to the atoms that which we are made.. and on who’s stability we fundamentally depend.<br>
若没有原子之稳定，我们亦不复存在<br>
Few of us spend much time wondering why nature is the way it is.<br>
无人问天地变换，斗转星移，是为何故？<br>
Where the cosmos came from.<br>
宇宙又是源于何处<br>
Whether it was always there.<br>
它是否无始无终？<br>
If time will one day flow backward.<br>
时间若愿意倒流<br>
Or whether there are ultimate limits to what humans can know.<br>
我们的认知是否还会有局限？<br>
What is the smallest piece of matter.<br>
世间最渺小之物又是什么？<br>
Why we remember the past and not the future.<br>
为何我们脑海中只留有过去，却不知未来<br>
And why there is a universe.<br>
以及宇宙因何存在？<br>
<br>

</p>

<div align="right" style="margin-right:65px;"><audio style="width:50px;height:50px;" controls="controls" autoplay="autoplay" loop="loop" src="https://music.163.com/song/media/outer/url?id=26159000.mp3" type="audio/mpeg"></audio></div>
<br>
<br>

</section>
</section>
</section>
</section>
</section>
</section>
</section>
</div>

楚心兰 发表于 2023-5-19 18:29

很别致的代码

楚心兰 发表于 2023-5-19 18:29

音乐也不错

宁儿发表于 2023-5-19 18:40

代码帖精巧，音乐行云流水般的美妙

一抹微蓝 发表于 2023-5-19 19:54

感谢福宝的分享，代码真漂亮，音乐好听{:10_402:}

愤怒の葡萄 发表于 2023-5-19 20:10

非常漂亮的主题帖，感谢分享。

蜻蜓发表于 2023-5-19 21:15

音乐动听，帖子漂亮{:10_402:}

瞳萤发表于 2023-5-19 22:52

帖子好看，过来听歌~

鲸落深蓝 发表于 2023-5-20 11:41

帖子很别致，新世纪风格音乐打动人心，氛围感很强{:9022:}

页: [1]

东篱雅苑's Archiver

Moonlight 作曲 : Rameses B