Merge pull request #8 from iqwrwq/iqwrwq/style/landing-page-images

Iqwrwq/style/landing page images

README.md

@@ -1,3 +1,5 @@
+![banner](static/img/java-develop-pedia-banner.png)
+
 # Java-Develop-Pedia
 
 > A collection of Java learning resources from anywhere on the Internet.
@@ -13,21 +15,21 @@ data. Big thanks for these resources go to:
 - https://github.com/s4kibs4mi (Roadmap)
 - https://github.com/akullpp (Awesome-List)
 
-  And of course to all the people who contributed to this projects.
+And of course to all the people who contributed to this projects.
 
-  ## Future
+## Future
 
-  In the future, an interactive roadmap is planned, which will be combined with a collection of Java tutorials. More
-  information will follow soon
+In the future, an interactive roadmap is planned, which will be combined with a collection of Java tutorials. More
+information will follow soon
 
-  ## Technologie
+## Technology
 
-  Vercel is used for hosting the page. For the creation of the page and the generation of the individual segments I use
-  Docusaurus 2.0.
+[**Vercel**](https://vercel.com/) is used for hosting the page. For the creation of the page and the generation of the individual segments I use
+[**Docusaurus 2.0**](https://docusaurus.io/).
 
-  ## Contributing
+## Contributing
 
-    - Fork Repository
-    - Open a pull request with improvements
-    - Discuss ideas in issues
-    - Spread the word
+- Fork Repository
+- Open a pull request with improvements
+- Discuss ideas in issues
+- Spread the word

docusaurus.config.js

@@ -11,7 +11,7 @@ const config = {
     favicon: 'img/favicon.ico',
 
     // Set the production url of your site here
-    url: 'https://your-docusaurus-test-site.com',
+    url: 'https://java-develop-pedia.vercel.app',
     // Set the /<baseUrl>/ pathname under which your site is served
     // For GitHub pages deployment, it is often '/<projectName>/'
     baseUrl: '/',
@@ -62,12 +62,15 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
         ({
             // Replace with your project's social card
-            image: 'img/Java-Develop-Pedia-logos_white.jpg',
+            image: 'img/logo.png',
             navbar: {
                 title: 'Java-Develop-Pedia',
                 logo: {
                     alt: 'Java-Develop-Pedia',
                     src: 'img/logo.png',
+                    srcDark: 'img/logoDark.png',
+                    width: 40,
+                    height: 40,
                 },
                 items: [
                     {to: '/roadmap', label: 'Roadmap', position: 'left'},
@@ -79,6 +82,10 @@ const config = {
                     },
                 ],
             },
+            colorMode: {
+                defaultMode: 'dark',
+                disableSwitch: false,
+            },
             footer: {
                 style: 'dark',
                 links: [

java-develop-pedia.iml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$" isTestSource="false" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

src/components/HomepageFeatures/index.js

@@ -5,7 +5,7 @@ import styles from './styles.module.css';
 const FeatureList = [
     {
         title: 'Learn',
-        Svg: require('@site/static/img/1.svg').default,
+        Svg: require('@site/static/img/java-develop-pedia-learn-lp.svg').default,
         description: (
             <>
                 Start your journey as a beginner and develop yourself piece by piece to a professional java developer.
@@ -15,7 +15,7 @@ const FeatureList = [
     },
     {
         title: 'Build',
-        Svg: require('@site/static/img/2.svg').default,
+        Svg: require('@site/static/img/java-develop-pedia-build-lp.svg').default,
         description: (
             <>
                 Expand and develop projects. Learn about new frameworks and packages. Brought to you by hundreds of
@@ -25,7 +25,7 @@ const FeatureList = [
     },
     {
         title: 'Improve',
-        Svg: require('@site/static/img/3.svg').default,
+        Svg: require('@site/static/img/java-develop-pedia-improve-lp.svg').default,
         description: (
             <>
                 Expand your knowledge and stay up-to-date. Quit searching!
@@ -41,7 +41,7 @@ function Feature({Svg, title, description}) {
                 <Svg className={styles.featureSvg} role="img"/>
             </div>
             <div className="text--center padding-horiz--md">
-                <h3>{title}</h3>
+                <a href="/"><h3>{title}</h3></a>
                 <p>{description}</p>
             </div>
         </div>

src/css/custom.css

@@ -6,7 +6,7 @@
 
 /* You can override the default Infima variables here. */
 :root {
-    --ifm-color-primary: #e87121;
+    --ifm-color-primary: #6257f8;
     --ifm-color-primary-dark: #29784c;
     --ifm-color-primary-darker: #277148;
     --ifm-color-primary-darkest: #205d3b;
@@ -19,7 +19,7 @@
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
-    --ifm-color-primary: #fdb07d;
+    --ifm-color-primary: #9189FA;
     --ifm-color-primary-dark: #21af90;
     --ifm-color-primary-darker: #1fa588;
     --ifm-color-primary-darkest: #1a8870;

src/pages/index.js

@@ -4,7 +4,6 @@ import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import HomepageFeatures from '@site/src/components/HomepageFeatures';
-
 import styles from './index.module.css';
 
 function HomepageHeader() {