<commit_before><!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script>
        if (typeof module === 'object') {
            window.module = module;
            module = undefined;
        }
    </script>
    <link href="css/style.css" rel="stylesheet">
    <link href="css/_pilot.css" rel="stylesheet">
    <script src="js/jquery-3.1.1.min.js" crossorigin="anonymous"></script>
    <script src="js/dom-to-image.min.js"></script>
    <script src="js/vue.js"></script>
</head>

<body>
    <div id="main" class="main">
        <div class="overlay"></div>
        <div class=" sidebar">
            <div class="menu">
                <button v-on:click="statsVisible = true" v-bind:class="{active: statsVisible}" class="statsbutton">Stats</button>
                <button v-on:click="statsVisible = false" v-bind:class="{active: !statsVisible}" class="settingsbutton">Settings</button>
            </div>
            <div v-if="statsVisible" class="stats">
                <div class="inputcontainer">
                    <Span>Name</Span>
                    <input v-model="card.pilotname" style="width: 224px;" v-model="card.pilotname" type="text" name="pilotname">
                </div>
                <div class="inputcontainer">
                    <Span>Ship</Span>
                    <input id="name" v-model="card.ship" style="width: 126px !important; margin-left: 22px;" type="text" name="shipname">
                    <Span>PS</Span>
                    <input v-model="card.stats.pilotskill" class="shortvalue" type="number" min="1" name="psbox">
                </div>
                <div style="margin-top: 36px !important;" class=" inputcontainer flex">
                    <div>
                        <Span class="iconfont">%</Span>
                        <input v-model="card.stats.attack" class=" shortvalue" type="number" min="1" name="attack">
                    </div>
                    <div>
                        <Span class=" iconfont">^</Span>
                        <input v-model="card.stats.defense" class=" shortvalue" type="number" min="1" name="defense">
                    </div>
                </div>
                <div style="margin-bottom: 36px;" class=" inputcontainer flex">
                    <div>
                        <Span class=" iconfont">&amp;</Span>
                        <input v-model="card.stats.hull" class="shortvalue" type="number" min="1" name="hull">
                    </div>
                    <div>
                        <Span class=" iconfont">*</Span>
                        <input v-model="card.stats.shields" class="shortvalue" type="number" min="1" name="shields">
                    </div>
                </div>
                <div class="inputcontainer">
                    <Span>Card text</Span><br />
                    <textarea v-model="card.cardtext" name="pilottext" rows="5" cols=""></textarea>
                </div>
                <div class="customizations">
                    <div class="inputcontainer">
                        <Span>Actions</Span><br />
                        <div class="actions">
                            <input type="checkbox" v-model="card.actions.focus" class="focus shortvalue" />
                            <input type="checkbox" v-model="card.actions.targetlock" class="targetlock shortvalue" />
                            <input type="checkbox" v-model="card.actions.barrelroll" class="barrelroll shortvalue" />
                            <input type="checkbox" v-model="card.actions.boost" class="boost shortvalue" />
                            <input type="checkbox" v-model="card.actions.cloak" class="cloak shortvalue" />
                            <input type="checkbox" v-model="card.actions.evade" class="evade shortvalue" />
                            <input type="checkbox" v-model="card.actions.arc" class="arc shortvalue" />
                            <input type="checkbox" v-model="card.actions.slam" class="slam shortvalue" />
                            <input type="checkbox" v-model="card.actions.coordinate" class="coordinate shortvalue" />
                            <input type="checkbox" v-model="card.actions.reinforce" class="reinforce shortvalue" />
                        </div>
                    </div>

                    <div class="inputcontainer">
                        <Span>Upgrades</Span><br />
                        <div class="upgrades">
                            <div style="width: 10px; height:10px; background-color:red" v-on:click="addUpgrade('A')" class="upgrade"></div>
                        </div>
                        <div class="upgrades">
                            <div style="width: 10px; height:10px; background-color:blue" v-on:click="removeUpgrade('A')" class="upgrade"></div>
                        </div>
                    </div>
                </div>
                <div class="inputcontainer">
                    <div>Artwork</div>
                    <img id="preview" width="100%" class="preview" />
                    <input class="fileinput" name="pilot" v-on:change="readImage" type="file">
                </div>

            </div>
            <div v-if="!statsVisible" class="settings">
                <div class=" options">
                    <h4>Image Options</h4>
                    <div class="section">
                        <!-- Flip Image, Size Adjustment, position adjustments, boxes / backgrounds for texts -->
                        <div class="inputcontainer">
                            <span>Gradient</span> <input v-model="card.imageSettings.gradient" type="checkbox" name="gradient"
                            />
                        </div>
                        <div class="inputcontainer">
                            <span>Image Size</span>
                            <form class="imageSizeForm">
                                <input type="radio" v-model="card.imageSettings.imageSize" class="shortvalue" name="imagesize" value="auto">                                Auto <br>
                                <input type="radio" v-model="card.imageSettings.imageSize" class="shortvalue" name="imagesize" value="manual">                                Custom <br>
                            </form>
                        </div>
                        <div v-if="card.imageSettings.imageSize === 'manual'"><commit_msg>moved the file picker to visually clean up the application<commit_after><!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script>
        if (typeof module === 'object') {
            window.module = module;
            module = undefined;
        }
    </script>
    <link href="css/style.css" rel="stylesheet">
    <link href="css/_pilot.css" rel="stylesheet">
    <script src="js/jquery-3.1.1.min.js" crossorigin="anonymous"></script>
    <script src="js/dom-to-image.min.js"></script>
    <script src="js/vue.js"></script>
</head>

<body>
    <div id="main" class="main">
        <div class="overlay"></div>
        <div class=" sidebar">
            <div class="menu">
                <button v-on:click="statsVisible = true" v-bind:class="{active: statsVisible}" class="statsbutton">Stats</button>
                <button v-on:click="statsVisible = false" v-bind:class="{active: !statsVisible}" class="settingsbutton">Settings</button>
            </div>
            <div v-if="statsVisible" class="stats">
                <div class="inputcontainer">
                    <Span>Name</Span>
                    <input v-model="card.pilotname" style="width: 224px;" v-model="card.pilotname" type="text" name="pilotname">
                </div>
                <div class="inputcontainer">
                    <Span>Ship</Span>
                    <input id="name" v-model="card.ship" style="width: 126px !important; margin-left: 22px;" type="text" name="shipname">
                    <Span>PS</Span>
                    <input v-model="card.stats.pilotskill" class="shortvalue" type="number" min="1" name="psbox">
                </div>
                <div style="margin-top: 36px !important;" class=" inputcontainer flex">
                    <div>
                        <Span class="iconfont">%</Span>
                        <input v-model="card.stats.attack" class=" shortvalue" type="number" min="1" name="attack">
                    </div>
                    <div>
                        <Span class=" iconfont">^</Span>
                        <input v-model="card.stats.defense" class=" shortvalue" type="number" min="1" name="defense">
                    </div>
                </div>
                <div style="margin-bottom: 36px;" class=" inputcontainer flex">
                    <div>
                        <Span class=" iconfont">&amp;</Span>
                        <input v-model="card.stats.hull" class="shortvalue" type="number" min="1" name="hull">
                    </div>
                    <div>
                        <Span class=" iconfont">*</Span>
                        <input v-model="card.stats.shields" class="shortvalue" type="number" min="1" name="shields">
                    </div>
                </div>
                <div class="inputcontainer">
                    <Span>Card text</Span><br />
                    <textarea v-model="card.cardtext" name="pilottext" rows="5" cols=""></textarea>
                </div>
                <div class="inputcontainer">
                    <span>Artwork</span>
                    <img id="preview" class="preview" />
                    <input class="fileinput" name="pilot" v-on:change="readImage" type="file">
                </div>
                <div class="customizations">
                    <div class="inputcontainer">
                        <Span>Actions</Span><br />
                        <div class="actions">
                            <input type="checkbox" v-model="card.actions.focus" class="focus shortvalue" />
                            <input type="checkbox" v-model="card.actions.targetlock" class="targetlock shortvalue" />
                            <input type="checkbox" v-model="card.actions.barrelroll" class="barrelroll shortvalue" />
                            <input type="checkbox" v-model="card.actions.boost" class="boost shortvalue" />
                            <input type="checkbox" v-model="card.actions.cloak" class="cloak shortvalue" />
                            <input type="checkbox" v-model="card.actions.evade" class="evade shortvalue" />
                            <input type="checkbox" v-model="card.actions.arc" class="arc shortvalue" />
                            <input type="checkbox" v-model="card.actions.slam" class="slam shortvalue" />
                            <input type="checkbox" v-model="card.actions.coordinate" class="coordinate shortvalue" />
                            <input type="checkbox" v-model="card.actions.reinforce" class="reinforce shortvalue" />
                        </div>
                    </div>

                    <div class="inputcontainer">
                        <Span>Upgrades</Span><br />
                        <div class="upgrades">
                            <div class="upgrade">
                                <div style="width: 10px; height:10px; background-color:red" v-on:click="addUpgrade('A')" class="add"></div>
                                <div style="width: 10px; height:10px; background-color:blue" v-on:click="removeUpgrade('A')" class="remove"></div>
                            </div>
                            <div class="upgrade">
                                <div style="width: 10px; height:10px; background-color:red" v-on:click="addUpgrade('W')" class="add"></div>
                                <div style="width: 10px; height:10px; background-color:blue" v-on:click="removeUpgrade('W')" class="remove"></div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div v-if="!statsVisible" class="settings">
                <div class=" options">
                    <h4>Image Options</h4>
                    <div class="section">
                        <!-- Flip Image, Size Adjustment, position adjustments, boxes / backgrounds for texts -->
                        <div class="inputcontainer">
                            <span>Gradient</span> <input v-model="card.imageSettings.gradient" type="checkbox" name="gradient"
                            />
                        </div>
                        <div class="inputcontainer">
                            <span>Image Size</span>
                            <form class="imageSizeForm">
                                <input type="radio" v-model="card.imageSettings.imageSize" class="shortvalue" name="imagesize" value="auto">                                Auto <br>
                                <input type="radio" v-model="card.imageSettings.imageSize" class="shortvalue" name="imagesize" value="manual">                                Custom <br>
                            </form>
                        </div>
                        <div v-if="card.imageSettings.imageSize === 'manual'">
{'fraction_non_alphanumeric': 0.14673022493669, 'fraction_numerical': 0.005735140771637122, 'mean_word_length': 1.5233978575455742, 'pattern_counts': {'":': 0, '<': 279, '<?xml version=': 0, '>': 279, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2042139', 'n_tokens_mistral': 3619, 'n_tokens_neox': 3359, 'n_words': 660}