中秋佳节,代码如诗!
一年一度中秋节,一年一度团圆夜;
年年月圆人不圆,岁岁形只影孤单。
只愿大家能够团团圆圆,合家美满。
中秋节,团圆节,月圆,人更圆!
中国人对月亮特别执着,觉得月圆很美,月缺也很美。比起西方人因为热度、伟大,而对太阳的痴迷,我们更加懂得欣赏月亮的阴柔,我们用月亮的阴晴圆缺暗示着人世间的悲欢离合。
从小看着猴子水中捞月,听着二泉映月,吃着白莲蓉双黄月饼。关于月亮,似乎有及说不清道不明的感情。中秋圆月,一家团聚,在当今年代更加显得珍贵难得。
今年的中秋节又快要到啦,我们一起看一下不同人的视角下的中秋夜的圆月之美!
- 打工人说:“瞧,那是老板画的大饼!”
- 老板说:“错了,那分明是一块银元!”
只有程序员,似乎听不到他们之间的争论,继续吃着老板画的大饼,拿着老板给的银元,默默的一行一行的耕耘。
于是~~~~~~~~~~~~
第一行诗:<div class="header"> </div>
第二行诗:<div class="header-wrapper"> </div>
第三行诗:<p> 举杯邀明月,对影成三人。</p>
第四行诗(屎):<div> </div>
第五行屎:……
……
……
第n行屎(诗):background-color: ginger;
……
……
……
直到深夜,终于写完了!!!
👇👇👇👇👇
页面自取:https://gitcode.net/jingchao/mid-autumn-festival.git
打工人和老板看了之后,都惊叹了!
注:以上内容切勿当真,仅供娱乐!
- 在薅完头发后写出来上面的文案,下面来看一下这诗一般的代码吧!
- html实现部分源码
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>中秋节</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Ma+Shan+Zheng&family=Raleway:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<div class="header">
<div class="header-wrapper">
<input type="radio" name="nande-toggle" id="nande-overview" checked>
<div class="nande-crescent-container">
<div class="nande-crescent">
<div class="nande-crescent-1">
<div class="hg-text">
<label title="home" for="nande-overview">花</label>
<label title="events">好</label>
<label title="staff team" >月</label>
<label title="site updates">圆</label>
</div>
</div>
</div>
</div>
<div class="nande-bg-top">
<div class="nande-title">
<!-- 中国结 -->
<svg>...</svg>
<div class="nande-title-container">
<div class="nande-notice-plot">
<div class="notice-header">
秋
<span>Mid-Autumn Festival</span>
<i class="cp cp-maple-leaf"></i>
</div>
</div>
</div>
</div>
<div class="hg-things">
<label for="nande-overview" class="nande-info">
<div class="news-header">
<i class="cp cp-flower"></i>
中秋快乐
<i class="cp cp-flower"></i>
</div>
<div class="overview-layout">
<div class="home-text">
<h2 class="poetry-title">《月下独酌》</h2>
<h3>——李白</h3>
<p>花间一壶酒,独酌无相亲。</p>
<p>举杯邀明月,对影成三人。</p>
<p>月既不解饮,影徒随我身。</p>
<p>暂伴月将影,行乐须及春。</p>
<p>我歌月徘徊,我舞影零乱。</p>
<p>醒时相交欢,醉后各分散。</p>
<p>永结无情游,相期邈云汉。</p>
</div>
<div class="home-notice">
提一壶美酒摆在花丛间,自斟自酌无友无亲。举杯邀请明月,对着身影成为三人。明月当然不会喝酒,身影也只是随着我身。我只好和他们暂时结成酒伴,要行乐就必须把美好的春光抓紧。我唱歌明月徘徊,我起舞身影零乱。醒时一起欢乐,醉后各自分散。我愿与他们永远结下忘掉伤情的友谊,相约在缥缈的银河边。
</div>
</div>
</label>
</div>
</div>
</div>
</div>
</body>
</html>
- css实现代码
此处省略
此页面的代码在gitcode开源,里面包含了项目的全部代码和素材,需要此页面的的友友可以去自取 京茶吉鹿 / mid-autumn-festival
花好月圆夜,幸福团聚时,月饼不能少
最后,提前祝大家中秋节快乐!如果喜欢这个小项目,希望可以动动小手给个一键三连,你的鼓励,就是我最大的动力!