diff --git a/CYS-RAM/css/styles.css b/CYS-RAM/css/styles.css index ea34f3f..0807369 100644 --- a/CYS-RAM/css/styles.css +++ b/CYS-RAM/css/styles.css @@ -1,60 +1,6 @@ - .whole_body1{ - margin-top: 15%; - margin-left: 20%; - margin-right: 20%; - margin-bottom: 15%; - } - - .whole_body2{ - margin-top: 2%; - margin-left: 5%; - margin-right: 5%; - margin-bottom: 5%; - } - - .button { - display: inline-block; - border-radius: 4px; - background-color: #B50346; - border: none; - color: #FFFFFF; - text-align: center; - font-size: 16px; - padding: 10px; - width: 100px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; - } - - .button span { - cursor: pointer; - display: inline-block; - position: relative; - transition: 0.5s; - } - - .button span:after { - content: '\00bb'; - position: absolute; - opacity: 0; - top: 0; - right: -20px; - transition: 0.5s; - } - - .button:hover span { - padding-right: 25px; - } - - .button:hover span:after { - opacity: 1; - right: 0; - } - - .images{ + .Home_images{ position: relative; - background-image: url('../images/amrita_cbe.gif'); + background-image: url('../images/Cbe.gif'); background-repeat: no-repeat; background-position: 50% 7%; background-size: 40%; @@ -62,74 +8,308 @@ background-color: floralwhite; } - .left_block{ - padding-top: 4%; - padding-right: 45%; - } - .right_block{ - - padding-left: 60%; + .whole_body{ + margin-top: 15%; + margin-left: 20%; + margin-right: 20%; + margin-bottom: 15%; } - .container { + .Home_container{ position: relative; text-align: center; } - - .left-image1{ - width: 22%; + + .Home_Amrita{ + width: 19%; height: auto; position: absolute; - top: 0; - left: 0%; + top: 3%; + left: 3%; } - - .right-image1{ + + .Home_Tifac{ width: 9%; height: auto; position: absolute; - top: 0; + top: 0%; right: 5%; } - .left-image2{ - width: 18%; - height: auto; + .center-text { + margin-top: 20%; + position: relative; + align-items: center; + } + + .text{ + text-align: center; + } + + hr{ + border: 0.05px solid maroon; + } + + .button { + display: inline-block; + border-radius: 4px; + background-color: #B50346; + border: none; + color: #FFFFFF; + text-align: center; + font-size: 16px; + padding: 10px; + width: 100px; + transition: all 0.5s; + cursor: pointer; + margin: 5px; + } + + .button span { + cursor: pointer; + display: inline-block; + position: relative; + transition: 0.5s; + } + + .button span:after { + content: '\00bb'; position: absolute; + opacity: 0; top: 0; - left: 0%; + right: -20px; + transition: 0.5s; } - - .right-image2{ + + .button:hover span { + padding-right: 25px; + } + + .button:hover span:after { + opacity: 1; + right: 0; + } + + .ram_Amrita{ + width: 15%; + height: auto; + position: absolute; + top: 0%; + left: 3%; + } + + .ram_Tifac{ width: 5%; height: auto; position: absolute; - top: 0; - right: 0%; + top: 0%; + right: 3%; } - - .center-text { - margin-top: 3%; + + .cys-ram{ + width: 10%; + height: auto; + position: absolute; + top: 0%; + left: 35%; + } + + .ram_container1{ position: relative; - align-items: center; + margin-top: 6%; + margin-left: 2%; + margin-right: 2%; + } - .text{ + .tabd{ + background-color:rgb(172, 20, 20); + border-style: none; + height: 30px; + color: #f1f1f1; + font-weight: 200; + width: 100px; + border-radius: 3px; + + } + .tabd:hover{ + background-color: rgb(212, 2, 2); + } + .ram_container2{ + margin-top: 1%; + padding: 0.009%; + border-radius: 0.5%; + background-color:#ededeed5; + width: 100%; + height: 310px; + box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.26); + } + + .tab-content { + display: none; + padding-left: 0.5%; + + } + + .active-tab { + display: block; + } + + .search{ text-align: center; - color: indigo; + font-size: small; + font-weight: 700; + color: ghostwhite; + width: 55px; + height: 30px; + border-style: none; + border-radius: 4px; + background-color:#ff9100e1; + } + .search:hover{ + background-color: #f08901e1; - .custom-line { - border-color: #B50346; - border-width: 1px; - } + } - .footer{ - position: fixed; - width: 100%; - top: 88%; + .styleip{ + border-radius: 20px; + padding: 3px; + margin-right: 10px; + border-style: none; + } + .ram_images{ display: block; - background-color: black; - color: green; + position: relative; + background-image: url('../images/Cbe.gif'); + background-repeat: no-repeat; + background-position: 50% 60%; + background-size: 45%; + height: 40vh; + } + + .tag_container { + background-color: rgb(172, 20, 20); + border-style: none; text-align: center; - } \ No newline at end of file + height: 70px; + color: #f1f1f1; + font-weight: 500; + width: 200px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 15px; + margin: 35px; + } + + +.credits-container{ + z-index: 1; + cursor: pointer; + background-color: maroon; + position: absolute; + top: 0; + right: 0; + height: 30px; + width: 40px; + display: flex; + padding-right: 10px; + justify-content: space-between; + align-items: center; + padding: 0 10px; + box-sizing: border-box; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + +} +.b1, .b2, .b3 { + z-index: 2; + position: absolute; + width: 20px; + height: 2px; + background-color: white; + margin: 6px 0; + transition: 0.4s; + left: 10px; +} + +.b1 { top: 0; right: 0; } +.b2 { top: 8px; right: 0; } +.b3 { top: 16px; right: 0; } +.credits-container.active .dropdown-content { + display: block; +} +#dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); + z-index: 1; +} +#dropdown-content p{ + display: block; + font-size: 15px; + background-color: rgb(240, 144, 144); + color: black; + text-decoration: none; + padding: 10px; + text-align: center; +} + +.dropdown-content.active { + display: block; + +} +.dropdown-content { + display: none; + background-color: maroon; + position: absolute; + margin-top: 10px; + right: 0px; + height: 150px; + width: 300px; + border-radius: 5px; + +} +.change .b1 { + transform: translate(0, 8px) rotate(-45deg); +} + +.change .b2 {opacity: 0;} + +.change .b3 { + transform: translate(0, -8px) rotate(45deg); +} + +@media only screen and (max-width: 940px) { + .ram_images{ + background-size: 400px; + + } + +} +.About{ + text-decoration: none; + color: white; +} +.about-container{ + margin-top: 10%; + text-align: center; + +} +h2{ + color: blue; +} +h2:hover{ + color: blue; +} + +footer{ + position: sticky; + background-color: #ededeec0; + padding:2%; + text-align: center; + +} diff --git a/CYS-RAM/html/RAM.html b/CYS-RAM/html/RAM.html new file mode 100644 index 0000000..e265973 --- /dev/null +++ b/CYS-RAM/html/RAM.html @@ -0,0 +1,207 @@ + + + + + + + Faculty | Research Analysis Metrics + + + + + + + + Amrita Vishwa Vidyapeetham + TIFAC-CORE in Cyber Security + + CYS_Ram + + +

Research Analysis and Metrics

 +
+
+
+
+
+
+
+
+
+ +

Credits:

+

Adithya N S

+

Saride Someswara Sai Sri Chakri

+

Ramaguru Radhakrishnan

+ + +
+ + + + + +
+ + + + + + + +
+
+
+
+
+ + + + + + + + +

+ +
+
+
+
+ + + + + + + + +

+ +
+
+ +
+
+ + +

+ +
+
+ +
+ + + + + + + + + + + + + +
+
+ Cryptography +
+ 		+
+ Cryptanalysis +
+ 		+
+ Stegnography +
+ 		+
+ Steganalysis +
+
+
+ Forensics +
+ 		+
+ Blockchain Technology +
+ 		+
+ Visual Cryptography +
+ 		+
+ Machine Learning +
+
+
+
+
+
+ +
+ + + diff --git a/CYS-RAM/images/CYS-RAM.png b/CYS-RAM/images/CYS-RAM.png index 5db2a37..9f6529e 100644 Binary files a/CYS-RAM/images/CYS-RAM.png and b/CYS-RAM/images/CYS-RAM.png differ diff --git a/CYS-RAM/images/cbe.gif b/CYS-RAM/images/cbe.gif new file mode 100644 index 0000000..e0c2e40 Binary files /dev/null and b/CYS-RAM/images/cbe.gif differ diff --git a/CYS-RAM/index.html b/CYS-RAM/index.html index 7c4764b..e9205af 100644 --- a/CYS-RAM/index.html +++ b/CYS-RAM/index.html @@ -1,38 +1,39 @@ - - + + - - - - - Home | Research Analysis and Metrics + + + + + Home | Research Analysis and Metrics - -
-
- Amrita Logo - TIFAC-CORE Logo -
- Amrita Vishwa Vidhyapeetham -
-

TIFAC-CORE in Cyber Security

-
- CYS-RAM Logo -
-
- - - -
+ + +
+
+ Amrita Logo + TIFAC-CORE Logo +
+ Amrita Vishwa Vidhyapeetham +
+

TIFAC-CORE in Cyber Security

+
+ CYS-RAM Logo +
+
+ + + +
+
-
- \ No newline at end of file + \ No newline at end of file diff --git a/CYS-RAM/js/ram.js b/CYS-RAM/js/ram.js new file mode 100644 index 0000000..e81a04a --- /dev/null +++ b/CYS-RAM/js/ram.js @@ -0,0 +1,96 @@ +function openTab(tabName) { + var i, tabContent; + + tabContent = document.getElementsByClassName("tab-content"); + for (i = 0; i < tabContent.length; i++) { + tabContent[i].style.display = "none"; + } + + document.querySelectorAll('button').forEach(function(tabButton) { + tabButton.classList.remove('active-tab'); + }); + document.getElementById(tabName).style.display = "block"; + event.currentTarget.classList.add('active-tab'); + + } + function show_hide(x) { + x.classList.toggle("change"); + var dropdownContent = document.querySelector('.dropdown-content'); + dropdownContent.style.display = (dropdownContent.style.display === 'none' || dropdownContent.style.display === '') ? 'block' : 'none'; +} + + +const array_ofGsid = ['Xl_P9V0AAAAJ','nlt0DD4AAAAJ','K2n1nh0AAAAJ','8AwtAWsAAAAJ','NHVcW84AAAAJ','QdXcVjUAAAAJ','-DjvKqgAAAAJ','ZWxL_tkAAAAJ','k9PlyYkAAAAJ','LZW1iBEAAAAJ','ajH378EAAAAJ'] + function check(gsid) { + for (let i = 0; i < 11; i++) { + if (array_ofGsid[i] == gsid) { + return i; + } + } + return -1 + } + +const faculty = ['Dr. M. Sethumadhavan','Dr. Chungath Srinivasan','Dr. Lakshmy K.V','Dr. Amritha P P','Dr. Praveen K','Mr. Saurabh Shrivastava','Mr. Ramaguru Radhakrishnan','Dr. K.N. Ambili','Mr. Anand R Nair','Dr. V. Sujitha','Ms. Hemalatha P']; +const faculty_publications = [20,20,20,20,20,3,14,10,1,20,20]; +const faculty_citations = [1243,226,249,324,180,2,95,63,4,51,158]; +const faculty_h_index = [13,8,8,9,7,1,5,4,1,4,7]; +const faculty_i10_index = [19,5,6,7,5,0,4,2,0,1,6]; + +function generateOutputHTML(index) { + var author = faculty[index]; + var publications = faculty_publications[index]; + var citations_c = faculty_citations[index]; + var hindex_c = faculty_h_index[index]; + var i10index_c = faculty_i10_index[index]; + + return ` +
+ + + + + + + + + + + + + + + + + + +
Author Information
Name : ${author}
Publication Details
Publications : ${publications}
Citations: ${citations_c}
h-index : ${hindex_c}
i10-index:${i10index_c}
+
`; +} + +function checkeventbyID(event) { + alert(`Submitted Successfully!`); + const enteredId = document.getElementById('Search_by_Id').value; + console.log(enteredId); + var index = check(enteredId); + + if (index !== -1) { + var outputHTML = generateOutputHTML(index); + var output = document.getElementById('output'); + var ramImagesDiv = document.querySelector('.ram_images'); + if (ramImagesDiv) { + ramImagesDiv.style.display = 'none'; + } + output.innerHTML = outputHTML; + } else { + var ramImagesDiv = document.querySelector('.ram_images'); + if (ramImagesDiv) { + ramImagesDiv.style.display = 'block'; + } + } + + event.preventDefault(); + return false; +} + + +