├── README.md ├── aac.jpeg ├── autism.png ├── brain.png ├── chatbot.png ├── neuro.jpeg ├── brain_autism.png ├── face_emotion.png ├── emotion_detection.png ├── multiple_emotion.png ├── style.css └── index.html /README.md: -------------------------------------------------------------------------------- 1 | # Autism 2 | -------------------------------------------------------------------------------- /aac.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ushareng/autism/main/aac.jpeg -------------------------------------------------------------------------------- /autism.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ushareng/autism/main/autism.png -------------------------------------------------------------------------------- /brain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ushareng/autism/main/brain.png -------------------------------------------------------------------------------- /chatbot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ushareng/autism/main/chatbot.png -------------------------------------------------------------------------------- /neuro.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ushareng/autism/main/neuro.jpeg -------------------------------------------------------------------------------- /brain_autism.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ushareng/autism/main/brain_autism.png -------------------------------------------------------------------------------- /face_emotion.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ushareng/autism/main/face_emotion.png -------------------------------------------------------------------------------- /emotion_detection.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ushareng/autism/main/emotion_detection.png -------------------------------------------------------------------------------- /multiple_emotion.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ushareng/autism/main/multiple_emotion.png -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Arial, sans-serif; 3 | margin: 0; 4 | padding: 20px; 5 | background-color: #f4f4f4; 6 | } 7 | /* .header { 8 | background-color: #333; 9 | color: #fff; 10 | padding: 20px; 11 | text-align: center; 12 | border-radius: 20px; 13 | margin-bottom: 20px; 14 | } */ 15 | 16 | .header { 17 | width: 80%; 18 | margin: 0 auto; 19 | /* background-color: #333; */ 20 | /* color: #fff; */ 21 | padding: 20px; 22 | text-align: center; 23 | /* border-radius: 20px; */ 24 | /* margin-bottom: 20px; */ 25 | /* background-image: url('https://img.freepik.com/premium-photo/autism-awareness-rainbow-infinity-symbol-autism-adhd-neurodiversity-blue-background_174533-40053.jpg'); Replace with the path to your image */ 26 | /* background-size: cover; Adjusts the size of the background image */ 27 | /* background-position: center; Centers the background image */ 28 | /* background-repeat: no-repeat; Ensures the background image doesn't repeat */ 29 | } 30 | .header h1 { 31 | margin: 0; 32 | font-size: 2.5em; 33 | text-transform: uppercase; 34 | } 35 | 36 | .header p { 37 | margin: 10px 0 0; 38 | font-size: 1.2em; 39 | } 40 | 41 | .image img{ 42 | width: 20%; 43 | margin: 0 auto; 44 | margin-top: -20px; 45 | margin-bottom: 10px; 46 | height: 70px; 47 | object-fit: fill; 48 | display: block; 49 | 50 | } 51 | 52 | 53 | .main-grid { 54 | display: grid; 55 | grid-template-columns: 3fr 3fr 3fr; 56 | grid-gap: 20px; 57 | } 58 | .main-grid2 { 59 | margin-top: 20px; 60 | display: grid; 61 | grid-template-columns: 1fr 2fr 1fr 1fr 1fr; 62 | grid-gap: 20px; 63 | } 64 | 65 | .main-grid3 { 66 | margin-top: 20px; 67 | display: grid; 68 | grid-template-columns: 3fr 2fr 2fr 2fr ; 69 | grid-gap: 20px; 70 | } 71 | 72 | .feature-large { 73 | position: relative; 74 | grid-column: 1 / 2; 75 | border: 5px solid #000; /* Adjust the border width and color as needed */ 76 | border-radius: 10px; 77 | height: 300px; 78 | } 79 | 80 | .feature-small { 81 | position: relative; 82 | margin-bottom: 20px; 83 | background-color: #93eaf0; /* Fallback color */ 84 | /* background-image: url('path/to/your/fallback-image.jpg'); Replace with the path to your fallback image */ 85 | background-size: cover; /* Ensures the background image covers the container */ 86 | background-position: center; /* Centers the background image */ 87 | background-repeat: no-repeat; /* Prevents the background image from repeating */ 88 | border: 5px solid #000; /* Adjust the border width and color as needed */ 89 | border-radius: 10px; 90 | height: 280px; 91 | } 92 | .feature-small1 { 93 | position: relative; 94 | /* grid-column: 2; */ 95 | border: 5px solid #000; /* Adjust the border width and color as needed */ 96 | border-radius: 10px; 97 | height: 280px; 98 | } 99 | 100 | 101 | 102 | 103 | .feature-large img, .feature-small img,.feature-small1 img { 104 | width: 100%; 105 | height: 100%; 106 | border-radius: 10px; 107 | object-fit: fill; 108 | display: block; 109 | } 110 | 111 | .overlay { 112 | position: absolute; 113 | bottom: 0; 114 | left: 0; 115 | right: 0; 116 | background: rgba(0, 0, 0, 0.5); 117 | color: #fff; 118 | padding: 10px; 119 | border-radius: 0 0 10px 10px; 120 | } 121 | 122 | .feature-large .overlay { 123 | font-size: 1.5em; 124 | } 125 | 126 | .feature-small .overlay { 127 | font-size: 1.2em; 128 | } 129 | 130 | .feature-small1 .overlay { 131 | font-size: 1.2em; 132 | } 133 | 134 | 135 | /* .feature-small:nth-child(2){ 136 | grid-column: 2; 137 | position: relative; 138 | } 139 | .feature-small:nth-child(3) { 140 | grid-column: 1; 141 | position: relative; 142 | } 143 | 144 | .feature-small:nth-child(4){ 145 | grid-column:2; 146 | position: relative; 147 | } 148 | .feature-small:nth-child(5) { 149 | grid-column: 1; 150 | position: relative; 151 | } 152 | 153 | .feature-small:nth-child(6){ 154 | grid-column: 2; 155 | position: relative; 156 | } 157 | .feature-small:nth-child(7) { 158 | grid-column: 1; 159 | position: relative; 160 | } */ -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Grid Layout Example 7 | 8 | 9 | 10 | 11 |
12 |

Assistive tools for Autism using Gemini

13 | 14 |
15 |
16 | neurodiversity 17 |
18 | 19 |
20 |
21 | 22 | 23 | Feature Large 24 | 25 |
26 | 27 |

AAC tool for Nonverbal Autism using Gemini

28 |
29 | 30 |
31 | 32 |
33 | 34 | 35 | Feature Small 1 36 |
37 |

Emotion detection from text, images, audio , Text to Speech and chatbot using Gemini API and Mesop

38 |
39 | 40 | 41 |
42 |
43 | 44 | 45 | Trending 1 46 |
47 |

Chrome Extension for Text emotion detection using Gemini Pro API

48 |
49 | 50 |
51 |
52 |
53 |
54 | 55 | 56 | Trending 2 57 |
58 |

Chrome Extension for Chatbot built using Vertex AI Agent Builder

59 |
60 | 61 |
62 |
63 | 64 | 65 | Feature Small 2 66 |
67 |

Text Emotion Detection using Gemini Nano(Integration with Chrome ) and React

68 |
69 | 70 |
71 |
72 | 73 | 74 | Trending 3 75 |
76 |

Android Application for Text Emotion detection using Gemini Flash

77 |
78 | 79 |
80 | 81 |
82 | 83 | 84 | Trending 3 85 |
86 |

Using Firebase Genkit for detecting emotions in Text , Speech and Face

87 |
88 | 89 |
90 |
91 | 92 | Images in the website are generated using pixlr 93 | 94 | --------------------------------------------------------------------------------