Main Page: Difference between revisions

ComputerScience.wiki is a free, open-source educational platform dedicated to providing high-quality computer science resources for everyone. Our content is created by a community of educators, students, and professionals passionate about computer science education.

All content is available under open licenses for educational use (not for commercial purposes).

@@ Line 1: / Line 1: @@
-__NOTOC__
+<div id="cs-mainpage">
+<!-- Banner Section -->
-<div class="cs-hero">
+<div class="cs-banner">
-= ComputerScience.wiki =
+<div class="cs-banner-content">
-<p class="cs-tagline">Free and open source computer science education</p>
+<div class="cs-banner-title">ComputerScience.wiki</div>
+<div class="cs-banner-subtitle">Free and open-source computer science education</div>
+</div>
+</div>
+<!-- Search Bar -->
+<div class="cs-search-container">
 <div class="cs-search">
 <inputbox>
 type=search
-width=80%
+width=100%
 buttonlabel=Search
 break=no
-placeholder=Search for courses and topics
+placeholder=Search courses, topics, and concepts...
 </inputbox>
 </div>
 </div>
-<div class="cs-main-content">
+<!-- Category Boxes -->
+<div class="cs-category-container">
+<div class="cs-section-heading">Explore Topics</div>
-== Explore Computer Science Topics ==
+<div class="cs-category-grid">
+<!-- Software Development -->
-<div class="cs-categories-grid">
+<div class="cs-category-box">
-<div class="cs-category-box software">
+<div class="cs-category-icon software-icon"></div>
-<h3>Software Development</h3>
+<div class="cs-category-title">Software Development</div>
-<div class="cs-category-content">
+<div class="cs-category-list">
 * [[Python|Python]]
 * [[Java|Java]]
 * [[C and C++|C/C++]]
 * [[JavaScript|JavaScript]]
-* [[Web Development|Web]]
+* [[Web Development|Web Dev]]
 * [[Mobile Development|Mobile]]
 </div>
 </div>
-<div class="cs-category-box data">
+<!-- Data Science -->
-<h3>Data Science</h3>
+<div class="cs-category-box">
-<div class="cs-category-content">
+<div class="cs-category-icon data-icon"></div>
-* [[Machine Learning|ML]]
+<div class="cs-category-title">Data Science</div>
-* [[Data Analysis|Analysis]]
+<div class="cs-category-list">
+* [[Machine Learning|Machine Learning]]
+* [[Data Analysis|Data Analysis]]
 * [[Statistics|Statistics]]
 * [[Data Visualization|Visualization]]
@@ Line 45: / Line 54: @@
 </div>
-<div class="cs-category-box bigdata">
+<!-- Big Data -->
-<h3>Big Data</h3>
+<div class="cs-category-box">
-<div class="cs-category-content">
+<div class="cs-category-icon bigdata-icon"></div>
+<div class="cs-category-title">Big Data</div>
+<div class="cs-category-list">
 * [[Hadoop|Hadoop]]
 * [[Spark|Spark]]
 * [[Cloudera|Cloudera]]
 * [[Snowflake|Snowflake]]
-* [[Data Warehousing|Warehousing]]
+* [[Data Warehousing|Data Warehousing]]
-* [[NoSQL Databases|NoSQL]]
+* [[NoSQL|NoSQL]]
 </div>
 </div>
-<div class="cs-category-box network">
+<!-- Networking -->
-<h3>Networking</h3>
+<div class="cs-category-box">
-<div class="cs-category-content">
+<div class="cs-category-icon network-icon"></div>
+<div class="cs-category-title">Networking</div>
+<div class="cs-category-list">
 * [[Network Protocols|Protocols]]
+* [[Network Architecture|Architecture]]
 * [[Cloud Networking|Cloud]]
 * [[Network Security|Security]]
 * [[Wireless Networks|Wireless]]
 * [[SDN|SDN]]
-* [[Network Design|Design]]
 </div>
 </div>
-<div class="cs-category-box security">
+<!-- Cybersecurity -->
-<h3>Cybersecurity</h3>
+<div class="cs-category-box">
-<div class="cs-category-content">
+<div class="cs-category-icon security-icon"></div>
+<div class="cs-category-title">Cybersecurity</div>
+<div class="cs-category-list">
 * [[Cryptography|Cryptography]]
-* [[Penetration Testing|Pen Testing]]
+* [[Penetration Testing|Penetration Testing]]
 * [[Security Frameworks|Frameworks]]
-* [[Malware Analysis|Malware]]
+* [[Malware Analysis|Malware Analysis]]
-* [[Ethical Hacking|Hacking]]
+* [[Identity Management|Identity Mgmt]]
 * [[Security Operations|SecOps]]
 </div>
 </div>
-<div class="cs-category-box fundamentals">
+<!-- CS Fundamentals -->
-<h3>CS Fundamentals</h3>
+<div class="cs-category-box">
-<div class="cs-category-content">
+<div class="cs-category-icon fundamentals-icon"></div>
+<div class="cs-category-title">CS Fundamentals</div>
+<div class="cs-category-list">
 * [[Algorithms|Algorithms]]
 * [[Data Structures|Data Structures]]
-* [[Operating Systems|OS]]
+* [[Theory of Computation|Computation Theory]]
+* [[Operating Systems|Operating Systems]]
+* [[Compilers|Compilers]]
 * [[Computer Architecture|Architecture]]
-* [[Compilers|Compilers]]
+</div>
-* [[Discrete Mathematics|Math]]
 </div>
 </div>
 </div>
-== Featured Courses ==
+<!-- Featured Section -->
+<div class="cs-featured-container">
+<div class="cs-section-heading">Featured Courses</div>
+<div class="cs-featured-grid">
-<div class="cs-featured-grid">
+<div class="cs-featured-card">
-<div class="cs-featured-item">
+<div class="cs-featured-image python-image"></div>
-<h3>Introduction to Python</h3>
+<div class="cs-featured-content">
-<p>Learn Python programming from scratch - perfect for beginners</p>
+<div class="cs-featured-title">Python Programming</div>
-<div class="cs-button">[[Python Basics|Start Learning →]]</div>
+<div class="cs-featured-description">From basics to advanced concepts - master Python programming with practical examples</div>
+<div class="cs-featured-button">[[Python Course|Start Learning →]]</div>
+</div>
+</div>
+<div class="cs-featured-card">
+<div class="cs-featured-image algorithms-image"></div>
+<div class="cs-featured-content">
+<div class="cs-featured-title">Data Structures & Algorithms</div>
+<div class="cs-featured-description">Essential computer science fundamentals for interviews and problem-solving</div>
+<div class="cs-featured-button">[[Algorithms Course|Start Learning →]]</div>
+</div>
 </div>
-<div class="cs-featured-item">
+<div class="cs-featured-card">
-<h3>Data Structures & Algorithms</h3>
+<div class="cs-featured-image web-image"></div>
-<p>Master fundamental CS concepts with practical examples</p>
+<div class="cs-featured-content">
-<div class="cs-button">[[DSA Course|Start Learning →]]</div>
+<div class="cs-featured-title">Modern Web Development</div>
+<div class="cs-featured-description">Build responsive, interactive websites using the latest web technologies</div>
+<div class="cs-featured-button">[[Web Development Course|Start Learning →]]</div>
+</div>
+</div>
+</div>
 </div>
-<div class="cs-featured-item">
+<!-- Contribute Section -->
-<h3>Web Development Fundamentals</h3>
+<div class="cs-contribute-container">
-<p>Build modern websites with HTML, CSS, and JavaScript</p>
+<div class="cs-contribute-content">
-<div class="cs-button">[[Web Dev 101|Start Learning →]]</div>
+<div class="cs-contribute-heading">Join Our Community</div>
+<div class="cs-contribute-text">Help us build a comprehensive resource for computer science education. Create new courses, improve existing content, or share your expertise.</div>
+<div class="cs-contribute-buttons">
+<div class="cs-primary-button">[[Help:Contributing|How to Contribute]]</div>
+<div class="cs-secondary-button">[[Project:Guidelines|Content Guidelines]]</div>
+</div>
 </div>
 </div>
-<div class="cs-contribute-banner">
+<!-- About Section -->
-<h2>Want to Contribute?</h2>
+<div class="cs-about-container">
-<p>Help us build a comprehensive resource for computer science education</p>
+<div class="cs-about-heading">About ComputerScience.wiki</div>
-<div class="cs-button-large">[[Help:Contributing|Learn How to Contribute →]]</div>
+<div class="cs-about-text">
+ComputerScience.wiki is a free, open-source educational platform dedicated to providing high-quality computer science resources for everyone. Our content is created by a community of educators, students, and professionals passionate about computer science education.
+</div>
+<div class="cs-about-license">
+All content is available under open licenses for educational use (not for commercial purposes).
+</div>
 </div>
 </div>