···

       
135
       
 
       
                <li><label><input type="radio" name="summaryType" defaultChecked={props.summaryType === 'chapter'} value="chapter" onChange={e => updateProp(e.target.name, e.target.value)} /> Chapter Summary (if available)</label></li>

     

       
136
       
 
       
                <li><label><input type="radio" name="summaryType" defaultChecked={props.summaryType === 'custom'} value="custom" onChange={e => updateProp(e.target.name, e.target.value)} /> Custom Summary</label></li>

     

       
137
       
 
       
              </ul>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
138
       
 
       
            </div>

     

       
139
       
-
       
            {props.summaryType === 'custom' && (

     

       
140
       
-
       
              <div className="input-field">

     

       
141
       
-
       
                <label htmlFor="customSummary">Custom Summary</label>

     

       
142
       
-
       
                <textarea name="customSummary" id="customSummary" onChange={e => updateProp(e.target.name, e.target.value)}></textarea>

     

       
143
       
-
       
              </div>

     

       
144
       
-
       
            )}

     

       
145
       
 
       
          </div>

     

       
146
       
 
       
        </details>

     

       
147
       
 
       
      </form>

     

···

       
135
       
 
       
                <li><label><input type="radio" name="summaryType" defaultChecked={props.summaryType === 'chapter'} value="chapter" onChange={e => updateProp(e.target.name, e.target.value)} /> Chapter Summary (if available)</label></li>

     

       
136
       
 
       
                <li><label><input type="radio" name="summaryType" defaultChecked={props.summaryType === 'custom'} value="custom" onChange={e => updateProp(e.target.name, e.target.value)} /> Custom Summary</label></li>

     

       
137
       
 
       
              </ul>

     

       
138
       
+
       
              {props.summaryType === 'custom' && (

     

       
139
       
+
       
                <div className="input-field">

     

       
140
       
+
       
                  <label htmlFor="customSummary">Custom Summary</label>

     

       
141
       
+
       
                  <textarea name="customSummary" id="customSummary" onChange={e => updateProp(e.target.name, e.target.value)}></textarea>

     

       
142
       
+
       
                </div>

     

       
143
       
+
       
              )}

     

       
144
       
 
       
            </div>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
145
       
 
       
          </div>

     

       
146
       
 
       
        </details>

     

       
147
       
 
       
      </form>

     

···

       
52
       
 
       
}

     

       
53
       
 
       


     

       
54
       
 
       
textarea {

     

       
55
       
-
       
  width: 500px;

     

       
56
       
 
       
  max-width: 100%;

     

       
57
       
-
       
  min-height: 200px;

     

       
58
       
 
       
}

     

       
59
       
 
       


     

       
60
       
 
       
.input-field {

     
···

       
63
       
 
       


     

       
64
       
 
       
form ul {

     

       
65
       
 
       
  list-style: none;

     

       
66
       
-
       
  margin: 0;

     

       
67
       
 
       
  padding: 0;

     

       
68
       
 
       
}

     

       
69
       
 
       


     
···

       
82
       
 
       
  gap: 20px;

     

       
83
       
 
       
}

     

       
84
       
 
       


     

       
85
       
-
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
86
       
 
       


     

       
87
       
 
       
#output {

     

       
88
       
 
       
  border: 1px white dashed;

     

···

       
52
       
 
       
}

     

       
53
       
 
       


     

       
54
       
 
       
textarea {

     

       
55
       
+
       
  width: 100%;

     

       
56
       
 
       
  max-width: 100%;

     

       
57
       
+
       
  min-height: 100px;

     

       
58
       
 
       
}

     

       
59
       
 
       


     

       
60
       
 
       
.input-field {

     
···

       
63
       
 
       


     

       
64
       
 
       
form ul {

     

       
65
       
 
       
  list-style: none;

     

       
66
       
+
       
  margin: 0 0 1em;

     

       
67
       
 
       
  padding: 0;

     

       
68
       
 
       
}

     

       
69
       
 
       


     
···

       
82
       
 
       
  gap: 20px;

     

       
83
       
 
       
}

     

       
84
       
 
       


     

       
85
       
+
       
@media only screen and (max-width: 767px) {

     

       
86
       
+
       
  details .cols {

     

       
87
       
+
       
    grid-template-columns: auto;

     

       
88
       
+
       
    gap: 0;

     

       
89
       
+
       
  }

     

       
90
       
+
       
}

     

       
91
       
 
       


     

       
92
       
 
       
#output {

     

       
93
       
 
       
  border: 1px white dashed;

     

···

       
5
       
 
       
export const metadata = {

     

       
6
       
 
       
  title: process.env.SITENAME,

     

       
7
       
 
       
  description: process.env.DESCRIPTION,

     

       
0
       
 
       

     

       
8
       
 
       
};

     

       
9
       
 
       


     

       
10
       
 
       
export default function RootLayout({ children }) {

     

···

       
5
       
 
       
export const metadata = {

     

       
6
       
 
       
  title: process.env.SITENAME,

     

       
7
       
 
       
  description: process.env.DESCRIPTION,

     

       
8
       
+
       
  viewport: "width=device-width, initial-scale=1.0"

     

       
9
       
 
       
};

     

       
10
       
 
       


     

       
11
       
 
       
export default function RootLayout({ children }) {