<commit_before><div>
	<div class="image-name" ><strong> {{ name }} </strong></div>

		<div id="image_overview">
			<button id="edit_info_button" class="btn btn-primary" onClick="window.open('/xgds_image/edit/{{pk}}', '_blank');">Edit</button>
			<a href="{{raw_image_url}}" class="btn btn-primary" download>Download</a>
			<table>
				<tr>
					<td >{{ author_name }}</td>
					<td colspan=3 >{{prettyTime acquisition_time acquisition_timezone}}</td>
				</tr>
				<tr>
					<td >Heading:</td>
				{{#if head}}
					<td >{{ head }}&deg;</td>
				{{else}}
					<td >n/a</td>
				{{/if}}
					<td >Resolutions:</td>
					<td >{{originalImageResolutionString}} | {{originalImageFileSizeMB}}</td>
				</tr>
				<tr>
					<td colspan=4 id="overview_description">{{ description }}</td>
				</tr>
			</table>
		</div>
        <!-- place to add color palette options -->
        <div id="annotationButtonWrapper">
        <button id="toggleImageAnnotationsMenu" class="btn btn-primary" onclick="xgds_image_annotation.toggleMenuBar()">Annotate Image</button>
        </div>
        <div id="imageAnnotationToolbar">
            <p1> Image Annotation Toolbar </p1>
            <div class="btn-group" data-toggle="buttons">
                <label class="btn btn-primary active">
                <input type="radio" name="annotationsOnOrOff" id="on" autocomplete="off" value="on" checked>On</label>
                <label class="btn btn-primary">
                <input type="radio" name="annotationsOnOrOff" id="off" autocomplete="off" value="off">Off</label>
            </div>

            </br>
            <div class="btn-group" data-toggle="buttons">
                <label class="btn btn-primary active">
                <input type="radio" name="annotationType" id="arrow" autocomplete="off" value="arrow"checked>Arrow</label>
                <label class="btn btn-primary">
                <input type="radio" name="annotationType" id="rectangle" autocomplete="off" value="rectangle">Rectangle</label>
                <label class="btn btn-primary">
                <input type="radio" name="annotationType" id="ellipse" autocomplete="off" value="ellipse">Ellipse</label>
                <label class="btn btn-primary">
                <input type="radio" name="annotationType" id="text" autocomplete="off" value="text">Text</label>

            <input type='text' id="colorPicker"/>

            </div>
            <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off" id="addAnnotation">Add Annotation</button>
            <br>
            <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off" id="loadAnnotation">Load Annotations</button>
            <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off" id="deleteAnnotation">Delete Selected Annotation</button>
            <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off" id="downloadScreenshot">Download Screenshot</button>
        </div>

		<div class="image-wrapper">
			<img class="loading-image"></img>
			<div id="display-image" style="width: 600px; height: 400px;"></div>
		</div>
</div><commit_msg>restructured/organized divs. Sliding problem back with annotate button, remove button to fix<commit_after><div>
	<div class="image-name" ><strong> {{ name }} </strong></div>

		<div id="image_overview">
			<button id="edit_info_button" class="btn btn-primary" onClick="window.open('/xgds_image/edit/{{pk}}', '_blank');">Edit</button>
			<a href="{{raw_image_url}}" class="btn btn-primary" download>Download</a>
			<table>
				<tr>
					<td >{{ author_name }}</td>
					<td colspan=3 >{{prettyTime acquisition_time acquisition_timezone}}</td>
				</tr>
				<tr>
					<td >Heading:</td>
				{{#if head}}
					<td >{{ head }}&deg;</td>
				{{else}}
					<td >n/a</td>
				{{/if}}
					<td >Resolutions:</td>
					<td >{{originalImageResolutionString}} | {{originalImageFileSizeMB}}</td>
				</tr>
				<tr>
					<td colspan=4 id="overview_description">{{ description }}</td>
				</tr>
			</table>
		</div>

        <div id="annotationButtonWrapper">
            <button id="toggleImageAnnotationsMenu" class="btn btn-primary" onclick="xgds_image_annotation.toggleMenuBar()">Annotate Image</button>
        </div>

        </br>
        <div id="imageAnnotationToolbar">
            <div id="imageToolbarRow1">
                <div class="btn-group" data-toggle="buttons">
                    <label class="btn btn-primary active">
                    <input type="radio" name="cursorMode" id="navigateImage" autocomplete="off" value="OSD" checked>Navigate Image</label>
                    <label class="btn btn-primary">
                    <input type="radio" name="cursorMode" id="editAnnotation" autocomplete="off" value="editAnnotation">Edit Annotations</label>
                </div>
                <p1> Image Annotation Toolbar </p1>
                <div class="btn-group" data-toggle="buttons">
                    <label class="btn btn-primary active">
                    <input type="radio" name="annotationsOnOrOff" id="on" autocomplete="off" value="on" checked>On</label>
                    <label class="btn btn-primary">
                    <input type="radio" name="annotationsOnOrOff" id="off" autocomplete="off" value="off">Off</label>
                </div>
            </div>


            <div id="imageToolbarRow2">
            <div class="btn-group" data-toggle="buttons">
                <label class="btn btn-primary active">
                <input type="radio" name="annotationType" id="arrow" autocomplete="off" value="arrow"checked>Arrow</label>
                <label class="btn btn-primary">
                <input type="radio" name="annotationType" id="rectangle" autocomplete="off" value="rectangle">Rectangle</label>
                <label class="btn btn-primary">
                <input type="radio" name="annotationType" id="ellipse" autocomplete="off" value="ellipse">Ellipse</label>
                <label class="btn btn-primary">
                <input type="radio" name="annotationType" id="text" autocomplete="off" value="text">Text</label>
            </div>

            <input type='text' id="colorPicker"/>
                <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off" id="addAnnotation">Add Annotation</button>
            </div>


            <div id="imageToolbarRow3">
                <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off" id="loadAnnotation">Load Annotations</button>
                <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off" id="deleteAnnotation">Delete Selected Annotation</button>
                <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off" id="downloadScreenshot">Download Screenshot</button>
            </div>
        </div>

		<div class="image-wrapper">
			<img class="loading-image"></img>
			<div id="display-image" style="width: 600px; height: 400px;"></div>
		</div>
</div>
{'fraction_non_alphanumeric': 0.16834136269786648, 'fraction_numerical': 0.0031658637302133517, 'mean_word_length': 3.014364640883978, 'pattern_counts': {'":': 0, '<': 183, '<?xml version=': 0, '>': 183, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5146771', 'n_tokens_mistral': 2332, 'n_tokens_neox': 2078, 'n_words': 436}