WorkFlowTest-Submod-Two/index.html at main · MitosisCreative/WorkFlowTest-Submod-Two · 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Submodule Two — WorkFlowTest</title>
<style>
  :root {
    --bg: #0f1115; --panel: #171a21; --border: #272b36;
    --text: #e6e8ee; --muted: #9aa2b1;
    --accent: #4dd0b1; --accent-soft: rgba(77,208,177,0.12);
  }
  @media (prefers-color-scheme: light) {
    :root {
      --bg: #f6f7f9; --panel: #ffffff; --border: #e3e6eb;
      --text: #1a1d24; --muted: #5c6472;
      --accent: #12907a; --accent-soft: rgba(18,144,122,0.08);
    }
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: var(--bg); color: var(--text); line-height: 1.65;
    -webkit-font-smoothing: antialiased;
  }
  .wrap { max-width: 720px; margin: 0 auto; padding: 48px 24px 96px; }
  .back {
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--muted); text-decoration: none; font-size: 0.88rem; margin-bottom: 32px;
  }
  .back:hover { color: var(--accent); }
  .eyebrow {
    display: inline-block; font-size: 12px; letter-spacing: 0.12em;
    text-transform: uppercase; color: var(--accent);
    background: var(--accent-soft); padding: 4px 10px; border-radius: 999px;
    margin-bottom: 16px; font-weight: 600;
  }
  h1 { font-size: 2rem; margin: 0 0 12px; letter-spacing: -0.02em; }
  .lede { color: var(--muted); font-size: 1.05rem; margin: 0 0 40px; }
  h2 { font-size: 1.2rem; margin: 40px 0 12px; letter-spacing: -0.01em; }
  p { margin: 0 0 16px; }
  .panel {
    background: var(--panel); border: 1px solid var(--border);
    border-radius: 12px; padding: 20px 22px; margin: 24px 0;
  }
  .panel p:last-child { margin-bottom: 0; }
  .status { display: inline-flex; align-items: center; gap: 8px; font-size: 0.85rem; color: var(--muted); }
  .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); display: inline-block; }
  footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--border); color: var(--muted); font-size: 0.85rem; }
  footer code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--text); }
</style>
</head>
<body>
  <div class="wrap">
    <a class="back" href="../../index.html">← Back to directory</a>
    <span class="eyebrow">Project · Submodule Two</span>
    <h1>Submodule Two</h1>
    <p class="lede">Placeholder project page. Lorem ipsum content standing in for the real
    project until its pages are built out.</p>

    <div class="panel">
      <span class="status"><span class="dot"></span> Status: placeholder — content pending</span>
    </div>

    <h2>Overview</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna,
    vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper.
    Cras mattis consectetur purus sit amet fermentum.</p>
    <p>Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla.
    Nullam quis risus eget urna mollis ornare vel eu leo. Integer posuere erat a ante venenatis
    dapibus posuere velit aliquet.</p>

    <h2>Highlights</h2>
    <p>Aenean lacinia bibendum nulla sed consectetur. Morbi leo risus, porta ac consectetur ac,
    vestibulum at eros. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
    ridiculus mus.</p>
    <p>Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Nulla vitae elit
    libero, a pharetra augue. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum
    nibh.</p>

    <h2>Details</h2>
    <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non
    commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit
    tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>

    <footer>
      This project is a git submodule of the <a href="../../index.html" style="color:var(--accent);text-decoration:none;">WorkFlowTest</a>
      directory · <code>projects/submod-two</code>
    </footer>
  </div>
</body>
</html>