738738 line-height : 1.4 ;
739739 }
740740
741- .toast {
742- position : fixed;
743- top : 2rem ;
744- right : 2rem ;
745- background : var (--glass-bg );
746- backdrop-filter : blur (24px ) saturate (180% );
747- border : 1px solid var (--glass-border );
748- border-radius : 12px ;
749- padding : 1rem 1.25rem ;
750- color : var (--text-primary );
751- box-shadow : 0 8px 24px rgba (0 , 0 , 0 , 0.2 );
752- transform : translateX (100% );
753- transition : transform 0.3s cubic-bezier (0.4 , 0 , 0.2 , 1 );
754- z-index : 1000 ;
755- max-width : 320px ;
756- }
757-
758- .toast .show {
759- transform : translateX (0 );
760- }
761-
762- .toast .success {
763- border-left : 4px solid var (--accent-green );
764- }
765-
766741 .no-results {
767742 text-align : center;
768743 padding : 2rem ;
@@ -1871,10 +1846,6 @@ <h3>Books</h3>
18711846 </ div >
18721847 </ a >
18731848
1874- < div id ="toast " class ="toast ">
1875- < span id ="toast-message "> </ span >
1876- </ div >
1877-
18781849 < script >
18791850 document . addEventListener ( "DOMContentLoaded" , ( ) => {
18801851 const mobileMenuToggle = document . getElementById ( "mobile-menu-toggle" ) ;
@@ -1884,7 +1855,6 @@ <h3>Books</h3>
18841855 const navLinks = document . querySelectorAll ( ".nav-link" ) ;
18851856 const searchInput = document . getElementById ( "search-input" ) ;
18861857 const backToTopBtn = document . getElementById ( "back-to-top" ) ;
1887- const toast = document . getElementById ( "toast" ) ;
18881858 const themeToggle = document . getElementById ( "theme-toggle" ) ;
18891859 const allContentSections = contentContainer . querySelectorAll ( '.content-section' ) ;
18901860 const resourceSections = contentContainer . querySelectorAll ( '.content-section:not(#initial-content):not(#no-results)' ) ;
@@ -1895,20 +1865,8 @@ <h3>Books</h3>
18951865 themeToggle . addEventListener ( "click" , ( ) => {
18961866 isDarkMode = ! isDarkMode ;
18971867 document . body . classList . toggle ( "light-mode" ) ;
1898- showToast ( isDarkMode ? "Dark mode enabled" : "Light mode enabled" ) ;
18991868 } ) ;
19001869
1901- function showToast ( message ) {
1902- const toastMsg = document . getElementById ( "toast-message" ) ;
1903- toastMsg . textContent = message ;
1904- toast . classList . add ( "show" , "success" ) ;
1905-
1906- setTimeout ( ( ) => {
1907- toast . classList . remove ( "show" ) ;
1908- setTimeout ( ( ) => toast . classList . remove ( "success" ) , 300 ) ;
1909- } , 3000 ) ;
1910- }
1911-
19121870 window . switchContent = ( sectionId ) => {
19131871 allContentSections . forEach ( ( section ) => {
19141872 section . classList . remove ( "active" ) ;
@@ -2012,7 +1970,6 @@ <h3>Books</h3>
20121970
20131971 backToTopBtn . addEventListener ( "click" , ( ) => {
20141972 window . scrollTo ( { top : 0 , behavior : "smooth" } ) ;
2015- showToast ( "Scrolled to top" ) ;
20161973 } ) ;
20171974
20181975 mobileMenuToggle . addEventListener ( "click" , ( e ) => {
@@ -2047,20 +2004,13 @@ <h3>Books</h3>
20472004 const link = e . target . closest ( ".resource-title" ) ;
20482005 navigator . clipboard
20492006 . writeText ( link . href )
2050- . then ( ( ) => {
2051- showToast ( "Link copied to clipboard!" ) ;
2052- } )
2053- . catch ( ( ) => {
2054- showToast ( "Failed to copy link" ) ;
2055- } ) ;
20562007 }
20572008 } ) ;
20582009
20592010 document . addEventListener ( "keydown" , ( e ) => {
20602011 if ( ( e . ctrlKey || e . metaKey ) && e . key === "k" ) {
20612012 e . preventDefault ( ) ;
20622013 searchInput . focus ( ) ;
2063- showToast ( "Search focused" ) ;
20642014 }
20652015
20662016 if ( e . key === "Escape" && document . activeElement === searchInput ) {
0 commit comments