Remove model selector

src/app/app.ts

@@ -99,8 +99,6 @@ const homeLink = document.getElementById('home-link')!
 const homeGenerators = document.getElementById('home-generators')!
 const categoryGenerators = document.getElementById('category-generators')!
 const selectedModel = document.getElementById('selected-model')!
-const modelSelector = document.getElementById('model-selector')!
-const modelSelectorMenu = document.getElementById('model-selector-menu')!
 const languageSelector = document.getElementById('language-selector')!
 const languageSelectorMenu = document.getElementById('language-selector-menu')!
 const themeSelector = document.getElementById('theme-selector')!
@@ -183,15 +181,6 @@ Promise.all([
     }
     selectedModel.textContent = title
     document.title = title
-
-    modelSelectorMenu.innerHTML = ''
-    Object.keys(models).forEach(m => {
-      modelSelectorMenu.insertAdjacentHTML('beforeend', 
-        `<div class="btn${m === selected ? ' selected' : ''}">${locale(m)}</div>`)
-      modelSelectorMenu.lastChild?.addEventListener('click', evt => {
-        reload(publicPath + m)
-      })
-    })
   }
 
   const updateLanguage = (id: string, store = false) => {
@@ -227,13 +216,6 @@ Promise.all([
     reload(publicPath)
   })
 
-  modelSelector.addEventListener('click', evt => {
-    modelSelectorMenu.style.visibility = 'visible'
-    document.body.addEventListener('click', evt => {
-      modelSelectorMenu.style.visibility = 'hidden'
-    }, { capture: true, once: true })
-  })
-
   window.onpopstate = (evt: PopStateEvent) => {
     reload(location.pathname)
   }
@@ -369,7 +351,6 @@ Promise.all([
       homeViewEl.style.display = '';
       (document.querySelector('.gutter') as HTMLElement).style.display = 'none';
       (document.querySelector('.content') as HTMLElement).style.overflowY = 'initial'
-      modelSelector.style.display = 'none'
       panels.forEach(v => v.style.display = 'none')
 
       const addGen = (output: HTMLElement) => (m: any) => {
@@ -391,7 +372,6 @@ Promise.all([
     } else {
       homeViewEl.style.display = 'none';
       (document.querySelector('.gutter') as HTMLElement).style.display = ''
-      modelSelector.style.display = ''
       panels.forEach(v => v.style.display = '')
       
       if (params.has('q')) {

src/index.html

@@ -23,14 +23,10 @@
   <div class="container">
     <div class="header">
       <div class="header-title">
-        <div id="home-link" class="nav-item">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="24" height="24"><path fill-rule="evenodd" d="M8.156 1.835a.25.25 0 00-.312 0l-5.25 4.2a.25.25 0 00-.094.196v7.019c0 .138.112.25.25.25H5.5V8.25a.75.75 0 01.75-.75h3.5a.75.75 0 01.75.75v5.25h2.75a.25.25 0 00.25-.25V6.23a.25.25 0 00-.094-.195l-5.25-4.2zM6.906.664a1.75 1.75 0 012.187 0l5.25 4.2c.415.332.657.835.657 1.367v7.019A1.75 1.75 0 0113.25 15h-3.5a.75.75 0 01-.75-.75V9H7v5.25a.75.75 0 01-.75.75h-3.5A1.75 1.75 0 011 13.25V6.23c0-.531.242-1.034.657-1.366l5.25-4.2h-.001z"></path></svg>
+        <div id="home-link" class="home-link nav-item">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="32" height="32"><path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"></path></svg>
         </div>
         <h2 id="selected-model"></h2>
-        <div class="nav-selector">
-          <svg id="model-selector" class="btn model-selector" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="32" height="32"><path fill-rule="evenodd" d="M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"></path></svg>
-          <div class="nav-selector-menu btn-group" id="model-selector-menu"></div>
-        </div>
       </div>
       <div class="nav">
         <div id="source-toggle" class="nav-item toggle">

src/styles/global.css

@@ -70,12 +70,12 @@ body {
   transition: color var(--style-transition);
 }
 
-.header-title .model-selector {
-  padding: 2px;
+.home-link.nav-item {
+  margin: 0 8px 0 0;
 }
 
-.header-title .nav-item {
-  margin: 0 8px;
+.home-link svg {
+  padding: 2px;
 }
 
 .nav {