bob 1 рік тому
батько
коміт
2de9536138
2 змінених файлів з 142 додано та 13 видалено
  1. 4 4
      app.vue
  2. 138 9
      pages/index.vue

+ 4 - 4
app.vue

@@ -3,7 +3,7 @@
     <NuxtRouteAnnouncer /> <!-- Nuxt 路由宣告,用于可访问性 -->
 
     <!-- 页头区域 -->
-    <header class="site-header">
+    <!-- <header class="site-header"> -->
       <!-- 
         将来在这里放置您的Logo。
         请将您的logo图片(例如 logo.png)放置在项目的 `public` 文件夹下。
@@ -11,9 +11,9 @@
         例如: <img src="/logo.png" alt="CCDW Logo" class="logo">
       -->
       <!-- <img src="/your-logo.png" alt="CCDW Logo" class="logo"> -->
-      <h1>纯粹的玩 (CCDW)</h1>
+      <!-- <h1>纯粹的玩 (CCDW)</h1> -->
       <!-- 导航菜单可以稍后添加到这里 -->
-    </header>
+    <!-- </header> -->
 
     <!-- 主内容区域 -->
     <main class="site-main">
@@ -42,7 +42,7 @@ body {
   flex-direction: column; /* 使页脚可以固定在底部 */
   min-height: 100vh; /* 确保在内容不足时,页面也至少有视口高度 */
   color: #333; /* 默认文字颜色 */
-  background-color: #f4f4f4; /* 页面背景色,可根据您的品牌调整 */
+  background-color: #fff; /* 页面背景色,可根据您的品牌调整 */
 }
 
 .site-header {

+ 138 - 9
pages/index.vue

@@ -1,7 +1,69 @@
 <template>
-    <div>
-      <h2>欢迎来到 纯粹的玩 (CCDW)</h2>
-      <p>这里是我们的主页内容。</p>
+    <div class="section intro">
+      <h2>CCDW = 纯粹的玩</h2>
+      <p>“玩”是一种自由的状态。你会发现每个会玩的人,他们的玩都是不同的,是充分自发性和个性化的。</p>
+    </div>
+
+    <div class="section letter">
+      <div class="letter-header">
+        <h2>给玩友们的一封信:纯粹的玩,玩的开心</h2>
+      </div>
+      
+      <div class="letter-content">
+        <p class="greeting">亲爱的玩友:</p>
+
+        <p class="salutation">你好!</p>
+
+        <p>欢迎成为玩友,我是你们的老板 Bob。很抱歉这里有点爹味,但如果你入职或者签约我们,那在法律意义上,我就是你的老板。我知道你不想有老板,但请放心,既然来了,我会尽一切努力让你纯粹的玩。</p>
+
+        <h3>关于公司</h3>
+        <p>当然,既然在法律上我是你的老板,我们就需要一起遵守各种法规,做守法的好公民。</p>
+        <p>"纯粹的玩"由几位股东共同创立,我作为现在的法人和大股东,拥有最终决策权。我唯一的原则是:不损害股东的利益。</p>
+        <p>我更愿意把"纯粹的玩"视为一个社群。如它的字面意思,我希望所有玩友都在这玩得开心。</p>
+        <p>我们的玩友几乎每个人运营着自己的社媒以及社群,不论是公众号、小红书、抖音还是小宇宙。你可以在官网找到他们的介绍。如果正式加入这里,你还可以访问我们的飞书知识库,那里汇总了我们以及玩友们提供的各种服务。</p>
+        <p>对了,我们还有一系列智能体,你可以随时雇佣他们为你服务。</p>
+        <p>公司的愿景是创造并实践一种新的工作模式,探索企业与员工之间的关系,以及人类与智能体之间的协作方式。为此,我们会坚定地致力于构建能够持续学习与进化的企业级人工智能系统。</p>
+
+        <h3>付费上班</h3>
+        <p>你不用来上班,我也一样。</p>
+        <p>但如果你想来,公司很乐意为你提供办公场地,你可以在知识库中找到适合的地点,遍布全球,有些是免费的,有些需要付费。</p>
+        <p>公司会按照国家标准,为你缴纳五险一金。同时,也会按法律规定,发放不低于最低标准的工资。每月你都会收到工资和工资条。</p>
+        <p>不过,由于我不会给你任何工作任务,你的工资其实都由你自己支付。加入公司后,你会得到一个积分账户,我们的积分与人民币1:1兑换。从开户那刻起,你需要付费获取积分,每月工资会从你的积分账户中扣除。</p>
+        <p>我们不想在基本工资与社保这件事上赚你的钱,但也不想因此亏损。公司有法务与税务等成本,因此当你使用积分时,公司会收取一定的手续费,具体比例会动态公布在你的个人页面。</p>
+        <p>请放心,我们会尽可能透明地公开公司运营成本,持积分账户的玩友,可以在飞书知识库中随时查看公司的实时运营仪表盘。此外,我们还会定期发布公司的运营报告。</p>
+        <p>每年,我们还会举办玩友大会。</p>
+        <p>是的,这就是"付费上班"的规则,对所有玩友一视同仁,包括我自己。</p>
+
+        <h3>玩着把钱赚了</h3>
+        <p>好了,规则就那么多,现在你就可以做任何你想做的事,并赚取收入了,你赚到的钱都是你的。</p>
+        <p>此外,公司还会发布一些公开任务,完成后你可以从公司赚到额外的收入。</p>
+        <p>除了办公场地,我们还为你提供法律、税务等各种基础服务,你可以用积分来兑换,很多服务甚至是免费的,也有的服务是智能体提供的。</p>
+
+        <h3>公司怎么赚钱</h3>
+        <p>首先,公司不想通过任何手段,"薅"你的羊毛,公司不会有任何形式的业务分成,你赚到的钱都是你的。公司不想通过出租场地,培训服务等各种变相的方式,去赚你的钱,那些应该是专业服务机构去做的事。公司更不会以任何手段,以中介费、坑位费等形式,去寻求灰色收入。</p>
+        <p>不过,纯粹的玩也不想成为一个慈善机构。那么,公司该如何盈利呢?如果你会问出这样的问题,我感到很欣慰。因为只有形成健康、可持续的现金流,公司才能长久,我们也才能持续一起玩下去。</p>
+        <p>首先,公司会尽力节省日常运营开支,并保持精简的管理架构。从公司来看,每一笔开支最终都会以手续费的形式分摊到每一位玩友身上。因此,我们会充分利用先进的科技,尤其是人工智能技术,最大限度降低公司本身的运营成本。</p>
+        <p>其次,公司会举办玩友大会等活动。如果这些活动能够获得企业赞助,这将成为公司收入的一部分。</p>
+        <p>此外,我们还会制作并销售各类纪念品和周边产品。随着玩友社群的壮大,我们相信这部分收入也将十分可观。</p>
+        <p>这些收入不仅会被用来支持公司运营,还将被用于开发更高效的智能系统,以优化服务、提升效率,并进一步降低玩友们的手续费。</p>
+        <p>如果有需要,我们也允许玩友通过公司与客户签订合同,并获取收入,但我们并不将这部分视为公司本身的收入,我们会尽可能将这部分收入扣除必要的成本后,发放给玩友。</p>
+        <p>从本质上来说,我更将我们视为一家提供玩乐平台的科技公司,而非媒体公司。</p>
+
+        <h3>为所有人负责</h3>
+        <p>最后,我要明确几条规则。</p>
+        <p>巴菲特说过:"判断一件事是否符合正确的价值观,有个简单的测试:想象这件事被如实刊登在明天的报纸上,你是否坦然接受?如果问心无愧,那可以做;如果犹豫,那可能不该做。"</p>
+        <p>请不要做任何有损声誉的事,更不要撒谎。</p>
+        <p>公司假定你随时可能离职。为了支付法律规定的离职赔偿,公司会冻结一部分账户中的积分作为保证金。</p>
+        <p>此外,你可以随时将账户内的积分兑换回人民币,你也可以随时离职或解约,一切自由。</p>
+
+        <p class="closing">不知不觉写了那么多,这可能是这辈子我们最长的一次交流了。</p>
+        <p class="closing">什么也不说了,玩得开心!</p>
+
+        <div class="signature">
+          <p>Bob</p>
+          <p>2025年3月</p>
+        </div>
+      </div>
     </div>
   </template>
   
@@ -9,9 +71,76 @@
   // 如果需要,可以在这里添加页面特定的逻辑
   </script>
   
-  <style scoped>
-  /* 页面特定的样式 */
-  h2 {
-    color: #108775;
-  }
-  </style>
+<style scoped>
+.letter {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: left;
+  background-color: #f4f4f4;
+}
+
+.letter-header {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+.letter-date {
+  color: #666;
+  margin-top: 1rem;
+}
+
+.letter-content {
+  line-height: 1.8;
+}
+.letter-content p {
+  text-indent:2em;
+}
+.letter-content p.greeting {
+  text-indent:0em;
+}
+
+.greeting {
+  margin-bottom: 1.5rem;
+}
+
+.salutation {
+  margin-bottom: 2rem;
+}
+
+h3 {
+  color: #108775;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+}
+
+.closing {
+  margin-top: 2rem;
+  font-style: italic;
+}
+
+.signature {
+  margin-top: 3rem;
+  text-align: center;
+}
+
+p {
+  margin-bottom: 1rem;
+}
+
+/* 页面特定的样式 */
+h2 {
+color: #108775;
+}
+
+div.section {
+  margin-bottom: 6rem;
+} 
+div.intro {
+  text-align: center;
+}   
+div.letter {
+  text-align: left;
+}
+</style>
+