From d408682707e1324334348157ca4d60e257594445 Mon Sep 17 00:00:00 2001 From: Jeel Dobariya Date: Sat, 23 Sep 2023 21:53:51 +0530 Subject: [PATCH 1/2] add a nice style to website's home pages --- Stylesheets/style.css | 10 ++++++-- Stylesheets/utils.css | 12 +++++++-- index.html | 58 +++++++++++++++++++++++++++++++++++++++---- 3 files changed, 71 insertions(+), 9 deletions(-) diff --git a/Stylesheets/style.css b/Stylesheets/style.css index c4f472f..7dd9657 100644 --- a/Stylesheets/style.css +++ b/Stylesheets/style.css @@ -12,6 +12,11 @@ .heading h1 { font-size: 5vw; letter-spacing: -0.5vw; + transition: 0.2s color; +} + +.heading h1:hover { + color: var(--primary-action-color); } .navigation-bar { @@ -27,8 +32,9 @@ letter-spacing: max(-100px,-0.2vw); width: 20%; text-align: center; + transition: 0.2s color; } .navigation-bar a:hover{ - color: var(--secondary-text-color); -} \ No newline at end of file + color: var(--primary-action-color); +} diff --git a/Stylesheets/utils.css b/Stylesheets/utils.css index def8aac..c9689eb 100644 --- a/Stylesheets/utils.css +++ b/Stylesheets/utils.css @@ -3,15 +3,23 @@ margin: 0px; } +body { + min-width: 100vw; + min-height: 100vh; +} + :root { --primary-color: #81C3D7; --primary-text-color: #26547C; - --secondary-color: #EF476F; + --primary-action-color: #000000; + --secondary-color: #EF476F9F; --secondary-text-color: #B3FFB3; --side-color: #FFD166; + --text-shadow-color: #1111111F; + --box-shadow-color: #1111111F; } a { text-decoration: none; color: inherit; -} \ No newline at end of file +} diff --git a/index.html b/index.html index c987517..81bfd14 100644 --- a/index.html +++ b/index.html @@ -20,14 +20,62 @@ C-Lang - + +
+

Python

+

+ Python, created in the late 1980s, is a versatile and beginner-friendly language. It has a rich history and is used in a wide range of applications, from web development to scientific computing and machine learning. Python's readability and extensive libraries make it a popular choice for developers. Its drawbacks include slower performance for certain tasks and global interpreter lock (GIL) limitations. Python is often specialized for data analysis, artificial intelligence, and automation. +

+
+ + +
+

C++

+

+ C++, developed in the early 1980s, is a powerful language that combines C's low-level capabilities with object-oriented features. It is used extensively in game development, system programming, and applications where high performance and control over hardware are crucial. C++ offers strong type checking and templates for generic programming but can be complex for beginners. It is often specialized for game engines and performance-critical software. +

+
+ + +
+

Java

+

+ Java, introduced in the mid-1990s, is known for its "write once, run anywhere" mantra. It's widely used in building cross-platform applications, particularly in Android app development. Java's strengths include portability, automatic memory management, and a vast ecosystem. However, it can be verbose, and startup times can be slower compared to other languages. Java is specialized for Android development, enterprise applications, and large-scale systems. +

+
+ + +
+

C language

+

+ C, created in the early 1970s, is a fundamental and efficient language. It is widely used in systems programming, embedded systems, and applications where low-level control is necessary. C's advantages include portability and performance, but its simplicity can lead to errors. C is specialized for operating systems, firmware development, and software that requires direct hardware access. +

+
+ + +
+

Html

+

+ HTML, since its inception in the early 1990s, has been the backbone of the web. It defines the structure and content of web pages, allowing browsers to render them as intended. HTML's simplicity and compatibility make it essential for web development. Its limitations include a lack of interactivity without additional scripting languages like JavaScript. HTML is specialized for creating web pages and is foundational for front-end development. +

+
+ + +
+

Css

+

+ CSS emerged in the late 1990s to complement HTML by controlling the visual layout and design of web pages. It enables developers to style web content, making it attractive and responsive across different devices. CSS's strengths include flexibility and separation of design from content. However, it can be challenging to master, and browser compatibility issues can arise. CSS is specialized for web design and user interface development. +

+
+ + + - \ No newline at end of file + From fbf48f39ae9d7499356f648d36ba62e456580453 Mon Sep 17 00:00:00 2001 From: Jeel Dobariya Date: Sat, 23 Sep 2023 21:54:48 +0530 Subject: [PATCH 2/2] add a coming soon message to each lang page --- Pages/clang/clang.html | 5 ++++ Pages/cpp/cpp.html | 5 ++++ Pages/css/css.html | 34 ++++++++++++++++++++++ Pages/html/html.html | 34 ++++++++++++++++++++++ Pages/java/java.html | 5 ++++ Pages/python/python.html | 5 ++++ Stylesheets/css.css | 0 Stylesheets/html.css | 0 Stylesheets/index.css | 62 ++++++++++++++++++++++++++++++++++++++++ Stylesheets/utils.css | 13 +++++++++ 10 files changed, 163 insertions(+) create mode 100644 Pages/css/css.html create mode 100644 Pages/html/html.html create mode 100644 Stylesheets/css.css create mode 100644 Stylesheets/html.css diff --git a/Pages/clang/clang.html b/Pages/clang/clang.html index f6fa851..a13b8bd 100644 --- a/Pages/clang/clang.html +++ b/Pages/clang/clang.html @@ -23,6 +23,11 @@ C-Lang +
+
+

Support For C-language is Coming Soon!!!!

+
+
diff --git a/Pages/cpp/cpp.html b/Pages/cpp/cpp.html index 09690cf..fd1aa38 100644 --- a/Pages/cpp/cpp.html +++ b/Pages/cpp/cpp.html @@ -23,6 +23,11 @@ C-Lang +
+
+

Support For C++ is Coming Soon!!!!

+
+
diff --git a/Pages/css/css.html b/Pages/css/css.html new file mode 100644 index 0000000..2a197eb --- /dev/null +++ b/Pages/css/css.html @@ -0,0 +1,34 @@ + + + + + + Css | Coding Notes + + + + + + + + +
+
+

Coding Notes

 +
+
+ Python + Java + C++ + C-Lang +
+
+
+
+

Support For Css is Coming Soon!!!!

+
+
+ + + + \ No newline at end of file diff --git a/Pages/html/html.html b/Pages/html/html.html new file mode 100644 index 0000000..f81d3e3 --- /dev/null +++ b/Pages/html/html.html @@ -0,0 +1,34 @@ + + + + + + Html | Coding Notes + + + + + + + + +
+
+

Coding Notes

 +
+
+ Python + Java + C++ + C-Lang +
+
+
+
+

Support For Html is Coming Soon!!!!

+
+
+ + + + \ No newline at end of file diff --git a/Pages/java/java.html b/Pages/java/java.html index 1246855..5ea7f1b 100644 --- a/Pages/java/java.html +++ b/Pages/java/java.html @@ -23,6 +23,11 @@ C-Lang +
+
+

Support For Java is Coming Soon!!!!

+
+
diff --git a/Pages/python/python.html b/Pages/python/python.html index 66ca887..0dc4b34 100644 --- a/Pages/python/python.html +++ b/Pages/python/python.html @@ -23,6 +23,11 @@ C-Lang +
+
+

Support For Python is Coming Soon!!!!

+
+
diff --git a/Stylesheets/css.css b/Stylesheets/css.css new file mode 100644 index 0000000..e69de29 diff --git a/Stylesheets/html.css b/Stylesheets/html.css new file mode 100644 index 0000000..e69de29 diff --git a/Stylesheets/index.css b/Stylesheets/index.css index e69de29..7277d73 100644 --- a/Stylesheets/index.css +++ b/Stylesheets/index.css @@ -0,0 +1,62 @@ +.hero-section { + margin: auto; + width: 90vw; + height: min(300px,90vh); + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +.hero-section h1{ + font-size: max(30px,5vw); + letter-spacing: -0.3vw; + word-spacing: -0.5vw; + text-shadow: 3px 3px var(--text-shadow-color); +} + +.hero-section p{ + font-size: max(1vw,6px); +} + +.container { + display: flex; + flex-wrap: wrap; + justify-content: space-around; +} + +.item { + width: max(400px,40vw); + height: 60vh; + margin: 10px; + border-radius: 30px; + padding: 10px; + background-color: var(--primary-color); + overflow: hidden; + transition-property: transform box-shadow background-color; + transition-duration: 0.4s; +} + +.item:hover { + transform: translate(-10px,-5px); + box-shadow: 5px 10px var(--box-shadow-color); + background-color: var(--secondary-color); +} + +.item h2{ + text-align: center; + font-size: min(40px,max(4vw,28px)); + color: var(--primary-text-color); +} + +.item p{ + text-align: left; + font-size: max(15px,2vw,20px); + color: var(--primary-text-color); +} + +@media (max-width: 460px) { + .item { + width: max(200px,40vw); + } +} \ No newline at end of file diff --git a/Stylesheets/utils.css b/Stylesheets/utils.css index c9689eb..c8e3628 100644 --- a/Stylesheets/utils.css +++ b/Stylesheets/utils.css @@ -23,3 +23,16 @@ a { text-decoration: none; color: inherit; } + +.coming-soon { + width: 80vw; + height: 80vh; + display: flex; + margin: auto; + justify-content: center; + align-items: center; +} + +.coming-soon h1 { + font-size: max(14px,min(60px,4vw)); +}