portfolio/index.html at main · Bozwe/portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!doctype html>
<html lang="id">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>BosWe — Portofolio KaweruhJawa</title>
  <meta name="description" content="Portofolio BosWe • KaweruhJawa — WordPress & Flutter untuk budaya Jawa: Cek Weton dan Kalender Jawa.">
  <link rel="icon" href="favicon.svg" type="image/svg+xml">

  <!-- Canonical ke domain utama (brand signal) -->
  <link rel="canonical" href="https://kaweruhjawa.com/">

  <!-- Open Graph & Twitter -->
  <meta property="og:type" content="website">
  <meta property="og:title" content="BosWe — Portofolio KaweruhJawa">
  <meta property="og:description" content="WordPress & Flutter untuk budaya Jawa: Cek Weton dan Kalender Jawa.">
  <meta property="og:image" content="images/boswe-logo.svg">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="BosWe — Portofolio KaweruhJawa">
  <meta name="twitter:description" content="WordPress & Flutter untuk budaya Jawa: Cek Weton dan Kalender Jawa.">

  <style>
    :root{--brand:#0a74c7;}
    *{box-sizing:border-box}
    body{font-family:system-ui,Segoe UI,Roboto,Ubuntu,sans-serif;margin:0;background:var(--brand);color:#fff}
    a{color:#fff;text-decoration:none}
    a:hover{text-decoration:underline}
    .wrap{max-width:1000px;margin:0 auto;padding:48px 20px}
    header{display:flex;gap:16px;align-items:center;margin-bottom:24px}
    .logo{width:80px;height:80px;border-radius:50%;background:#fff}
    nav a{color:#fff;margin-right:12px}
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
    .card{background:#fff;color:#222;border-radius:16px;padding:20px;box-shadow:0 8px 30px rgba(0,0,0,.15)}
    .card a{color:var(--brand);font-weight:600}
    .card a:hover{text-decoration:underline}
    .section{margin-top:16px}
    .card ul{margin:0;padding-left:20px}
    footer{opacity:.9;margin-top:28px}

    /* Motif Jawa (truntum) halus di kolom putih */
    .card.pattern{position:relative;overflow:hidden}
    .card.pattern::before{
      content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
      background-image:
        radial-gradient(circle at 20px 20px, rgba(10,116,199,.10) 1.2px, transparent 1.3px),
        radial-gradient(circle at 20px 8px,  rgba(10,116,199,.08) 1px,  transparent 1.1px),
        radial-gradient(circle at 20px 32px, rgba(10,116,199,.08) 1px,  transparent 1.1px),
        radial-gradient(circle at 8px 20px,  rgba(10,116,199,.08) 1px,  transparent 1.1px),
        radial-gradient(circle at 32px 20px, rgba(10,116,199,.08) 1px,  transparent 1.1px);
      background-size:40px 40px;
    }

    /* Badge Google Play sederhana */
    .play-btn{
      display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;
      background:#121212;color:#fff !important;padding:.55rem .8rem;border-radius:10px;
      font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.15)
    }
    .play-btn span{font-size:.70rem;opacity:.8;line-height:1}
    .play-btn strong{font-size:1rem;line-height:1}
  </style>

  <!-- Schema.org Organization -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"Organization",
    "name":"KaweruhJawa",
    "url":"https://kaweruhjawa.com",
    "sameAs":[
      "https://github.com/boswe",
      "https://www.youtube.com/@kaweruhjawa",
      "https://www.tiktok.com/@kaweruhjawa_"
    ]
  }
  </script>

  <!-- Schema MobileApplication (Play Store) -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"MobileApplication",
    "name":"KaweruhJawa",
    "operatingSystem":"Android",
    "applicationCategory":"EducationApplication",
    "url":"https://kaweruhjawa.com",
    "installUrl":"https://play.google.com/store/apps/details?id=id.kaweruhjawa.app",
    "offers":{"@type":"Offer","price":"0","priceCurrency":"IDR"},
    "publisher":{"@type":"Organization","name":"KaweruhJawa"}
  }
  </script>
</head>
<body>
  <div class="wrap">
    <header role="banner">
      <img src="images/boswe-logo.svg" alt="Logo BOS WE" class="logo" loading="lazy">
      <div>
        <h1 style="margin:0">BosWe — Portofolio KaweruhJawa</h1>
        <div>Founder @KaweruhJawa • WordPress + Flutter • Budaya Jawa → produk digital</div>
        <nav aria-label="Navigasi utama">
          <a href="index.html">Beranda</a>
          <a href="https://kaweruhjawa.com/cek-weton/?utm_source=github&utm_medium=portfolio">Cek Weton</a>
          <a href="https://kaweruhjawa.com/kalender-jawa/?utm_source=github&utm_medium=portfolio">Kalender Jawa</a>
          <a href="https://play.google.com/store/apps/details?id=id.kaweruhjawa.app" target="_blank" rel="noopener">App Android</a>
          <a href="https://kaweruhjawa.com/?utm_source=github&utm_medium=portfolio">KaweruhJawa.com</a>
        </nav>
      </div>
    </header>

    <main role="main" aria-label="Konten utama">
      <!-- Kartu proyek (anchor deep-link) -->
      <section class="grid" aria-label="Proyek unggulan">
        <article class="card pattern">
          <h3>Primbon Kaweruh Jawa (Showcase)</h3>
          <p>Plugin WordPress (UI + mock) untuk edukasi budaya Jawa.</p>
          <a href="https://kaweruhjawa.com/cek-weton/?utm_source=github&utm_medium=portfolio">Coba Cek Weton →</a>
        </article>

        <article class="card pattern">
          <h3>KaweruhJawa Calendar (Spec &amp; Mock)</h3>
          <p>Dokumentasi dan struktur data kalender Jawa untuk aplikasi.</p>
          <a href="https://kaweruhjawa.com/kalender-jawa/?utm_source=github&utm_medium=portfolio">Lihat Kalender Jawa →</a>
        </article>

        <article class="card pattern">
          <h3>KaweruhJawa App (Android)</h3>
          <p>Rilis resmi di Google Play. Fitur: Weton, Kalender Jawa, dan lainnya.</p>
          <a class="play-btn" href="https://play.google.com/store/apps/details?id=id.kaweruhjawa.app" target="_blank" rel="noopener">
            <span>Get it on</span><strong>Google Play</strong>
          </a>
        </article>
      </section>

      <!-- Artikel singkat internal -->
      <section class="card section pattern" aria-label="Artikel singkat">
        <h3>Artikel Singkat</h3>
        <ul>
          <li><a href="posts/apa-itu-weton.html">Apa itu Weton?</a></li>
          <li><a href="posts/kalender-jawa-singkat.html">Kalender Jawa (Singkat)</a></li>
          <li><a href="posts/tujuan-kaweruh-jawa.html">Tujuan KaweruhJawa</a></li>
          <li><a href="posts/wuku-dan-pasaran.html">Wuku &amp; Pasaran (Ringkas)</a></li>
          <li><a href="posts/pranata-mangsa-singkat.html">Pranata Mangsa (Singkat)</a></li>
        </ul>
      </section>
    </main>

    <footer role="contentinfo">
      <p>🔗 Lebih lengkap di <a href="https://kaweruhjawa.com/?utm_source=github&utm_medium=portfolio">KaweruhJawa.com</a> — budaya Jawa, <strong>Cek Weton</strong>, dan <strong>Kalender Jawa</strong>.</p>
    </footer>
  </div>
</body>
</html>