removing subtitle

App.tsx

@@ -13,14 +13,12 @@ import Wallpaper from './components/Wallpaper';
 
 const defaultConfig: Config = {
   title: 'Vision Start',
-  subtitle: 'Your personal portal to the web.',
   currentWallpapers: ['Abstract'],
   wallpaperFrequency: '1d',
   wallpaperBlur: 0,
   wallpaperBrightness: 100,
   wallpaperOpacity: 100,
   titleSize: 'medium',
-  subtitleSize: 'medium',
   alignment: 'middle',
   horizontalAlignment: 'middle',
   clock: {

README.md

@@ -82,7 +82,7 @@ npm run dev
   * Dynamic Wallpaper-Based Theming
     * Automatically adapt the UI's accent color to match the current wallpaper
   * Minimal feel toggle
-    * Disable title & subtitle and search widget
+    * Disable title and search widget
     * Tiles become small stylish lines
 
 From a technical side:

components/ConfigurationModal.tsx

@@ -18,7 +18,6 @@ const ConfigurationModal: React.FC<ConfigurationModalProps> = ({ onClose, onSave
   const [config, setConfig] = useState({
     ...currentConfig,
     titleSize: currentConfig.titleSize || 'medium',
-    subtitleSize: currentConfig.subtitleSize || 'medium',
     alignment: currentConfig.alignment || 'middle',
     tileSize: currentConfig.tileSize || 'medium',
     horizontalAlignment: currentConfig.horizontalAlignment || 'middle',
@@ -310,30 +309,6 @@ const ConfigurationModal: React.FC<ConfigurationModalProps> = ({ onClose, onSave
                   ]}
                 />
               </div>
-              <div>
-                <label className="text-slate-300 text-sm font-semibold mb-2 block">Subtitle</label>
-                <input
-                  type="text"
-                  name="subtitle"
-                  value={config.subtitle}
-                  onChange={handleChange}
-                  className="bg-white/10 p-3 rounded-lg w-full focus:outline-none focus:ring-2 focus:ring-cyan-400"
-                />
-              </div>
-              <div className="flex items-center justify-between">
-                <label className="text-slate-300 text-sm font-semibold">Subtitle Size</label>
-                <Dropdown
-                  name="subtitleSize"
-                  value={config.subtitleSize}
-                  onChange={handleChange}
-                  options={[
-                    { value: 'tiny', label: 'Tiny' },
-                    { value: 'small', label: 'Small' },
-                    { value: 'medium', label: 'Medium' },
-                    { value: 'large', label: 'Large' },
-                  ]}
-                />
-              </div>
               <div className="flex items-center justify-between">
                 <label className="text-slate-300 text-sm font-semibold">Vertical Alignment</label>
                 <Dropdown

components/layout/Header.tsx

@@ -59,7 +59,7 @@ const Header: React.FC<HeaderProps> = ({ config }) => {
         </div>
       )}
       <div className={`flex flex-col ${config.alignment === 'bottom' ? 'mt-auto' : ''} items-center`}>
-        {(config.title || config.subtitle) && (
+        {config.title && (
           <div className="text-center">
             <h1
               className={`${getTitleSizeClass(config.titleSize)} font-extrabold text-white tracking-tighter mb-3 mt-4`}
@@ -67,12 +67,6 @@ const Header: React.FC<HeaderProps> = ({ config }) => {
             >
               {config.title}
             </h1>
-            <p
-              className={`${getSubtitleSizeClass(config.subtitleSize)} text-slate-300`}
-              style={{ textShadow: '0 1px 3px rgba(0,0,0,0.5)' }}
-            >
-              {config.subtitle}
-            </p>
           </div>
         )}
       </div>

types.ts

@@ -26,14 +26,12 @@ export interface Wallpaper {
 
 export interface Config {
   title: string;
-  subtitle: string;
   currentWallpapers: string[];
   wallpaperFrequency: string;
   wallpaperBlur: number;
   wallpaperBrightness: number;
   wallpaperOpacity: number;
   titleSize: string;
-  subtitleSize: string;
   alignment: string;
   horizontalAlignment: string;
   clock: {