diff --git a/.hintrc b/.hintrc new file mode 100644 index 0000000..4d445fd --- /dev/null +++ b/.hintrc @@ -0,0 +1,11 @@ +{ + "extends": [ + "development" + ], + "browserslist": [ + "defaults", + "not ie 11", + "not and_ff <= 113", + "not firefox <= 113" + ] +} \ No newline at end of file diff --git a/index.html b/index.html index 2c906a5..0b4ff7f 100644 --- a/index.html +++ b/index.html @@ -1,49 +1,60 @@ - - - - + + + + Technical Documentation - - - - + + + +
-
-
Introduction
-

C# is a programming language developed by Microsoft.

-

C# is used in many fields , Some of them are:-

-
    -
  1. Desktop App Development
  2. -
  3. Mobile App Development
  4. -
  5. Game Development
  6. -
  7. Backend Web Development
  8. -
-

C# is one of the most popular programming languages , Because:-

- -
+
+
Introduction
+

C# is a programming language developed by Microsoft.

+

C# is used in many fields , Some of them are:-

+
    +
  1. Desktop App Development
  2. +
  3. Mobile App Development
  4. +
  5. Game Development
  6. +
  7. Backend Web Development
  8. +
+

C# is one of the most popular programming languages , Because:-

+ +
-
-
Syntax
-

Syntax is the structure of statements , Here is a simple program typed in C# to discuss the meaning of syntax

-
using System;
+      
+
Syntax
+

+ Syntax is the structure of statements , Here is a simple program typed + in C# to discuss the meaning of syntax +

+
📋using System;
 namespace Hello
 {
     class MyProgram
@@ -60,66 +71,79 @@
         }
     }
 }
-
+
-
-
Data Types
-

Some data types that are supported by C# :-

-
    -
  1. integer (int) ... 1 , 500 , -200
  2. -
  3. double (double) ... 0.5 , 3.14 , -2.5
  4. -
  5. string (string) ... "AAA" , "What is your name ?"
  6. -
  7. character (char) ... 'A' , '+' , '5'
  8. -
  9. boolean (bool) ... true , false
  10. -
-
+
+
Data Types
+

Some data types that are supported by C# :-

+
    +
  1. integer (int) ... 1 , 500 , -200
  2. +
  3. double (double) ... 0.5 , 3.14 , -2.5
  4. +
  5. string (string) ... "AAA" , "What is your name ?"
  6. +
  7. character (char) ... 'A' , '+' , '5'
  8. +
  9. boolean (bool) ... true , false
  10. +
+
-
-
Variables
-

Variables are containers for storing data values.

-

The syntax for declaring a variable and assigning a value to it is as following :

-
data-type variable-name = value(data) ;
-

For example :-

-
int age = 20 ;
+      
+
Variables
+

Variables are containers for storing data values.

+

+ The syntax for declaring a variable and assigning a value to it is as + following : +

+
📋data-type variable-name = value(data) ;
+

For example :-

+
📋int age = 20 ;
 string FirstName = "AAA" ;
 string full_name = "AAA BBB" ;
 double _degree = 80.5 ;
 char grade = 'A' ;
 bool student = true ;
 bool male = true ;
-
+
-
-
Type Casting
-

Type casting means turning a certain data from a type to another one.

-

Syntax for type casting is :-

-
(data-type) data
-

For example :-

-
double pi = 3.14 ;
+      
+
Type Casting
+

+ Type casting means turning a certain data from a type to another one. +

+

Syntax for type casting is :-

+
📋(data-type) data
+

For example :-

+
📋double pi = 3.14 ;
 int myInt = (int) pi ;
 Console.WriteLine(pi) ; // 3.14
 Console.WriteLine(myInt) ; // 3
-
+
-
-
User Input
-

You already know that Console.WriteLine() is used to output text.

-

Now you are going to learn how to use Console.ReadLine() to get user input.

-
Console.ReadLine();
-

For example :-

-
int age ;
+      
+
User Input
+

You already know that Console.WriteLine() is used to output text.

+

+ Now you are going to learn how to use Console.ReadLine() to get user + input. +

+
📋Console.ReadLine();
+

For example :-

+
📋int age ;
 Console.Write("Enter your age:") ;
 age = Console.ReadLine() ;
 Console.WriteLine("You are " + age + " years old") ;
-
+
-
-
Booleans
-

Booleans are data types that can be used to control whether something is true or false(yes or no / on or off).

-
bool male = true ;
+      
+
Booleans
+

+ Booleans are data types that can be used to control whether something + is true or false(yes or no / on or off). +

+
📋bool male = true ;
 bool student = true ;
 bool permission_accepted = false ;
-
+
- - \ No newline at end of file + + + + diff --git a/main.js b/main.js new file mode 100644 index 0000000..98bc73f --- /dev/null +++ b/main.js @@ -0,0 +1,47 @@ +const btnCopyOne = document.querySelector('.btn-one'); +btnCopyOne.addEventListener('click', async ()=>{ + const text = document.querySelector('.code-one').textContent; + await navigator.clipboard.writeText(text); +}) + +const btnCopyTwo = document.querySelector('.btn-two'); +btnCopyTwo.addEventListener('click', async ()=>{ + const text = document.querySelector('.code-two').textContent; + await navigator.clipboard.writeText(text); +}) + +const btnCopyThree = document.querySelector('.btn-three'); +btnCopyThree.addEventListener('click', async ()=>{ + const text = document.querySelector('.code-three').textContent; + await navigator.clipboard.writeText(text); +}) + +const btnCopyFour = document.querySelector('.btn-four'); +btnCopyFour.addEventListener('click', async ()=>{ + const text = document.querySelector('.code-four').textContent; + await navigator.clipboard.writeText(text); +}) + +const btnCopyFive = document.querySelector('.btn-five'); +btnCopyFive.addEventListener('click', async ()=>{ + const text = document.querySelector('.code-five').textContent; + await navigator.clipboard.writeText(text); +}) + +const btnCopySex = document.querySelector('.btn-sex'); +btnCopySex.addEventListener('click', async ()=>{ + const text = document.querySelector('.code-sex').textContent; + await navigator.clipboard.writeText(text); +}) + +const btnCopySeven = document.querySelector('.btn-seven'); +btnCopySeven.addEventListener('click', async ()=>{ + const text = document.querySelector('.code-seven').textContent; + await navigator.clipboard.writeText(text); +}) + +const btnCopyEight = document.querySelector('.btn-eight'); +btnCopyEight.addEventListener('click', async ()=>{ + const text = document.querySelector('.code-eight').textContent; + await navigator.clipboard.writeText(text); +}) diff --git a/style.css b/style.css index 2350e45..1b19a65 100644 --- a/style.css +++ b/style.css @@ -1,46 +1,116 @@ -::-webkit-scrollbar {width: 10px;} -::-webkit-scrollbar-track {background: #f1f1ff;} -::-webkit-scrollbar-track:hover {background: #D1D1DD;} -::-webkit-scrollbar-thumb {background: #666;} -::-webkit-scrollbar-thumb:hover {background: #444;} -*{padding: 0;margin: 0;font-family: Bree Serif, sans-serif;} -#navbar{ - position: fixed;top: 0px;left: 0px;z-index: 2; - width: 150px;height: 100%;background-color: #c7c7c7; -} -header{margin: 25px 0px 5px 0px;font-size: 24px;font-weight: bold;} -header:not(#navbar header){border-bottom: 2px solid #121212;width: fit-content;padding: 2px;} -#navbar header{text-align: center;} -#navbar a{ - display: block;width: calc(100% - 8px); - text-decoration: none;text-align: center; - padding: 5px 0px;margin: 4px; - background-color: #e2e2e2;color: #121212; - font-size: 18px;transition-duration: 0.3s; -} -#navbar a:hover{background-color: #121212;color: #e2e2e2;} -#main-doc{ - position: relative;left: 175px; - width: calc(100% - 175px);padding: 10px 0px 50px 0px; -} -p{font-size: 16px;padding: 6px 0px 2px 0px;} -ul, ol{padding: 10px 30px;background-color: #e2e2e2;width: fit-content;} -pre{ - padding: 6px 10px;width: fit-content; - background-color: #121212;color: #e2e2e2; +::-webkit-scrollbar { + width: 10px; } - -@media screen and (max-width: 800px) { - #navbar { - position: relative;top: 0px;left: 0px; - width: 100%;height: auto;padding-bottom: 2px; - } - #navbar header{margin: 0px;padding: 20px 0px 10px 0px;} - #main-doc{ - position: relative;left: 15px; - padding: 10px 0px 50px 0px;width: calc(100% - 50px); - } - pre{max-width: 100%;overflow-x: auto;} +::-webkit-scrollbar-track { + background: #f1f1ff; +} +::-webkit-scrollbar-track:hover { + background: #d1d1dd; +} +::-webkit-scrollbar-thumb { + background: #666; +} +::-webkit-scrollbar-thumb:hover { + background: #444; +} +* { + padding: 0; + margin: 0; + font-family: Bree Serif, sans-serif; +} +#navbar { + position: fixed; + top: 0px; + left: 0px; + z-index: 2; + width: 150px; + height: 100%; + background-color: #c7c7c7; +} +header { + margin: 25px 0px 5px 0px; + font-size: 24px; + font-weight: bold; +} +header:not(#navbar header) { + border-bottom: 2px solid #121212; + width: fit-content; + padding: 2px; +} +#navbar header { + text-align: center; +} +#navbar a { + display: block; + width: calc(100% - 8px); + text-decoration: none; + text-align: center; + padding: 5px 0px; + margin: 4px; + background-color: #e2e2e2; + color: #121212; + font-size: 18px; + transition-duration: 0.3s; +} +#navbar a:hover { + background-color: #121212; + color: #e2e2e2; +} +#main-doc { + position: relative; + left: 175px; + width: calc(100% - 175px); + padding: 10px 0px 50px 0px; +} +p { + font-size: 16px; + padding: 6px 0px 2px 0px; +} +ul, +ol { + padding: 10px 30px; + background-color: #e2e2e2; + width: fit-content; +} +pre { + padding: 6px 10px; + width: fit-content; + background-color: #121212; + color: #e2e2e2; + position: relative; } +.btn-one, .btn-two, +.btn-three, .btn-four, +.btn-five, .btn-sex, +.btn-seven,.btn-eight{ + position: absolute; + cursor: pointer; + right: -20px; + top: 5px; +} +@media screen and (max-width: 800px) { + #navbar { + position: relative; + top: 0px; + left: 0px; + width: 100%; + height: auto; + padding-bottom: 2px; + } + #navbar header { + margin: 0px; + padding: 20px 0px 10px 0px; + } + #main-doc { + position: relative; + left: 15px; + padding: 10px 0px 50px 0px; + width: calc(100% - 50px); + } + pre { + max-width: 100%; + overflow-x: auto; + } +}