Updated images

Author: Jared-Gross

index.html

@@ -157,21 +157,21 @@ <h6>Skills involved</h6>
         </article>
         <article class="margin">
             <article class="border no-padding small-round bottom-margin m s">
-                <img class="responsive" style="max-width: 1000px" src="/static/images/gradiance.png"">
+                <img class="responsive" style="max-width: 1000px" src="/static/images/gradebook.png">
             </article>
             <div class="row no-margin">
                 <article class="border max small-round">
                     <div class="row">
-                        <img class="small" src="https://raw.githubusercontent.com/TheCodingJsoftware/Gradiance/master/ui/icons/icon.png">
-                        <h4 class="max left-align small">Gradiance</h4>
+                        <img class="small" src="https://raw.githubusercontent.com/Jared-Gross/Gradebook/master/ui/icons/icon.png">
+                        <h4 class="max left-align small">Gradebook</h4>
                     </div>
                     <p>A website with various <b>mathematical</b> games for students to play that are connected to a <b>gradebook</b>.</p>
                     <nav>
-                        <a class="link" href="https://github.com/TheCodingJsoftware/Gradiance"><i class="mdi mdi-github"></i></a>
+                        <a class="link" href="https://github.com/Jared-Gross/Gradebook"><i class="mdi mdi-github"></i></a>
                     </nav>
                 </article>
                 <article class="border no-padding small-round l">
-                    <img class="responsive" style="max-width: 1000px" src="/static/images/gradiance.png"">
+                    <img class="responsive" style="max-width: 1000px" src="/static/images/gradebook.png">
                 </article>
             </div>
             <div class="grid l">
@@ -851,20 +851,26 @@ <h6>Skills involved</h6>
                 </div>
                 <div class="max">
                         <div class="row">
-                            <img class="small circle" src="https://raw.githubusercontent.com/TheCodingJsoftware/Hutterite-Bookshelf/main/static/icon.png">
+                            <img class="small circle" src="https://raw.githubusercontent.com/TheCodingJsoftware/Hutterite-Bookshelf/main/static/favicon.png">
                             <h4 class="max left-align small">Hutterite Bookshelf</h4>
                         </div>
                         <p>A public archive of Hutterian documents.</p>
                         <nav>
                             <a class="link" href="https://hutteritebookshelf.hbni.net"><i class="mdi mdi-web"></i></a>
                             <a class="link" href="https://github.com/TheCodingJsoftware/Hutterite-Bookshelf"><i class="mdi mdi-github"></i></a>
                         </nav>
-                        <div class="border row padding small-round bottom-margin center-align">
+                        <div class="border row padding small-round bottom-margin center-align scroll" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));">
                             <article class="transparent no-padding row middle-align">
                                 <img class="round" src="https://avatars.githubusercontent.com/u/7468980?s=200&v=4" width="50" height="50"
                                     alt="tornado">
                                 <p class="center-align">Tornado</p>
                             </article>
+                            <article class="transparent no-padding row middle-align">
+                                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48" height="48" viewBox="0 0 48 48">
+                                    <path fill="#fff" d="M44.083,29.79c-0.183-0.829-0.935-1.796-2.452-1.796c-0.31,0-0.649,0.039-1.035,0.119c-0.708,0.146-1.311,0.217-1.842,0.241c4.133-7.04,6.816-16.819,4.159-20.214c-3.501-4.473-8.214-5.141-10.711-5.141L31.967,3c-0.929,0.015-1.893,0.129-2.863,0.339l-3.583,0.774C25.033,4.052,24.536,4.009,24.018,4l-0.03,0l-0.016,0l-0.152-0.001c-1.593,0-3.046,0.338-4.341,0.973l-1.251-0.493c-1.72-0.678-4.308-1.485-6.868-1.485c-0.144,0-0.287,0.003-0.431,0.008C8.407,3.093,6.241,4.05,4.664,5.769C2.696,7.915,1.8,11.054,2.003,15.1C2.013,15.309,4.461,36,11.4,36h0.025l0.064-0.001c0.901-0.022,1.76-0.384,2.563-1.077c0.613,0.46,1.406,0.732,2.145,0.84c0.488,0.115,1.366,0.278,2.418,0.278c1.284,0,2.442-0.263,3.44-0.738c-0.001,0.88-0.006,1.994-0.016,3.418l-0.001,0.075l0.005,0.075c0.097,1.419,0.342,2.698,0.711,3.701c1.051,2.859,2.866,4.434,5.111,4.434c0.093,0,0.188-0.003,0.284-0.009c1.846-0.114,3.717-1.151,5.004-2.772c1.393-1.755,1.715-3.607,1.839-5.026L35,39.111v-0.088v-4.079l0.103,0.01l0.436,0.038l0.042,0.004l0.042,0.002c0.124,0.006,0.252,0.008,0.381,0.008c1.507,0,3.362-0.391,4.616-0.974C41.819,33.476,44.559,31.948,44.083,29.79z"></path><path fill="#0277bd" d="M33,34c0-0.205,0.012-0.376,0.018-0.565C33.008,33.184,33,33,33,33s0.012-0.009,0.032-0.022c0.149-2.673,0.886-3.703,1.675-4.29c-0.11-0.153-0.237-0.318-0.356-0.475c-0.333-0.437-0.748-0.979-1.192-1.674l-0.082-0.158c-0.067-0.164-0.229-0.447-0.435-0.819c-1.183-2.14-3.645-6.592-1.96-9.404c0.738-1.232,2.122-1.942,4.121-2.117C33.986,11.718,30.925,6.115,23.985,6c-0.002,0-0.004,0-0.006,0c-6.041-0.098-8.026,5.392-8.672,8.672c0.89-0.377,1.906-0.606,2.836-0.606c0.014,0,0.029,0,0.043,0c2.29,0.017,3.865,1.239,4.323,3.354c0.335,1.552,0.496,2.91,0.492,4.153c-0.01,2.719-0.558,4.149-1.042,5.411l-0.154,0.408c-0.124,0.334-0.255,0.645-0.379,0.937c-0.126,0.298-0.237,0.563-0.318,0.802c0.484,0.11,0.864,0.265,1.125,0.38l0.151,0.066c0.047,0.02,0.094,0.043,0.137,0.069c0.848,0.516,1.376,1.309,1.489,2.233c0.061,0.498,0.051,3.893,0.03,6.855c0.087,1.285,0.305,2.364,0.593,3.146c0.409,1.114,1.431,3.241,3.394,3.119c1.37-0.085,2.687-0.919,3.561-2.019c0.938-1.181,1.284-2.487,1.414-3.958V34z"></path><path fill="#0277bd" d="M15.114 28.917c-1.613-1.683-2.399-3.947-2.104-6.056.285-2.035.124-4.027.037-5.098-.029-.357-.048-.623-.047-.77 0-.008.002-.015.003-.023 0-.004-.002-.007-.002-.011.121-3.021 1.286-7.787 4.493-10.62C15.932 5.724 13.388 4.913 11 5 7.258 5.136 3.636 7.724 4 15c.137 2.73 3.222 19.103 7.44 19 .603-.015 1.229-.402 1.872-1.176 1.017-1.223 2.005-2.332 2.708-3.104C15.705 29.481 15.401 29.217 15.114 28.917zM37.023 14.731c.015.154.002.286-.022.408.031.92-.068 1.813-.169 2.677-.074.636-.15 1.293-.171 1.952-.021.645.07 1.282.166 1.956.225 1.578.459 3.359-.765 5.437.225.296.423.571.581.837 4.61-7.475 6.468-16.361 4.695-18.626C38.655 5.944 34.941 4.952 31.999 5c-.921.015-1.758.139-2.473.294C34.602 7.754 36.863 13.026 37.023 14.731zM41 30.071c-2.665.55-3.947.257-4.569-.126-.1.072-.2.133-.293.19-.372.225-.961.583-1.105 2.782.083.016.156.025.246.044L35.714 33c1.32.06 3.049-.31 4.063-.781C41.962 31.205 43.153 29.627 41 30.071zM22.023 32.119c-.037-.298-.198-.539-.492-.732l-.108-.047C21.062 31.181 20.653 31 20 31h-.004c-.127.01-.253.019-.38.019-.052 0-.103-.007-.155-.009-.474.365-1.148.647-2.816.99-2.98.759-1.221 1.655-.078 1.794 1.106.277 3.735.614 5.481-.809C22.043 32.537 22.035 32.229 22.023 32.119z"></path><path fill="#0277bd" d="M20.681 18.501c-.292.302-.753.566-1.262.484-.828-.134-1.463-1.133-1.417-1.508h0c.044-.374.751-.569 1.578-.435.287.047.548.128.768.228-.32-.688-.899-1.085-1.782-1.182-1.565-.174-3.226.644-3.56 1.097.007.11.02.251.033.417.093 1.147.265 3.284-.05 5.537-.208 1.485.393 3.169 1.567 4.395.757.79 1.641 1.29 2.513 1.438.111-.478.309-.944.513-1.425.113-.265.233-.547.346-.852l.162-.427c.443-1.155.9-2.35.909-4.703C21.003 20.66 20.892 19.627 20.681 18.501zM34.847 22.007c-.104-.729-.211-1.484-.185-2.303.023-.742.105-1.442.184-2.119.062-.533.11-1.045.138-1.55-1.289.107-2.145.479-2.551 1.108.168-.057.358-.102.568-.129.892-.116 1.543.141 1.618.637.055.363-.253.705-.388.836-.277.269-.626.442-.981.488-.064.008-.129.012-.192.012-.353 0-.69-.121-.949-.3.112 1.973 1.567 4.612 2.283 5.907.153.277.271.498.369.688C35.154 24.163 35.009 23.143 34.847 22.007z"></path>
+                                    </svg>
+                                <p class="center-align">PostgreSQL</p>
+                            </article>
                             <article class="transparent no-padding row middle-align">
                                 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50"
                                     viewBox="0 0 50 50">
@@ -908,19 +914,19 @@ <h4 class="max left-align small">Hutterite Bookshelf</h4>
                                 <p class="center-align">CSS</p>
                             </article>
                             <article class="transparent no-padding row middle-align">
-                                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50"
-                                    viewBox="0 0 50 50">
-                                    <path fill="#ffd600" d="M6,42V6h36v36H6z"></path>
-                                    <path fill="#000001"
-                                        d="M29.538 32.947c.692 1.124 1.444 2.201 3.037 2.201 1.338 0 2.04-.665 2.04-1.585 0-1.101-.726-1.492-2.198-2.133l-.807-.344c-2.329-.988-3.878-2.226-3.878-4.841 0-2.41 1.845-4.244 4.728-4.244 2.053 0 3.528.711 4.592 2.573l-2.514 1.607c-.553-.988-1.151-1.377-2.078-1.377-.946 0-1.545.597-1.545 1.377 0 .964.6 1.354 1.985 1.951l.807.344C36.452 29.645 38 30.839 38 33.523 38 36.415 35.716 38 32.65 38c-2.999 0-4.702-1.505-5.65-3.368L29.538 32.947zM17.952 33.029c.506.906 1.275 1.603 2.381 1.603 1.058 0 1.667-.418 1.667-2.043V22h3.333v11.101c0 3.367-1.953 4.899-4.805 4.899-2.577 0-4.437-1.746-5.195-3.368L17.952 33.029z">
-                                    </path>
+                                <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48" height="48" viewBox="0 0 48 48">
+                                <rect width="36" height="36" x="6" y="6" fill="#1976d2"></rect><polygon fill="#fff" points="27.49,22 14.227,22 14.227,25.264 18.984,25.264 18.984,40 22.753,40 22.753,25.264 27.49,25.264"></polygon><path fill="#fff" d="M39.194,26.084c0,0-1.787-1.192-3.807-1.192s-2.747,0.96-2.747,1.986 c0,2.648,7.381,2.383,7.381,7.712c0,8.209-11.254,4.568-11.254,4.568V35.22c0,0,2.152,1.622,4.733,1.622s2.483-1.688,2.483-1.92 c0-2.449-7.315-2.449-7.315-7.878c0-7.381,10.658-4.469,10.658-4.469L39.194,26.084z"></path>
                                 </svg>
-                                <p class="center-align">JS</p>
+                                <p class="center-align">TS</p>
                             </article>
                         </div>
                         <div class="border small-round padding max">
                             <h6>Skills involved</h6>
                             <li>Database management</li>
+                            <li>Websockets</li>
+                            <li>Webdesign by material standards</li>
+                            <li>Service workers</li>
+                            <li>Caching</li>
                             <li>File sharing</li>
                             <li>Session management</li>
                         </div>