ref: 2eaef358fd52e3a7e3dbf48e40d7b592fd67bb58
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> |