Main Page: Difference between revisions

@@ Line 1: / Line 1: @@
-<templatestyles src="Template:Main_Page/styles.css" />
+{{Main page header}}
-<div id="mp-topbanner" class="mp-box">
+<div id="main-page-wrapper">
-<div id="mp-welcomecount">
+<div id="main-page-content">
-<div id="mp-welcome"><h1>Welcome to ComputerScience.wiki</h1></div>
-<div id="mp-free"> A free, community-driven wiki to learn everything about IT</div>
+<div class="main-page-section" id="main-page-welcome">
-<div id="articlecount"><ul><li>🛠️ [[Special:Statistics|{{NUMBEROFACTIVEUSERS}}]] active editors</li><li>📚 [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles in English</li></ul></div>
+<div class="main-page-section-header">Welcome to ComputerScience.wiki</div>
+<div class="main-page-welcome-content">
+The collaborative encyclopedia of computer science that anyone can edit. We're working on [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles in [[Special:AllPages|{{NUMBEROFACTIVEUSERS}} active categories]].
 </div>
+<div class="main-page-search">
+<div class="main-page-search-label">Search ComputerScience.wiki:</div>
+{{Special:Search}}
 </div>
+</div>
+<div class="main-page-row">
+<div class="main-page-column">
+{{Portal box
+|title=Programming
+|image=Programming.svg
+|content=Explore the fundamentals of programming languages, paradigms, and software development methodologies.
+|links=
+* [[Category:Programming Languages|Programming languages]]
+* [[Category:Software Engineering|Software engineering]]
+* [[Category:Algorithms|Algorithms and data structures]]
+* [[Category:Design Patterns|Design patterns]]
+* [[Category:Web Development|Web development]]
+* [[Category:Mobile Development|Mobile development]]
+}}
+{{Portal box
+|title=Artificial Intelligence
+|image=AI.svg
+|content=Discover the world of AI, including machine learning, neural networks, and natural language processing.
+|links=
+* [[Category:Machine Learning|Machine learning]]
+* [[Category:Deep Learning|Deep learning]]
+* [[Category:Natural Language Processing|NLP]]
+* [[Category:Computer Vision|Computer vision]]
+* [[Category:Reinforcement Learning|Reinforcement learning]]
+* [[Category:AI Ethics|AI ethics]]
+}}
+{{Portal box
+|title=Databases
+|image=Database.svg
+|content=Learn about database management systems, data modeling, and query languages.
+|links=
+* [[Category:Relational Databases|Relational databases]]
+* [[Category:NoSQL|NoSQL databases]]
+* [[Category:SQL|SQL language]]
+* [[Category:Data Modeling|Data modeling]]
+* [[Category:Database Administration|Database administration]]
+* [[Category:Data Warehousing|Data warehousing]]
+}}
+{{Portal box
+|title=Operating Systems
+|image=OS.svg
+|content=Understand the core principles of operating systems, process management, and system architecture.
+|links=
+* [[Category:Linux|Linux]]
+* [[Category:Windows|Windows]]
+* [[Category:macOS|macOS]]
+* [[Category:Process Management|Process management]]
+* [[Category:Memory Management|Memory management]]
+* [[Category:File Systems|File systems]]
+}}
+</div>
+<div class="main-page-column">
+{{Portal box
+|title=Data Science
+|image=DataScience.svg
+|content=Explore the intersection of statistics, programming, and domain expertise for data-driven insights.
+|links=
+* [[Category:Data Analytics|Data analytics]]
+* [[Category:Statistical Analysis|Statistical analysis]]
+* [[Category:Data Visualization|Data visualization]]
+* [[Category:Big Data|Big data]]
+* [[Category:Data Mining|Data mining]]
+* [[Category:Business Intelligence|Business intelligence]]
+}}
+{{Portal box
+|title=DevOps
+|image=DevOps.svg
+|content=Discover the practices, tools, and culture that bridge software development and IT operations.
+|links=
+* [[Category:Continuous Integration|Continuous integration]]
+* [[Category:Continuous Deployment|Continuous deployment]]
+* [[Category:Infrastructure as Code|Infrastructure as code]]
+* [[Category:Containerization|Containerization]]
+* [[Category:Cloud Computing|Cloud computing]]
+* [[Category:Monitoring|Monitoring and logging]]
+}}
+{{Portal box
+|title=Security
+|image=Security.svg
+|content=Learn about cybersecurity principles, vulnerabilities, threats, and protection mechanisms.
+|links=
+* [[Category:Cryptography|Cryptography]]
+* [[Category:Network Security|Network security]]
+* [[Category:Web Security|Web security]]
+* [[Category:Ethical Hacking|Ethical hacking]]
+* [[Category:Security Policies|Security policies]]
+* [[Category:Privacy|Privacy and data protection]]
+}}
-<div id="mp-upper">
+{{Portal box
-<div id="mp-left" class="MainPageBG mp-box">
+|title=Computer Networks
-<h2 id="mp-tfa-h2" class="mp-h2">Title1 - Block 1</h2>
+|image=Networks.svg
-<div id="mp-tfa" class="mp-contains-float">Content1 - Block1</div>
+|content=Understand the technologies and protocols that enable communication between computers.
-<h2 id="mp-dyk-h2" class="mp-h2">Title2 - Block1</h2>
+|links=
-<div id="mp-dyk" class="mp-contains-float">Content2 - Block1</div>
+* [[Category:Internet Protocols|Internet protocols]]
+* [[Category:Network Architecture|Network architecture]]
+* [[Category:Wireless Networks|Wireless networks]]
+* [[Category:Network Security|Network security]]
+* [[Category:Cloud Networking|Cloud networking]]
+* [[Category:Software-Defined Networking|SDN]]
+}}
+</div>
 </div>
-<div id="mp-right" class="MainPageBG mp-box">
+<div class="main-page-section" id="main-page-featured">
-<h2 id="mp-itn-h2" class="mp-h2">Title1- Block2</h2>
+<div class="main-page-section-header">Featured Content</div>
-<div id="mp-itn" class="mp-contains-float">Content1 - Block2</div>
+<div class="main-page-featured-articles">
-<h2 id="mp-otd-h2" class="mp-h2">Title1 - Block2</h2>
+<div class="featured-article">
-<div id="mp-otd" class="mp-contains-float">Content2 - Block2</div>
+<div class="featured-article-title">[[Quantum Computing]]</div>
+<div class="featured-article-content">Explore the principles of quantum mechanics applied to computing, including qubits, quantum gates, and potential applications.</div>
+</div>
+<div class="featured-article">
+<div class="featured-article-title">[[Blockchain Technology]]</div>
+<div class="featured-article-content">Learn about distributed ledger technology, consensus mechanisms, and applications beyond cryptocurrencies.</div>
+</div>
+<div class="featured-article">
+<div class="featured-article-title">[[Machine Learning Algorithms]]</div>
+<div class="featured-article-content">Discover the most common machine learning algorithms, their applications, strengths, and limitations.</div>
+</div>
 </div>
 </div>
-<div id="mp-middle" class="MainPageBG mp-box">
+<div class="main-page-section" id="main-page-community">
-<h2 id="mp-tfl-h2" class="mp-h2">Title1- Block3</h2>
+<div class="main-page-section-header">Community</div>
-<div id="mp-tfl" class="mp-contains-float">Content1 - Block3</div>
+<div class="main-page-community-content">
+<div class="community-column">
+<div class="community-section-title">Get Involved</div>
+<ul>
+<li>[[Help:Contributing|How to contribute]]</li>
+<li>[[ComputerScience:Community Portal|Community portal]]</li>
+<li>[[ComputerScience:Style Guide|Style guide]]</li>
+<li>[[Help:Contents|Help]]</li>
+</ul>
+</div>
+<div class="community-column">
+<div class="community-section-title">Recent Changes</div>
+<div class="community-recent-changes">
+{{Special:RecentChanges/5}}
+</div>
+</div>
+</div>
 </div>
-<div id="mp-lower" class="MainPageBG mp-box">
-<h2 id="mp-tfp-h2" class="mp-h2">Title1- Block4</h2>
-<div id="mp-tfp">Content1 - Block4</div>
 </div>
-<div id="mp-bottom" class="mp-box">
-<h2 id="mp-other" class="mp-h2">Title1- Block5</h2>
-<div id="mp-other-content">Content1- Block5</div>
-<h2 id="mp-sister" class="mp-h2">Title2- Block5</h2>
-<div id="mp-sister-content">Content2- Block5</div>
-<h2 id="mp-lang" class="mp-h2">Title3 - Block5</h2>
-<div>Content3- Block5</div>
 </div>
-__NOTOC____NOEDITSECTION__
+{{Main page footer}}