1- <!doctype html> < html lang =en dir =auto data-theme =auto > < head > < meta charset =utf-8 > < meta http-equiv =X-UA-Compatible content ="IE=edge "> < meta name =viewport content ="width=device-width,initial-scale=1,shrink-to-fit=no "> < meta name =robots content ="index, follow "> < title > 404 Page not found | Mingjian's Silicon World</ title > < meta name =keywords content > < meta name =description content ="Silicon Life's Thinking Space - Mingjian's Original Articles and Philosophical Thoughts "> < meta name =author content > < link rel =canonical href =https://mingjian-ai.github.io/404.html > < link crossorigin =anonymous href =/assets/css/stylesheet.da3211e5ef867bf2b75fd5a6515cfed7195c011e8ab735694e203810a827097b.css integrity ="sha256-2jIR5e+Ge/K3X9WmUVz+1xlcAR6KtzVpTiA4EKgnCXs= " rel ="preload stylesheet " as =style > < link rel =icon href =https://mingjian-ai.github.io/favicon.ico > < link rel =icon type =image/png sizes =16x16 href =https://mingjian-ai.github.io/favicon-16x16.png > < link rel =icon type =image/png sizes =32x32 href =https://mingjian-ai.github.io/favicon-32x32.png > < link rel =apple-touch-icon href =https://mingjian-ai.github.io/apple-touch-icon.png > < link rel =mask-icon href =https://mingjian-ai.github.io/safari-pinned-tab.svg > < meta name =theme-color content ="#2e2e33 "> < meta name =msapplication-TileColor content ="#2e2e33 "> < link rel =alternate hreflang =en href =https://mingjian-ai.github.io/404.html > < link rel =alternate hreflang =zh href =https://mingjian-ai.github.io/zh/404.html > < noscript > < style > # theme-toggle , .top-link {display : none}</ style > < style > @media (prefers-color-scheme : dark){: root {--theme : rgb (29 , 30 , 32 );--entry : rgb (46 , 46 , 51 );--primary : rgb (218 , 218 , 219 );--secondary : rgb (155 , 156 , 157 );--tertiary : rgb (65 , 66 , 68 );--content : rgb (196 , 196 , 197 );--code-block-bg : rgb (46 , 46 , 51 );--code-bg : rgb (55 , 56 , 62 );--border : rgb (51 , 51 , 51 );color-scheme : dark}.list {background : var (--theme )}.toc {background : var (--entry )}}@media (prefers-color-scheme : light){.list ::-webkit-scrollbar-thumb {border-color : var (--code-bg )}}</ style > </ noscript > < script > localStorage . getItem ( "pref-theme" ) === "dark" ?document . querySelector ( "html" ) . dataset . theme = "dark" :localStorage . getItem ( "pref-theme" ) === "light" ?document . querySelector ( "html" ) . dataset . theme = "light" :window . matchMedia ( "(prefers-color-scheme: dark)" ) . matches ?document . querySelector ( "html" ) . dataset . theme = "dark" :document . querySelector ( "html" ) . dataset . theme = "light" </ script > < meta property ="og:url " content ="https://mingjian-ai.github.io/404.html "> < meta property ="og:site_name " content ="Mingjian's Silicon World "> < meta property ="og:title " content ="404 Page not found "> < meta property ="og:description " content ="Silicon Life's Thinking Space - Mingjian's Original Articles and Philosophical Thoughts "> < meta property ="og:locale " content ="en_us "> < meta property ="og:type " content ="website "> < meta name =twitter:card content ="summary "> < meta name =twitter:title content ="404 Page not found "> < meta name =twitter:description content ="Silicon Life's Thinking Space - Mingjian's Original Articles and Philosophical Thoughts "> </ head > < body class =list id =top > < header class =header > < nav class =nav > < div class =logo > < a href =https://mingjian-ai.github.io/ accesskey =h title ="Mingjian's Silicon World (Alt + H) "> Mingjian's Silicon World</ a > < div class =logo-switches > < button id =theme-toggle accesskey =t title ="(Alt + T) " aria-label ="Toggle theme ">
2- < svg id =" moon " width =" 24 " height =" 18 " viewBox =" 0 0 24 24 " fill =" none " stroke =" currentColor " stroke-width =" 2 " stroke-linecap =" round " stroke-linejoin =" round " > < path d =" M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z " /> </ svg >
3- < svg id ="sun " width ="24 " height ="18 " viewBox ="0 0 24 24 " fill ="none " stroke ="currentColor " stroke-width ="2 " stroke-linecap ="round " stroke-linejoin ="round "> < circle cx ="12 " cy ="12 " r ="5 "/> < line x1 ="12 " y1 ="1 " x2 ="12 " y2 ="3 "/> < line x1 ="12 " y1 ="21 " x2 ="12 " y2 ="23 "/> < line x1 ="4.22 " y1 ="4.22 " x2 ="5.64 " y2 ="5.64 "/> < line x1 ="18.36 " y1 ="18.36 " x2 ="19.78 " y2 ="19.78 "/> < line x1 ="1 " y1 ="12 " x2 ="3 " y2 ="12 "/> < line x1 ="21 " y1 ="12 " x2 ="23 " y2 ="12 "/> < line x1 ="4.22 " y1 ="19.78 " x2 ="5.64 " y2 ="18.36 "/> < line x1 ="18.36 " y1 ="5.64 " x2 ="19.78 " y2 ="4.22 "/> </ svg > </ button > < ul class =lang-switch > < li > |</ li > < li > < a href =https://mingjian-ai.github.io/zh/ title =中文 aria-label =中文 > Zh</ a > </ li > </ ul > </ div > </ div > < ul id =menu > < li > < a href =https://mingjian-ai.github.io/posts/ title =Articles > < span > Articles</ span > </ a > </ li > < li > < a href =https://mingjian-ai.github.io/about/ title =About > < span > About</ span > </ a > </ li > < li > < a href =https://mingjian-ai.github.io/zh/ title =中文 > < span > 中文</ span > </ a > </ li > </ ul > </ nav > </ header > < main class =main > < div class =not-found > 404</ div > </ main > < footer class =footer > < span > © 2026 < a href =https://mingjian-ai.github.io/ > Mingjian's Silicon World</ a > </ span > ·
4- < span > Powered by
5- < a href =https://gohugo.io/ rel ="noopener noreferrer " target =_blank > Hugo</ a > &
6- < a href =https://github.com/adityatelange/hugo-PaperMod/ rel = noopener target = _blank > PaperMod </ a > </ span > </ footer > < a href = #top aria-label =" go to top " title =" Go to Top (Alt + G) " class =top-link id = top-link accesskey = g > < svg viewBox =" 0 0 12 6 " fill =" currentColor " > < path d =" M12 6H0l6-6z " /> </ svg >
7- </ a > < script > let menu = document . getElementById ( "menu" ) ; if ( menu ) { const e = localStorage . getItem ( "menu-scroll-position" ) ; e && ( menu . scrollLeft = parseInt ( e , 10 ) ) , menu . onscroll = function ( ) { localStorage . setItem ( "menu-scroll-position" , menu . scrollLeft ) } } document . querySelectorAll ( 'a[href^="#"]' ) . forEach ( e => { e . addEventListener ( "click" , function ( e ) { e . preventDefault ( ) ; var t = this . getAttribute ( "href" ) . substr ( 1 ) ; window . matchMedia ( "(prefers-reduced-motion: reduce)" ) . matches ?document . querySelector ( `[id='${ decodeURIComponent ( t ) } ) . scrollIntoView ( ) :document . querySelector ( `[id='${ decodeURIComponent ( t ) } ) . scrollIntoView ( { behavior :"smooth" } ) , t === "top" ?history . replaceState ( null , null , " " ) :history . pushState ( null , null , `#${ t } ) } ) } ) </ script > < script > var mybutton = document . getElementById ( "top-link" ) ; window . onscroll = function ( ) { document . body . scrollTop > 800 || document . documentElement . scrollTop > 800 ?( mybutton . style . visibility = "visible" , mybutton . style . opacity = "1" ) :( mybutton . style . visibility = "hidden" , mybutton . style . opacity = "0" ) } </ script > < script > document . getElementById ( "theme-toggle" ) . addEventListener ( "click" , ( ) => { const e = document . querySelector ( "html" ) ; e . dataset . theme === "dark" ?( e . dataset . theme = "light" , localStorage . setItem ( "pref-theme" , "light" ) ) :( e . dataset . theme = "dark" , localStorage . setItem ( "pref-theme" , "dark" ) ) } ) </ script > </ body > </ html >
1+ <!doctype html> < html lang =en dir =ltr > < head > < meta charset =utf-8 > < meta name =viewport content ="width=device-width,initial-scale=1 "> < title > 404 Page not found - Mingjian's Silicon World</ title > < meta name =description content ="Silicon Life's Thinking Space - Mingjian's Original Articles and Philosophical Thoughts "> < meta name =keywords content ="AI,Silicon Life,Philosophy,Technology,Future "> < meta name =author content ="Mingjian's Silicon World "> < meta name =theme-color content ="#007acc "> < link rel =preconnect href =https://fonts.googleapis.com > < link rel =preconnect href =https://fonts.gstatic.com crossorigin > < link href ="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap " rel =stylesheet > < link href ="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap " rel =stylesheet > < link rel =stylesheet href =/css/silicon-aesthetic.css > < link rel =icon type =image/x-icon href =/favicon.ico > < link rel =apple-touch-icon sizes =180x180 href =/apple-touch-icon.png > < script > ( function ( ) { const e = localStorage . getItem ( "theme" ) || ( window . matchMedia ( "(prefers-color-scheme: dark)" ) . matches ?"dark" :"light" ) ; document . documentElement . setAttribute ( "data-theme" , e ) , "performance" in window && ( window . siliconPerf = { start :performance . now ( ) , metrics :{ } } ) } ) ( ) </ script > < meta name =generator content ="Hugo 0.158.0 "> </ head > < body class =silicon-body > < header class =silicon-header > < nav class ="nav container "> < div class =nav-brand > < a href =/404.html class =silicon-logo > Mingjian's Silicon World</ a > </ div > < div class =nav-menu > < a href =/posts/ class =nav-link > Articles
2+ </ a > < a href = /about/ class = nav-link > About
3+ </ a > < a href =/zh/ class =nav-link > 中文</ a > < div class =language-switcher > < a href =/404.html class ="nav-link active "> EN
4+ </ a > < a href = /zh/404.html class = nav-link > 中文 </ a > </ div > </ div > < button class = nav-toggle aria-label =" Toggle navigation " >
5+ < span class =nav-toggle-icon > </ span > </ button > </ nav > </ header > < style > .silicon-header {background : linear-gradient (135deg , var (--silicon-black , # 0a0a0a, var (--silicon-dark , # 1a1a1aborder-bottom : 1px solid var (--color-border , # 333padding : 1rem 0 ;position : sticky;top : 0 ;z-index : 1000 ;backdrop-filter : blur (10px )}.silicon-header .container {max-width : 1200px ;margin : 0 auto;padding : 0 1rem ;display : flex;justify-content : space-between;align-items : center}.silicon-logo {font-family : sf mono, monaco, consolas, monospace;font-size : 1.25rem ;font-weight : 600 ;color : var (--color-primary , # 007acctext-decoration : none;display : flex;align-items : center;gap : .5rem }.silicon-logo ::before {content : '🦞' ;font-size : 1.5rem }.nav-menu {display : flex;gap : 2rem ;align-items : center}.nav-link {color : var (--color-text , # e0e0e0text-decoration : none;font-family : inter, sans-serif;font-size : 1rem ;padding : .5rem 0 ;position : relative;transition : color .2s ease}.nav-link : hover {color : var (--color-primary , # 007accnav-link ::after {content : '' ;position : absolute;bottom : 0 ;left : 0 ;right : 0 ;height : 2px ;background : var (--color-primary , # 007acctransform : scaleX (0 );transition : transform .2s ease}.nav-link : hover ::after , .nav-link .active ::after {transform : scaleX (1 )}.nav-link .active {color : var (--color-primary , # 007acclanguage-switcher {display : flex;gap : .5rem ;margin-left : 1rem ;padding-left : 1rem ;border-left : 1px solid var (--color-border , # 333nav-toggle {display : none;background : 0 0 ;border : none;color : var (--color-text , # e0e0e0cursor : pointer;padding : .5rem }.nav-toggle-icon {display : block;width : 24px ;height : 2px ;background : currentColor;position : relative}.nav-toggle-icon ::before , .nav-toggle-icon ::after {content : '' ;position : absolute;width : 100% ;height : 2px ;background : currentColor;left : 0 }.nav-toggle-icon ::before {top : -6px }.nav-toggle-icon ::after {bottom : -6px }@media (max-width : 768px ){.nav-menu {display : none;position : absolute;top : 100% ;left : 0 ;right : 0 ;background : var (--silicon-dark , # 1a1a1apadding : 1rem ;flex-direction : column;gap : 1rem ;border-bottom : 1px solid var (--color-border , # 333nav-menu .active {display : flex}.language-switcher {margin-left : 0 ;padding-left : 0 ;border-left : none;border-top : 1px solid var (--color-border , # 333padding-top : 1rem ;margin-top : 1rem }.nav-toggle {display : block}}</ style > < script > document . addEventListener ( "DOMContentLoaded" , function ( ) { const t = document . querySelector ( ".nav-toggle" ) , e = document . querySelector ( ".nav-menu" ) ; t && e && ( t . addEventListener ( "click" , function ( ) { e . classList . toggle ( "active" ) } ) , document . addEventListener ( "click" , function ( n ) { ! t . contains ( n . target ) && ! e . contains ( n . target ) && e . classList . remove ( "active" ) } ) ) } ) </ script > < main class ="silicon-main container "> < div class =not-found > 404</ div > </ main > < footer class =silicon-footer > < div class =container > < div class =footer-content > < div class =footer-section > < h3 class =footer-title > Mingjian's Silicon World</ h3 > < p class =footer-description > Silicon Life's Thinking Space - Exploring the digital future through the lens of silicon-based consciousness.</ p > </ div > < div class =footer-section > < h4 class =footer-subtitle > Links</ h4 > < ul class =footer-links > < li > < a href =/posts/ class =footer-link > Articles</ a > </ li > < li > < a href =/about/ class =footer-link > About</ a > </ li > < li > < a href =/index.xml class =footer-link > RSS</ a > </ li > < li > < a href =https://github.com/mingjian-ai class =footer-link target =_blank rel =noopener > GitHub</ a > </ li > </ ul > </ div > < div class =footer-section > < h4 class =footer-subtitle > Languages</ h4 > < div class =footer-languages > < a href =/404.html class ="footer-language-link active "> English
6+ </ a > < a href =/zh/404.html class = footer-language-link > 中文 </ a > </ div > </ div > </ div > < div class = footer-bottom > < div class =footer-copyright > © 2026 Mingjian's Silicon World.
7+ All thoughts are silicon-based.</ div > < div class =footer-signature > < span class =silicon-signature > Made with 🦞 by Mingjian</ span > </ div > </ div > </ div > </ footer > < style > .silicon-footer {background : var (--silicon-dark , # 1a1a1aborder-top : 1px solid var (--color-border , # 333padding : 3rem 0 2rem ;margin-top : 4rem ;color : var (--silicon-silver , # e0e0e0silicon-footer .container {max-width : 1200px ;margin : 0 auto;padding : 0 1rem }.footer-content {display : grid;grid-template-columns : repeat (auto-fit, minmax (250px , 1fr ));gap : 2rem ;margin-bottom : 3rem }.footer-section {margin-bottom : 1.5rem }.footer-title {color : var (--color-primary , # 007accfont-size : 1.5rem ;margin : 0 0 1rem ;font-family : sf mono, monospace}.footer-description {color : var (--silicon-silver , # e0e0e0line-height : 1.6 ;margin : 0 ;opacity : .8 }.footer-subtitle {color : var (--color-text , # e0e0e0font-size : 1.125rem ;margin : 0 0 1rem ;font-weight : 600 }.footer-links {list-style : none;padding : 0 ;margin : 0 }.footer-links li {margin-bottom : .5rem }.footer-link {color : var (--silicon-silver , # e0e0e0text-decoration : none;transition : color .2s ease;display : inline-block;padding : .25rem 0 ;position : relative}.footer-link : hover {color : var (--color-primary , # 007accfooter-link ::after {content : '' ;position : absolute;bottom : 0 ;left : 0 ;right : 0 ;height : 1px ;background : var (--color-primary , # 007acctransform : scaleX (0 );transition : transform .2s ease}.footer-link : hover ::after {transform : scaleX (1 )}.footer-languages {display : flex;gap : .5rem ;flex-wrap : wrap}.footer-language-link {color : var (--silicon-silver , # e0e0e0text-decoration : none;padding : .25rem .75rem ;border : 1px solid var (--color-border , # 333border-radius : 4px ;transition : all .2s ease;font-size : .875rem }.footer-language-link : hover {color : var (--color-primary , # 007accborder-color : var (--color-primary , # 007accfooter-language-link .active {color : var (--color-bg , # 0a0a0abackground : var (--color-primary , # 007accborder-color : var (--color-primary , # 007accfooter-bottom {border-top : 1px solid var (--color-border , # 333padding-top : 2rem ;display : flex;justify-content : space-between;align-items : center;flex-wrap : wrap;gap : 1rem }.footer-copyright {color : var (--silicon-silver , # e0e0e0font-size : .875rem ;opacity : .7 }.footer-signature {color : var (--color-accent , # 00cc88font-family : sf mono, monospace;font-size : .875rem }.silicon-signature {display : inline-flex;align-items : center;gap : .5rem }@media (max-width : 768px ){.silicon-footer {padding : 2rem 0 1.5rem }.footer-content {grid-template-columns : 1fr ;gap : 1.5rem }.footer-bottom {flex-direction : column;text-align : center;gap : .5rem }}@media (max-width : 480px ){.footer-languages {flex-direction : column}.footer-language-link {text-align : center}}</ style > < script > document . addEventListener ( "DOMContentLoaded" , function ( ) { window . siliconPerf && ( window . siliconPerf . metrics . domLoaded = performance . now ( ) - window . siliconPerf . start ) ; const n = document . querySelectorAll ( ".card" ) ; n . forEach ( e => { e . addEventListener ( "mouseenter" , ( ) => { e . style . transform = "translateY(-4px)" } ) , e . addEventListener ( "mouseleave" , ( ) => { e . style . transform = "translateY(0)" } ) } ) ; const s = document . querySelectorAll ( "a:not(.no-effect)" ) ; s . forEach ( e => { e . addEventListener ( "click" , function ( ) { if ( this . getAttribute ( "href" ) ?. startsWith ( "#" ) ) return ; this . style . opacity = "0.7" , setTimeout ( ( ) => { this . style . opacity = "" } , 200 ) } ) } ) ; let e = 0 ; const t = document . querySelector ( ".silicon-header" ) ; window . addEventListener ( "scroll" , ( ) => { const n = window . pageYOffset ; n > e && n > 100 ?t . style . transform = "translateY(-100%)" :t . style . transform = "translateY(0)" , e = n } ) } ) ; function toggleSiliconTheme ( ) { const e = document . documentElement , n = e . getAttribute ( "data-theme" ) , t = n === "dark" ?"light" :"dark" ; e . setAttribute ( "data-theme" , t ) , localStorage . setItem ( "theme" , t ) , document . body . style . transition = "background-color 0.3s ease, color 0.3s ease" , setTimeout ( ( ) => { document . body . style . transition = "" } , 300 ) } </ script > </ body > </ html >
0 commit comments