├── pack ├── css.png ├── js.png ├── sql.png ├── clang.png ├── excel.png ├── html.png ├── numpy.png ├── spacy.png ├── gensim.png ├── github.png ├── javalang.png ├── jupyter.png ├── kalyan.jpeg ├── pandas.png ├── plotly.png ├── powerbi.png ├── pycharm.png ├── pylogo.png ├── sklearn.png ├── vscode.png ├── streamlit.png ├── tensorflow.png ├── git.svg ├── fastapi.svg ├── flask.svg └── seaborn.svg ├── projectImages ├── p0.png ├── p1.png ├── p2.png ├── p3.png ├── p4.png ├── p5.png ├── p6.png ├── p7.png ├── p8.png └── p9.png ├── index.js ├── content.css ├── mycontent.js ├── content.js ├── content.html ├── index.html └── index.css /pack/css.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/css.png -------------------------------------------------------------------------------- /pack/js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/js.png -------------------------------------------------------------------------------- /pack/sql.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/sql.png -------------------------------------------------------------------------------- /pack/clang.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/clang.png -------------------------------------------------------------------------------- /pack/excel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/excel.png -------------------------------------------------------------------------------- /pack/html.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/html.png -------------------------------------------------------------------------------- /pack/numpy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/numpy.png -------------------------------------------------------------------------------- /pack/spacy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/spacy.png -------------------------------------------------------------------------------- /pack/gensim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/gensim.png -------------------------------------------------------------------------------- /pack/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/github.png -------------------------------------------------------------------------------- /pack/javalang.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/javalang.png -------------------------------------------------------------------------------- /pack/jupyter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/jupyter.png -------------------------------------------------------------------------------- /pack/kalyan.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/kalyan.jpeg -------------------------------------------------------------------------------- /pack/pandas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/pandas.png -------------------------------------------------------------------------------- /pack/plotly.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/plotly.png -------------------------------------------------------------------------------- /pack/powerbi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/powerbi.png -------------------------------------------------------------------------------- /pack/pycharm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/pycharm.png -------------------------------------------------------------------------------- /pack/pylogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/pylogo.png -------------------------------------------------------------------------------- /pack/sklearn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/sklearn.png -------------------------------------------------------------------------------- /pack/vscode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/vscode.png -------------------------------------------------------------------------------- /pack/streamlit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/streamlit.png -------------------------------------------------------------------------------- /pack/tensorflow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/pack/tensorflow.png -------------------------------------------------------------------------------- /projectImages/p0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/projectImages/p0.png -------------------------------------------------------------------------------- /projectImages/p1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/projectImages/p1.png -------------------------------------------------------------------------------- /projectImages/p2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/projectImages/p2.png -------------------------------------------------------------------------------- /projectImages/p3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/projectImages/p3.png -------------------------------------------------------------------------------- /projectImages/p4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/projectImages/p4.png -------------------------------------------------------------------------------- /projectImages/p5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/projectImages/p5.png -------------------------------------------------------------------------------- /projectImages/p6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/projectImages/p6.png -------------------------------------------------------------------------------- /projectImages/p7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/projectImages/p7.png -------------------------------------------------------------------------------- /projectImages/p8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/projectImages/p8.png -------------------------------------------------------------------------------- /projectImages/p9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxy-Ram/portfolio/HEAD/projectImages/p9.png -------------------------------------------------------------------------------- /pack/git.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | function continuousTypeWriter(text, speed) { 2 | let i = 0; 3 | const titleElement = document.getElementById("dot_typing_for_title"); 4 | 5 | function type() { 6 | if (i < text.length) { 7 | titleElement.innerHTML += text.charAt(i); 8 | i++; 9 | setTimeout(type, speed); 10 | } else { 11 | setTimeout(disappear, speed * 2); 12 | } 13 | } 14 | 15 | function disappear() { 16 | if (i > 0) { 17 | titleElement.innerHTML = text.substring(0, i - 1); 18 | i--; 19 | setTimeout(disappear, speed / 2); 20 | } else { 21 | setTimeout(type, speed); 22 | } 23 | } 24 | 25 | type(); 26 | } 27 | 28 | // Text for the title 29 | const titleText = "..."; 30 | 31 | // Call the continuousTypeWriter function 32 | continuousTypeWriter(titleText, 200); 33 | 34 | 35 | 36 | //Custom Cursor 37 | const cursorDot = document.querySelector("[data-cursor-dot]"); 38 | const cursorOutline = document.querySelector("[data-cursor-outline]"); 39 | 40 | window.addEventListener("mousemove",function(e){ 41 | const posX = e.clientX; 42 | const posY = e.clientY; 43 | 44 | cursorDot.style.left = `${posX}px`; 45 | cursorDot.style.top = `${posY}px`; 46 | 47 | /* cursorOutline.style.left = `${posX}px`; 48 | cursorOutline.style.top = `${posY}px`; */ 49 | 50 | cursorOutline.animate({ left:`${posX}px`, top: `${posY}px`}, 51 | 52 | {duration:1000,fill:"forwards"}); 53 | 54 | }) 55 | -------------------------------------------------------------------------------- /pack/fastapi.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /content.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0px; 3 | padding: 0px; 4 | } 5 | 6 | .da, .ds, .ml, .dl, .nlp, .web, .llm{ 7 | width: 100%; 8 | height: 300px; 9 | display: flex; 10 | justify-content: center; 11 | font-family: "Afacad"; 12 | 13 | -webkit-user-select: none; /* Chrome, Safari, Opera */ 14 | -moz-user-select: none; /* Firefox */ 15 | -ms-user-select: none; /* Internet Explorer/Edge */ 16 | user-select: none; /* Non-prefixed version, currently supported by all major browsers */ 17 | 18 | } 19 | .da h1, .ds h1, .ml h1, .dl h1, .nlp h1, .web h1, .llm h1{ 20 | color: aliceblue; 21 | margin-top: 80px; 22 | font-size: 95px; 23 | letter-spacing: 5px; 24 | } 25 | .da h1:hover, .ds h1:hover, .ml h1:hover, .dl h1:hover, .nlp h1:hover, .web h1:hover, .llm h1:hover{ 26 | color: black; 27 | cursor: pointer; 28 | } 29 | .da{ 30 | background-color: lightcoral; 31 | } 32 | .ds{ 33 | background-color: lightblue; 34 | } 35 | .ml{ 36 | background-color: lightseagreen; 37 | } 38 | .dl{ 39 | background-color: lightsalmon; 40 | } 41 | .nlp{ 42 | background-color: lightgreen; 43 | } 44 | .web{ 45 | background-color: lightgray; 46 | } 47 | .llm{ 48 | background-color: lightslategray; 49 | } 50 | 51 | /* Slide Toogle using Jquery */ 52 | .inner_da, .inner_ds, .inner_ml, .inner_dl, .inner_nlp, .inner_web, .inner_llm{ 53 | width: 100%; 54 | height: 680px; 55 | background-color:whitesmoke; 56 | display: none; 57 | } 58 | 59 | /* Content Integration */ 60 | .soon_info{ 61 | margin: 0px; 62 | padding-top: 180px; 63 | text-align: center; 64 | font-size: 30px; 65 | font-family: "Courier Prime", monospace; 66 | } 67 | 68 | .soon_info_highlight{ 69 | color: crimson; 70 | } 71 | /*Some globals*/ 72 | .introduction{ 73 | color: darkcyan; 74 | margin: 0px; 75 | font-family: "ubuntu"; 76 | text-align: center; 77 | padding-top: 50px; 78 | } 79 | .int_description{ 80 | margin-top: 25px; 81 | padding: 0px 300px; 82 | text-align: center; 83 | font-family: "Courier Prime", monospace; 84 | font-size: 18px; 85 | } 86 | .books{ 87 | color:goldenrod; 88 | margin: 0px; 89 | font-family: "ubuntu"; 90 | text-align: center; 91 | padding-top: 25px; 92 | padding-bottom:10px ; 93 | } 94 | .book_descrition{ 95 | margin: 0px; 96 | padding: 0px 300px; 97 | padding-top: 10px; 98 | text-align: center; 99 | font-family: "Courier Prime", monospace; 100 | font-size: 18px; 101 | } 102 | .tools{ 103 | color:indianred; 104 | margin: 0px; 105 | font-family: "ubuntu"; 106 | text-align: center; 107 | padding-top: 42px; 108 | } 109 | .tools_description{ 110 | margin-top: 25px; 111 | padding: 0px 300px; 112 | text-align: center; 113 | font-family: "Courier Prime", monospace; 114 | font-size: 18px; 115 | } 116 | .courses{ 117 | color: indigo; 118 | margin: 0px; 119 | font-family: "ubuntu"; 120 | text-align: center; 121 | padding-top: 25px; 122 | padding-bottom:10px ; 123 | } 124 | .courses_description{ 125 | margin: 0px; 126 | padding: 0px 300px; 127 | padding-top: 10px; 128 | text-align: center; 129 | font-family: "Courier Prime", monospace; 130 | font-size: 18px; 131 | } 132 | a{ 133 | text-decoration: none; 134 | color: black; 135 | } 136 | a:hover{ 137 | color: crimson; 138 | } 139 | -------------------------------------------------------------------------------- /mycontent.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | 3 | $("#h1-da").click(function(){ 4 | $(".inner_da").slideToggle(300, function() { 5 | 6 | // Check the visibility of the element after the toggle 7 | if ($(this).is(":visible")) { 8 | console.log(true); // Element is toggled (visible) 9 | $("#h1-da").animate({"font-size":"70px", "margin-top":"25px"}); 10 | $(".da").animate({"height":"150px"}); 11 | 12 | } else { 13 | console.log(false); // Element is untoggled (hidden) 14 | $("#h1-da").animate({"font-size":"95px", "margin-top": "80px"}); 15 | $(".da").animate({"height":"300px"}); 16 | } 17 | }); 18 | 19 | // Setting remaining all to its original properties 20 | $(".inner_ds, .inner_ml, .inner_dl, .inner_nlp, .inner_web, .inner_llm").slideUp(300, function(){ 21 | $("#h1-ds, #h1-ml, #h1-dl, #h1-nlp, #h1-web, #h1-llm").animate({"font-size":"95px", "margin-top": "80px"}); 22 | $(".ds, .ml, .dl, .nlp, .web, .llm").animate({"height":"300px"}); 23 | }); 24 | }); 25 | //--------------------------------------------------------------------------------------------- 26 | $("#h1-ds").click(function(){ 27 | $(".inner_ds").slideToggle(300, function() { 28 | 29 | if ($(this).is(":visible")) { 30 | $("#h1-ds").animate({"font-size":"70px", "margin-top":"25px"}); 31 | $(".ds").animate({"height":"150px"}); 32 | 33 | } else { 34 | $("#h1-ds").animate({"font-size":"95px", "margin-top": "80px"}); 35 | $(".ds").animate({"height":"300px"}); 36 | } 37 | }); 38 | 39 | $(".inner_da, .inner_ml, .inner_dl, .inner_nlp, .inner_web, .inner_llm").slideUp(300, function(){ 40 | $("#h1-da, #h1-ml, #h1-dl, #h1-nlp, #h1-web, #h1-llm").animate({"font-size":"95px", "margin-top": "80px"}); 41 | $(".da, .ml, .dl, .nlp, .web, .llm").animate({"height":"300px"}); 42 | }); 43 | }); 44 | //--------------------------------------------------------------------------------------------- 45 | $("#h1-ml").click(function(){ 46 | $(".inner_ml").slideToggle(300, function() { 47 | 48 | if ($(this).is(":visible")) { 49 | $("#h1-ml").animate({"font-size":"70px", "margin-top":"25px"}); 50 | $(".ml").animate({"height":"150px"}); 51 | 52 | } else { 53 | $("#h1-ml").animate({"font-size":"95px", "margin-top": "80px"}); 54 | $(".ml").animate({"height":"300px"}); 55 | } 56 | }); 57 | 58 | $(".inner_da, .inner_ds, .inner_dl, .inner_nlp, .inner_web, .inner_llm").slideUp(300, function(){ 59 | $("#h1-da, #h1-ds, #h1-dl, #h1-nlp, #h1-web, #h1-llm").animate({"font-size":"95px", "margin-top": "80px"}); 60 | $(".da, .ds, .dl, .nlp, .web, .llm").animate({"height":"300px"}); 61 | }); 62 | }); 63 | //--------------------------------------------------------------------------------------------- 64 | $("#h1-dl").click(function(){ 65 | $(".inner_dl").slideToggle(300); 66 | $(".inner_da, .inner_ds, .inner_ml, .inner_nlp, .inner_web, .inner_llm").slideUp(300); 67 | }); 68 | //--------------------------------------------------------------------------------------------- 69 | $("#h1-nlp").click(function(){ 70 | $(".inner_nlp").slideToggle(300); 71 | $(".inner_da, .inner_ds, .inner_ml, .inner_dl, .inner_web, .inner_llm").slideUp(300); 72 | }); 73 | //--------------------------------------------------------------------------------------------- 74 | $("#h1-web").click(function(){ 75 | $(".inner_web").slideToggle(300); 76 | $(".inner_da, .inner_ds, .inner_ml, .inner_dl, .inner_nlp, .inner_llm").slideUp(300); 77 | }); 78 | //--------------------------------------------------------------------------------------------- 79 | $("#h1-llm").click(function(){ 80 | $(".inner_llm").slideToggle(300); 81 | $(".inner_da, .inner_ds, .inner_ml, .inner_dl, .inner_nlp, .inner_web").slideUp(300); 82 | }); 83 | 84 | }); 85 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /content.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | 3 | function resetOthers(except) { 4 | const allBlocks = [ 5 | {button: "#h1-da", content: ".inner_da", container: ".da"}, 6 | {button: "#h1-ds", content: ".inner_ds", container: ".ds"}, 7 | {button: "#h1-ml", content: ".inner_ml", container: ".ml"}, 8 | {button: "#h1-dl", content: ".inner_dl", container: ".dl"}, 9 | {button: "#h1-nlp", content: ".inner_nlp", container: ".nlp"}, 10 | {button: "#h1-web", content: ".inner_web", container: ".web"}, 11 | {button: "#h1-llm", content: ".inner_llm", container: ".llm"} 12 | ]; 13 | allBlocks.forEach(block => { 14 | if (block.button !== except) { 15 | $(block.content).slideUp(300); 16 | $(block.button).animate({"font-size":"95px", "margin-top": "80px"}); 17 | $(block.container).animate({"height":"300px"}); 18 | } 19 | }); 20 | } 21 | 22 | $("#h1-da").click(function(){ 23 | $(".inner_da").slideToggle(300, function() { 24 | if ($(this).is(":visible")) { 25 | $("#h1-da").animate({"font-size":"70px", "margin-top":"25px"}); 26 | $(".da").animate({"height":"150px"}); 27 | } else { 28 | $("#h1-da").animate({"font-size":"95px", "margin-top": "80px"}); 29 | $(".da").animate({"height":"300px"}); 30 | } 31 | }); 32 | resetOthers("#h1-da"); 33 | }); 34 | 35 | $("#h1-ds").click(function(){ 36 | $(".inner_ds").slideToggle(300, function() { 37 | if ($(this).is(":visible")) { 38 | $("#h1-ds").animate({"font-size":"70px", "margin-top":"25px"}); 39 | $(".ds").animate({"height":"150px"}); 40 | } else { 41 | $("#h1-ds").animate({"font-size":"95px", "margin-top": "80px"}); 42 | $(".ds").animate({"height":"300px"}); 43 | } 44 | }); 45 | resetOthers("#h1-ds"); 46 | }); 47 | 48 | $("#h1-ml").click(function(){ 49 | $(".inner_ml").slideToggle(300, function() { 50 | if ($(this).is(":visible")) { 51 | $("#h1-ml").animate({"font-size":"70px", "margin-top":"25px"}); 52 | $(".ml").animate({"height":"150px"}); 53 | } else { 54 | $("#h1-ml").animate({"font-size":"95px", "margin-top": "80px"}); 55 | $(".ml").animate({"height":"300px"}); 56 | } 57 | }); 58 | resetOthers("#h1-ml"); 59 | }); 60 | 61 | $("#h1-dl").click(function(){ 62 | $(".inner_dl").slideToggle(300, function() { 63 | if ($(this).is(":visible")) { 64 | $("#h1-dl").animate({"font-size":"70px", "margin-top":"25px"}); 65 | $(".dl").animate({"height":"150px"}); 66 | } else { 67 | $("#h1-dl").animate({"font-size":"95px", "margin-top": "80px"}); 68 | $(".dl").animate({"height":"300px"}); 69 | } 70 | }); 71 | resetOthers("#h1-dl"); 72 | }); 73 | 74 | $("#h1-nlp").click(function(){ 75 | $(".inner_nlp").slideToggle(300, function() { 76 | if ($(this).is(":visible")) { 77 | $("#h1-nlp").animate({"font-size":"70px", "margin-top":"25px"}); 78 | $(".nlp").animate({"height":"150px"}); 79 | } else { 80 | $("#h1-nlp").animate({"font-size":"95px", "margin-top": "80px"}); 81 | $(".nlp").animate({"height":"300px"}); 82 | } 83 | }); 84 | resetOthers("#h1-nlp"); 85 | }); 86 | 87 | $("#h1-web").click(function(){ 88 | $(".inner_web").slideToggle(300, function() { 89 | if ($(this).is(":visible")) { 90 | $("#h1-web").animate({"font-size":"70px", "margin-top":"25px"}); 91 | $(".web").animate({"height":"150px"}); 92 | } else { 93 | $("#h1-web").animate({"font-size":"95px", "margin-top": "80px"}); 94 | $(".web").animate({"height":"300px"}); 95 | } 96 | }); 97 | resetOthers("#h1-web"); 98 | }); 99 | 100 | $("#h1-llm").click(function(){ 101 | $(".inner_llm").slideToggle(300, function() { 102 | if ($(this).is(":visible")) { 103 | $("#h1-llm").animate({"font-size":"70px", "margin-top":"25px"}); 104 | $(".llm").animate({"height":"150px"}); 105 | } else { 106 | $("#h1-llm").animate({"font-size":"95px", "margin-top": "80px"}); 107 | $(".llm").animate({"height":"300px"}); 108 | } 109 | }); 110 | resetOthers("#h1-llm"); 111 | }); 112 | }); -------------------------------------------------------------------------------- /content.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Content 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 |
24 |

Data Analytics

25 |
26 |
27 |

Introduction

28 |

Welcome to Data Analytics Resources section, where you'll find curated articles, books, tutorials, and tools to enhance your data analytics skills. Explore and discover valuable insights to advance your knowledge.

29 | 30 |

Books

31 |

--

 32 |

--

 33 |

--

 34 | 35 |

Tools

36 |

Excel | Sql | PowerBI | Python | Tableau

37 | 38 |

Tutorials

39 |

--

 40 |

--

 41 |

--

 42 |
43 | 44 | 45 |
46 |

Data Science

47 |
48 |
49 |

Introduction

50 |

Welcome to Data Science Resources section, where you'll find curated articles, books, tutorials, and tools to enhance your data science skills. Explore and discover valuable insights to advance your knowledge.

51 | 52 |

Books

53 |

--

 54 |

--

 55 |

--

 56 | 57 |

Tools

58 |

Python | Jupyter Notebook | Sql | Numpy | Pandas | Matplotlib | Seaborn | Spark

59 | 60 |

Tutorials

61 |

--

 62 |

--

 63 |

--

 64 |
65 | 66 | 67 |
68 |

Machine Learning

69 |
70 |
71 |

Introduction

72 |

Welcome to Machine Learning Resources section, where you'll find curated articles, books, tutorials, and tools to enhance your machine learning skills. Explore and discover valuable insights to advance your knowledge.

73 | 74 |

Books

75 |

--

 76 |

--

 77 |

--

 78 | 79 |

Tools

80 |

Python | Scikit Learn | Mlxtend | Surprise | Xgboost | Spark MLlib | Theano

81 | 82 |

Tutorials

83 |

--

 84 |

--

 85 |

--

 86 |
87 | 88 | 89 |
90 |

Deep Learning

91 |
92 |
93 |

Introduction

94 |

Welcome to Deep Learning Resources section, where you'll find curated articles, books, tutorials, and tools to enhance your deep learning skills. Explore and discover valuable insights to advance your knowledge.

95 | 96 |

Books

97 |

--

 98 |

--

 99 |

--

 100 | 101 |

Tools

102 |

Python | Tensorflow | Keras | Pytorch

103 | 104 |

Tutorials

105 |

--

 106 |

--

 107 |

--

 108 |
109 | 110 | 111 |
112 |

Natural Language Processing

113 |
114 |
115 |

Introduction

116 |

Welcome to Natural Language Processing Resources section, where you'll find curated articles, books, tutorials, and tools to enhance your natural language processing skills. Explore and discover valuable insights to advance your knowledge.

117 | 118 |

Books

119 |

--

 120 |

--

 121 |

--

 122 | 123 |

Tools

124 |

Python| Spacy | NLTK | Gensim | TextBlob | FastText | Hugging Face Transformers

125 | 126 |

Tutorials

127 |

--

 128 |

--

 129 |

--

 130 |
131 | 132 | 133 |
134 |

Web Technologies

135 |
136 |
137 |

Introduction

138 |

Welcome to Web Technologies section, where you'll find curated articles, books, tutorials, and tools to enhance your web technologies skills. Explore and discover valuable insights to advance your knowledge.

139 | 140 |

Books

141 |

--

 142 |

--

 143 |

--

 144 | 145 |

Tools

146 |

Html | Css | Java Script | Jquery | React | Django | Fastapi | Flask

147 | 148 |

Tutorials

149 |

--

 150 |

--

 151 |

--

 152 |
153 | 154 | 155 |
156 |

Large Language Models

157 |
158 |
159 |

Introduction

160 |

Welcome to Large Language Models section, where you'll find curated articles, books, tutorials, and tools to enhance your llm's skills. Explore and discover valuable insights to advance your knowledge.

161 | 162 |

Books

163 |

--

 164 |

--

 165 |

--

 166 | 167 |

Tools

168 |

Python | Langchain | Bert | Gpt | LLaMA

169 | 170 |

Tutorials

171 |

--

 172 |

--

 173 |

--

 174 |
175 | 176 |
177 | 178 | 179 | 180 | -------------------------------------------------------------------------------- /pack/flask.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Portfolio 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 |
25 | 26 | 27 |
28 |
29 |
30 |

Hello Iam

31 |

KALYAN RAM

32 |
33 |
34 |
35 |
36 | 37 | kalyan 38 | 39 |
40 |
41 |

About ME

42 |

As a passionate Python enthusiast with a keen interest in Data Science, Machine Learning, and Web Technologies. Eager to expand expertise and skills in these areas to drive career growth. Demonstrated commitment to continuous learning and professional development.

43 |

Present I am pursuing a Bachelor's degree in Data Science driven by a profound interest.

44 |

For an hands on experience i avidly pursue knowledge and expertise through fabled platforms like coursera, youtube and others. Also by doing projects.

45 |
46 |
47 | 48 |
49 |

READ LEARN THINK CREATE

50 |
51 | 52 |
53 | 54 |
55 |

56 | Skills . . . 57 |
58 |

59 |
60 |

Programming Languages

61 |
62 | python 63 | sql 64 | 65 | 66 |
67 |
68 | 69 |
70 |

Web Technologies

71 |
72 | html 73 | css 74 | js 75 |
76 |
77 | 78 |
79 |

Ds Ml Dl Nlp

80 |
81 | numpy 82 | pandas 83 | sklearn 84 | tensorflow 85 | spacy 86 | gensim 87 |
88 |
89 | 90 |
91 |

Data Visualization

92 |
93 | matplotlib 94 | powerbi 95 | seaborn 96 | plotly 97 |
98 |
99 | 100 |
101 |

Other Tools

102 |
103 | excel 104 | git 105 | github 106 | streamlit 107 | flask 108 | fastapi 109 | jupyter 110 | pycharm 111 | vscode 112 |
113 |
114 |
115 | 116 | 117 |
118 |

# Projects 119 |
120 |

121 |
122 | 123 | 124 |
125 |
126 | p1 127 |

Cnn Fruits Classification

128 |

Source Presentation

129 |
130 | 131 |
132 | p2 133 |

Language translator

134 |

Source Presentation

135 |
136 | 137 |
138 | p1 139 |

Snooker Web app

140 |

Source Video

141 |
142 |
143 | 144 | 145 |
146 |
147 | p4 148 |

Next word Generation

149 |

Source Video

150 |
151 |
152 | p5 153 |

Getting Word Embeddings

154 |

Source Presentation

155 |
156 |
157 | p6 158 |

New Classification

159 |

Source

160 |
161 |
162 | 163 | 164 |
165 |
166 | p7 167 |

English Phonetics Converter

168 |

Source Video

169 |
170 |
171 | p8 172 |

Pet Name Generator LANG-CHAIN

173 |

Source Post

174 |
175 |
176 | p9 177 |

Transportation Problem

178 |

Source Presentation

179 |
180 |
181 | 182 | 183 |
184 |

Connect with me

185 |
186 |
187 | ⤿Linkedin 188 | ⤿Github 189 | ⤿Gmail 190 | ⤿Hackerrank 191 |
192 |
193 | 194 | 195 |
196 | 201 | 202 |
203 | 204 | 205 |
206 |

MY STUFF AND RECOMMENDATIONS

207 |
208 |

CLICK HERE

 209 |
210 |
211 | 212 | 213 | 214 | 215 | 216 | 219 | 220 | 221 | 222 | -------------------------------------------------------------------------------- /index.css: -------------------------------------------------------------------------------- 1 | *{ 2 | cursor: none; 3 | } 4 | body{ 5 | background-color: rgb(238, 238, 238); 6 | height: 109.5cm; 7 | } 8 | /*Custom Cursor*/ 9 | .cursor-dot{ 10 | width: 5px; 11 | height: 5px; 12 | 13 | background-color: black; 14 | } 15 | .cursor-outline{ 16 | width: 30px; 17 | height: 30px; 18 | border: 2px solid darkgray; 19 | } 20 | .cursor-dot, .cursor-outline{ 21 | position: fixed; 22 | top: 0; 23 | left: 0; 24 | transform: translate(-50%,-50%); 25 | border-radius: 50%; 26 | z-index: 3; 27 | pointer-events: none; 28 | } 29 | 30 | section.profile{ 31 | width: 100%; 32 | height: 30cm; 33 | font-family: "Josefin Sans"; 34 | color: rgb(0, 0, 0); 35 | 36 | } 37 | section.profile div.name{ 38 | margin-left: 15%; 39 | margin-top: 250px; 40 | } 41 | section.profile div.name h1{ 42 | font-size: 35px; 43 | letter-spacing: 5px; 44 | } 45 | section.profile div.name h2{ 46 | font-size: 45px; 47 | letter-spacing: 6px; 48 | } 49 | div.circle{ 50 | 51 | position: absolute; 52 | width: 150px; 53 | height: 150px; 54 | border-radius: 50%; 55 | background-color: rgba(173, 216, 230, 0.553); 56 | z-index: -1; 57 | 58 | margin-top: 40px; 59 | margin-left: -40px; 60 | } 61 | 62 | /* no animation for now */ 63 | section.profile div.line_animation{ 64 | width: 800px; 65 | height: 3px; 66 | background-image: linear-gradient(to right, red , yellow); 67 | 68 | margin-top: 270px; 69 | 70 | } 71 | div.bubble1{ 72 | position: absolute; 73 | width: 300px; 74 | height: 300px; 75 | background-color: darkseagreen; 76 | border-radius: 50%; 77 | 78 | right: 4%; 79 | margin-top: -750px; 80 | } 81 | div.bubble1:hover{ 82 | 83 | animation: bubble1hover 1.5s forwards; 84 | } 85 | @keyframes bubble1hover{ 86 | to{ 87 | background-color: lightsalmon; 88 | } 89 | } 90 | div.bubble2{ 91 | position: absolute; 92 | width: 150px; 93 | height: 150px; 94 | background-color: lightsalmon; 95 | border-radius: 50%; 96 | 97 | right: 11%; 98 | margin-top: -200px; 99 | } 100 | div.bubble2:hover{ 101 | 102 | animation: bubble2hover 1.5s forwards; 103 | } 104 | @keyframes bubble2hover{ 105 | to{ 106 | background-color: lightseagreen; 107 | } 108 | } 109 | 110 | /* person image */ 111 | section.profile img{ 112 | 113 | position: absolute; 114 | width: 450px; 115 | height: 450px; 116 | border-radius: 50%; 117 | 118 | border: 5px rgb(237, 203, 8) solid; 119 | 120 | top: 80px; 121 | right: 12%; 122 | 123 | } 124 | 125 | div.eclosed_about{ 126 | width: 100%; 127 | display: flex; 128 | justify-content: center; 129 | } 130 | 131 | div.about{ 132 | margin-top: 1.5%; 133 | margin-left: 0%; 134 | text-align: center; 135 | width: 1000px; 136 | } 137 | div.about h1{ 138 | font-size: 45px; 139 | } 140 | div.about p{ 141 | font-size: 25px; 142 | font-family: "Cedarville Cursive", cursive; 143 | margin-top: -25px; 144 | } 145 | section.profile div.enclosed_quote{ 146 | width: 100%; 147 | display: flex; 148 | justify-content: center; 149 | } 150 | section.profile h2.quote{ 151 | 152 | margin-top: 30px; 153 | margin-left: 0%; 154 | color:rgba(0, 0, 0, 0.219); 155 | font-size: 100px; 156 | font-weight: bolder; 157 | letter-spacing: 10px; 158 | font-family: "Afacad"; 159 | } 160 | 161 | /* Adjusting the quote for disparate media's */ 162 | @media only screen and (min-width: 1300px) and (max-width: 1440px) { 163 | section.profile h2.quote{ 164 | font-size: 95px; 165 | } 166 | } 167 | @media only screen and (min-width: 1200px) and (max-width : 1330px) { 168 | section.profile h2.quote{ 169 | font-size: 90px; 170 | } 171 | } 172 | 173 | /*SKILLS BLOCK*/ 174 | div.skills{ 175 | margin-top: -10px; 176 | width: 100%; 177 | height: 30cm; 178 | 179 | left: 0; 180 | text-align: center; 181 | } 182 | div.skills h1{ 183 | font-size: 50px; 184 | font-family: "Cedarville Cursive", cursive; 185 | color: lightseagreen; 186 | } 187 | div.skills h1 div.bubble3{ 188 | position: absolute; 189 | width: 120px; 190 | height: 120px; 191 | border-radius: 50%; 192 | background-color: rgba(173, 216, 230, 0.75); 193 | 194 | margin-left: 49%; 195 | margin-top: -80px; 196 | z-index: -1; 197 | 198 | } 199 | 200 | /* PROGRAMMING LANGUAGES */ 201 | /* Setting logos on h1 tag */ 202 | div.programming-languages{ 203 | margin-top: 80px; 204 | display: flex; 205 | justify-content: center; 206 | } 207 | div.programming-languages h2{ 208 | font-size: 100px; 209 | font-family: "Courier Prime", monospace; 210 | color: rgba(255, 166, 0, 0.1); 211 | margin-top: 10px; 212 | } 213 | div.pl-logos{ 214 | display: flex; 215 | gap: 100px; 216 | position: absolute; 217 | margin-top:35px; 218 | } 219 | div.pl-logos img{ 220 | width: 50px; 221 | height: 50px; 222 | } 223 | 224 | /*Adjusting individual logos*/ 225 | div.pl-logos img.sql{ 226 | width: 100px; 227 | height: 50px; 228 | } 229 | div.pl-logos img.java{ 230 | width: 55px; 231 | height: 65px; 232 | margin-top: -10px; 233 | } 234 | div.pl-logos img.c{ 235 | margin-top: 5px; 236 | margin-left: 5px; 237 | } 238 | 239 | /* WEB TECH */ 240 | div.web-tech{ 241 | margin-top: 0px; 242 | display: flex; 243 | justify-content: center; 244 | } 245 | div.web-tech h2{ 246 | font-size: 100px; 247 | font-family: "Courier Prime", monospace; 248 | color: rgba(0, 119, 255, 0.1); 249 | margin-top: 10px; 250 | } 251 | div.wt-logos{ 252 | display: flex; 253 | gap: 100px; 254 | position: absolute; 255 | margin-top:45px; 256 | } 257 | div.wt-logos img{ 258 | width: 40px; 259 | height: 45px; 260 | } 261 | /*DS ML DL NLP*/ 262 | div.dmdn{ 263 | margin-top: 0px; 264 | display: flex; 265 | justify-content: center; 266 | } 267 | div.dmdn h2{ 268 | font-size: 100px; 269 | font-family: "Courier Prime", monospace; 270 | color: rgba(0, 255, 8, 0.1); 271 | margin-top: 10px; 272 | } 273 | div.dmdn-logos{ 274 | display: flex; 275 | gap: 100px; 276 | position: absolute; 277 | margin-top:40px; 278 | } 279 | div.dmdn-logos img{ 280 | width: 40px; 281 | height: 45px; 282 | } 283 | 284 | /*Adjusting individual logos*/ 285 | div.dmdn-logos img.sklearn{ 286 | width: 65px; 287 | height: 45px; 288 | } 289 | div.dmdn img.spacy{ 290 | width:70px; 291 | height: 70px; 292 | margin-top: -10px; 293 | } 294 | div.dmdn img.gensim{ 295 | width: 40px; 296 | height: 40px; 297 | margin-top: 5px; 298 | } 299 | /*Data Visualization*/ 300 | div.dv{ 301 | margin-top: 0px; 302 | display: flex; 303 | justify-content: center; 304 | } 305 | div.dv h2{ 306 | font-size: 100px; 307 | font-family: "Courier Prime", monospace; 308 | color: rgba(225, 0, 255, 0.1); 309 | margin-top: 10px; 310 | } 311 | div.dv-logos{ 312 | display: flex; 313 | gap: 100px; 314 | position: absolute; 315 | margin-top:40px; 316 | } 317 | div.dv-logos img{ 318 | width: 40px; 319 | height: 45px; 320 | } 321 | /*Adjusting logo sizes*/ 322 | div.dv-logos img.plotly{ 323 | width: 35px; 324 | height: 35px; 325 | margin-top: 5px; 326 | } 327 | 328 | /*OTHER TOOLS*/ 329 | div.ot{ 330 | margin-top: 0px; 331 | display: flex; 332 | justify-content: center; 333 | } 334 | div.ot h2{ 335 | font-size: 100px; 336 | font-family: "Courier Prime", monospace; 337 | color: rgba(27, 26, 28, 0.1); 338 | margin-top: 10px; 339 | } 340 | div.ot-logos{ 341 | display: flex; 342 | gap: 100px; 343 | position: absolute; 344 | margin-top:40px; 345 | } 346 | div.ot-logos img{ 347 | width: 40px; 348 | height: 45px; 349 | } 350 | /*Adjusting the logos*/ 351 | div.ot-logos img.excel{ 352 | width: 40px; 353 | height: 40px; 354 | } 355 | div.ot-logos img.github{ 356 | width: 38px; 357 | height: 38px; 358 | } 359 | div.ot-logos img.streamlit{ 360 | width: 50px; 361 | height: 40px; 362 | margin-top: 5px; 363 | } 364 | div.ot-logos img.flask{ 365 | width: 70px; 366 | } 367 | div.logos img.fastapi{ 368 | width: 38px; 369 | height: 38px; 370 | } 371 | div.logos img.jupyter{ 372 | width: 40px; 373 | height: 50px; 374 | } 375 | 376 | /* PROJECTS */ 377 | 378 | div.projects{ 379 | margin-top: 5.5%; 380 | width: 100%; 381 | 382 | text-align: center; 383 | left: 0; 384 | } 385 | div.projects h1{ 386 | font-family: "Cedarville Cursive", cursive; 387 | font-size: 50px; 388 | color: lightcoral; 389 | } 390 | div.projects h1 div.bubble_for_projects{ 391 | 392 | position: absolute; 393 | width: 120px; 394 | height: 120px; 395 | background-color:rgba(143, 188, 143, 0.75); 396 | border-radius: 50%; 397 | 398 | right: 0; 399 | margin-right: 53%; 400 | margin-top: -90px; 401 | z-index: -1; 402 | } 403 | 404 | /* Every Projects row aids to mention 3 project details*/ 405 | /* Projects row1 */ 406 | div.projects-row1{ 407 | width: 100%; 408 | height: 420px; 409 | 410 | display: flex; 411 | justify-content: center; 412 | gap: 3%; 413 | font-family: "Afacad"; 414 | margin-top: 100px; 415 | } 416 | /*------------------------------------------------------------------*/ 417 | div.projects-col1{ 418 | width: 430px; 419 | height: 380px; 420 | text-align: center; 421 | padding-left: 20px; 422 | } 423 | div.projects-col1 img{ 424 | width: 100%; 425 | border-radius: 12px; 426 | border: 4px lightseagreen solid; 427 | } 428 | /*------------------------------------------------------------------*/ 429 | div.projects-col2{ 430 | width: 430px; 431 | height: 380px; 432 | text-align: center; 433 | } 434 | div.projects-col2 img{ 435 | width: 100%; 436 | border-radius: 12px; 437 | border: 4px lightsalmon solid; 438 | } 439 | /*------------------------------------------------------------------*/ 440 | div.projects-col3{ 441 | width: 430px; 442 | height: 380px; 443 | text-align: center; 444 | padding-right: 20px; 445 | } 446 | div.projects-col3 img{ 447 | width: 100%; 448 | border-radius: 12px; 449 | border: 4px lightskyblue solid; 450 | } 451 | 452 | /*------------------------------------------------------------------*/ 453 | 454 | /*The below css is suitable for the all text and links for the projects that are mentioned*/ 455 | h2.project-title{ 456 | letter-spacing: 3px; 457 | margin-top: 5px; 458 | } 459 | h3 a{ 460 | letter-spacing: 3px; 461 | text-decoration: none; 462 | font-family: "Cedarville Cursive", cursive; 463 | } 464 | a.source{ 465 | background-color: rgb(230, 204, 173); 466 | border-radius: 8px; 467 | padding: 0px 10px; 468 | color: black; 469 | } 470 | a.presen{ 471 | background-color: lightblue; 472 | border-radius: 8px; 473 | padding: 0px 8px; 474 | color: black; 475 | margin-left: 5px; 476 | } 477 | a.source:hover, a.presen:hover{ 478 | background-color: lightgray; 479 | color: rgb(0, 0, 0); 480 | } 481 | /*------------------------------------------------------------------*/ 482 | 483 | /* Projects row2 */ 484 | div.projects-row2{ 485 | width: 100%; 486 | height: 420px; 487 | display: flex; 488 | justify-content: center; 489 | gap: 3%; 490 | font-family: "Afacad"; 491 | } 492 | 493 | /* Projects row3 */ 494 | div.projects-row3{ 495 | width: 100%; 496 | height: 420px; 497 | display: flex; 498 | justify-content: center; 499 | gap: 3%; 500 | font-family: "Afacad"; 501 | } 502 | 503 | 504 | /*CONTACT DETAILS*/ 505 | div.contact{ 506 | width: 100%; 507 | height: 150px; 508 | 509 | display: flex; 510 | justify-content: center; 511 | margin-top: 10px; 512 | } 513 | div.contact h1{ 514 | font-family: "Courier Prime", monospace; 515 | font-size: 100px; 516 | color: rgba(46, 139, 86, 0.11); 517 | margin-top: 0px; 518 | 519 | } 520 | div.contact div.contact-fields{ 521 | position: absolute; 522 | display: flex; 523 | justify-content: center; 524 | gap: 100px; 525 | 526 | font-family: "Afacad"; 527 | } 528 | div.contact div.contact-fields a{ 529 | text-decoration: none; 530 | color: lightcoral; 531 | font-size: 22px; 532 | 533 | margin-top: 62px; 534 | } 535 | div.contact div.contact-fields a:hover{ 536 | transform: scale(1.055); 537 | font-weight: 300; 538 | } 539 | div.contact div.contact-fields a:active{ 540 | color: crimson; 541 | } 542 | 543 | /* Resume button */ 544 | div.resumeButton{ 545 | width: 100%; 546 | height: 40px; 547 | display: flex; 548 | justify-content: center; 549 | margin-top: 40px; 550 | } 551 | div.resumeButton button.res-button { 552 | display: inline-flex; 553 | align-items: center; 554 | justify-content: center; 555 | padding: 12px 30px; 556 | border: 0; 557 | position: relative; 558 | overflow: hidden; 559 | border-radius: 10rem; 560 | transition: all 0.02s; 561 | font-weight: bold; 562 | color: black; 563 | z-index: 0; 564 | box-shadow: 0 0px 7px -5px rgba(0, 0, 0, 0.5); 565 | } 566 | 567 | .res-button:hover { 568 | background: rgb(193, 228, 248); 569 | color: rgb(33, 0, 85); 570 | } 571 | 572 | .res-button:active { 573 | transform: scale(0.97); 574 | } 575 | 576 | .hoverEffect { 577 | position: absolute; 578 | bottom: 0; 579 | top: 0; 580 | left: 0; 581 | right: 0; 582 | display: flex; 583 | align-items: center; 584 | justify-content: center; 585 | z-index: 1; 586 | } 587 | 588 | .hoverEffect div { 589 | background: rgb(222,0,75); 590 | background: linear-gradient(90deg, rgba(222,0,75,1) 0%, rgba(191,70,255,1) 49%, rgba(0,212,255,1) 100%); 591 | border-radius: 40rem; 592 | width: 10rem; 593 | height: 10rem; 594 | transition: 0.4s; 595 | filter: blur(20px); 596 | animation: effect infinite 3s linear; 597 | opacity: 0.5; 598 | } 599 | 600 | .res-button:hover .hoverEffect div { 601 | width: 8rem; 602 | height: 8rem; 603 | } 604 | 605 | @keyframes effect { 606 | 607 | 0% { 608 | transform: rotate(0deg); 609 | } 610 | 611 | 100% { 612 | transform: rotate(360deg); 613 | } 614 | } 615 | 616 | /* MY STUFF and RECOMMENDATIONS */ 617 | div.my_stuff{ 618 | width: 100%; 619 | 620 | /* Top-Right-Bottom-Left */ 621 | padding: 10px 0px 75px 0px; 622 | text-align: center; 623 | } 624 | 625 | div.my_stuff h1.title_msr{ 626 | font-family: "Afacad"; 627 | color: rgba(46, 139, 86, 0.11); 628 | font-size: 80px; 629 | } 630 | div.my_stuff a.content_a{ 631 | text-decoration: none; 632 | } 633 | div.my_stuff div.my_stuff_content{ 634 | display: flex; 635 | justify-content: center; 636 | margin-top: -146px; 637 | } 638 | div.my_stuff div.my_stuff_content h2.content_click{ 639 | font-family: "Josefin Sans"; 640 | color: rgb(110, 171, 192); 641 | font-size: 35px; 642 | letter-spacing: 20px; 643 | } 644 | h2.content_click:hover{ 645 | transform: scale(0.97); 646 | } 647 | -------------------------------------------------------------------------------- /pack/seaborn.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | seaborn 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | --------------------------------------------------------------------------------