roadmap.git

ref: e3440b587694e9620cd356e6e6edc8436ce8d57e

templates/task.html


  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
<!DOCTYPE html>
<html>
  <head>
    <title>Roadmap {{ .Path }}</title>
    <style>
      @font-face {
        font-family: 'yellowcircle8';
        src: url('https://raw.codeberg.page/apiote/slam-door/@master/yellowcircle8.otf');
        font-weight: normal;
        font-style: normal;
      }
      :root {
        --primary: #3A3A3B;
        --on-primary: #FFFFFF;
        --primary-container: #E4E4E6;
        --on-primary-container: #323233;
        --secondary: #54AF39;
        --on-secondary: #FFFFFF;
        --secondary-container: #C0E6B5;
        --on-secondary-container: #183311;
        --tertiary: #C8963E;
        --on-tertiary: #FFFFFF;
        --tertiary-container: #E6D3B3;
        --on-tertiary-container: #332610;
        --error: #BA3F1D;
        --on-error: #FFFFFF;
        --error-container: #E6B6A9;
        --on-error-container: #331108;
        --background: #fcfcfc;
        --on-background: #333333;
        --surface: #fcfcfc;
        --on-surface: #333333;
        --surface-variant: #e5e5e6;
        --on-surface-variant: #666666;
        --outline: #989899;
      }
      @media (prefers-color-scheme: dark) {
        :root {
            --primary: #E3E3E6;
            --on-primary: #4B4B4C;
            --primary-container: #646466;
            --on-primary-container: #E4E4E6;
            --secondary: #B0E6A1;
            --on-secondary: #254C19;
            --secondary-container: #316622;
            --on-secondary-container: #C0E6B5;
            --tertiary: #E6CC9F;
            --on-tertiary: #4C3918;
            --tertiary-container: #664D20;
            --on-tertiary-container: #E6D3B3;
            --error: #E6A28F;
            --on-error: #4C1A0C;
            --error-container: #662310;
            --on-error-container: #E6B6A9;
            --background: #333333;
            --on-background: #e5e5e6;
            --surface: #333333;
            --on-surface: #e5e5e6;
            --surface-variant: #666666;
            --on-surface-variant: #e5e5e6;
            --outline: #b2b2b3;
        }
      }
      body {
        font-family: 'yellowcircle8';
        font-weight: normal;
        font-style: normal;
        margin: 1rem;
        background-color: var(--background);
        color: var(--on-background);
      }
      #header {
        display: flex;
        justify-content: space-between;
      }
      #subtasks {
        display: flex;
        justify-content: space-between;
        margin-top: 3rem;
      }
      .subtaskHeader {
        border-bottom: solid 1px var(--surface-variant);
      }
      .subtask {
        background-color: var(--surface);
        color: var(--on-surface);
        border: solid 1px var(--outline);
        border-radius: 1rem;
        margin: 1rem;
        padding: 1rem 1rem 0 1rem;
      }
      .subtask:hover {
        background-color: var(--primary-container);
        color: var(--on-primary-container);
      }
      .column {
        flex-grow: 1;
      }
    </style>
    <meta name="color-scheme" content="dark light">
  </head>
  <body>
    <div id="header">
      <div>
        <nav>{{ .Path }}</nav>
        <h1>{{ .Summary }}</h1>
        <p>{{ .Status }}</p>
      </div>
      <div>
        {{ if .Assignee }}<p>assigned to {{ .Assignee }}</p>{{ end }}
        {{ if .Milestone }}<p>milestone: {{ .Milestone }}</p>{{ end }}
        {{ if .Tags }}<p>#{{ .Tags }}</p>{{ end }}
      </div>
    </div>
    <p>{{ .Description }}</p>
    {{ if .Subtasks }}
    <div id="subtasks">
      {{ range .Statuses }}
      <div class="column">
        <div class="subtaskHeader">{{ . }}</div>
        {{ range $.SubtasksMap . }}
          <a href="{{ .Path }}" aria-label="{{ .Path }}" style="text-decoration: none;">
            <div class="subtask">
              {{ .Path }}
              <h3>{{ .Summary }}</h3>
              <p>
              {{ if .Tags }}#{{ .Tags }}<br/>{{ end }}
              {{ if .Assignee }}assigned to {{ .Assignee }}<br/>{{ end }}
              {{ if .Milestone }}milestone: {{ .Milestone }}{{ end }}
              </p>
            </div>
          </a>
        {{ end }}
      </div>
      {{ end }}
    </div>
    {{ end }}
</body>
</html>