feedback/index.html at main · Vishnumgit/feedback · GitHub

1
2
3
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!-- ✅ SEO FIX #1: Title now includes exact keyword "MGIT Feedback" -->
  <title>MGIT Feedback — Student &amp; Teacher Feedback Portal | Mahatma Gandhi Institute of Technology</title>

  <!-- ✅ SEO FIX #2: Meta description now opens with "MGIT Feedback" keyword -->
  <meta name="description" content="MGIT Feedback portal — MGIT students submit anonymous teacher feedback, teachers view detailed analytics and insights. Mahatma Gandhi Institute of Technology, Hyderabad." />

  <!-- ✅ SEO FIX #3: Keywords now include full college name and location -->
  <meta name="keywords" content="MGIT feedback, mgit student feedback, mgit teacher feedback, anonymous feedback MGIT, Mahatma Gandhi Institute of Technology feedback, MGIT Hyderabad, student feedback portal" />

  <!-- Canonical URL -->
  <link rel="canonical" href="https://mgitfeedback.me/" />

  <!-- Favicon -->
  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🎓</text></svg>" />

  <!-- ✅ SEO FIX #4: Open Graph tags updated to match new title/description -->
  <meta property="og:title" content="MGIT Feedback — Student &amp; Teacher Feedback Portal" />
  <meta property="og:description" content="MGIT Feedback portal — MGIT students submit anonymous teacher feedback, teachers view detailed analytics. Mahatma Gandhi Institute of Technology, Hyderabad." />
  <meta property="og:image" content="https://mgitfeedback.me/images/image.png" />
  <meta property="og:url" content="https://mgitfeedback.me/" />
  <meta property="og:type" content="website" />

  <!-- ✅ SEO FIX #5: Schema upgraded to WebApplication + CollegeOrUniversity for richer search results -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebApplication",
    "name": "MGIT Feedback System",
    "url": "https://mgitfeedback.me",
    "description": "Anonymous student feedback platform for MGIT teachers",
    "applicationCategory": "EducationApplication",
    "provider": {
      "@type": "CollegeOrUniversity",
      "name": "Mahatma Gandhi Institute of Technology",
      "alternateName": "MGIT",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Gandipet",
        "addressLocality": "Hyderabad",
        "addressRegion": "Telangana",
        "postalCode": "500075",
        "addressCountry": "IN"
      }
    }
  }
  </script>

  <!-- Preconnect for Google Fonts (reduces FCP) -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

  <!-- Preload main stylesheet (reduces render-blocking) -->
  <link rel="preload" href="css/style.css?v=2" as="style" />
  <link rel="stylesheet" href="css/style.css?v=2" />

  <!-- Preload hero image for LCP -->
  <link rel="preload" href="images/image.png" as="image" fetchpriority="high" />
</head>
<body>

  <!-- ✅ Hidden LCP image — fixes NO_LCP on mobile, invisible to users -->
  <img
    src="images/image.png"
    alt="MGIT Student Feedback System"
    width="1"
    height="1"
    fetchpriority="high"
    loading="eager"
    style="position:absolute; width:1px; height:1px; opacity:0; pointer-events:none;"
  />

<div class="bg-orbs"></div>
<div class="page-wrapper">
  <div style="min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:48px 24px;">

    <div class="landing-hero animate-in">
      <div class="hero-tag">&#x1F393; Educational Quality Platform</div>

      <!-- ✅ SEO FIX #6: H1 now includes "MGIT Feedback" as the exact keyword -->
      <h1 class="hero-title">MGIT Feedback<br><span>for Students &amp; Teachers</span></h1>

      <!-- ✅ SEO FIX #7: Description paragraph reinforces keywords naturally -->
      <p class="hero-desc">A transparent, anonymous, and structured MGIT feedback system for collecting student reviews to enhance teaching quality and professional development at Mahatma Gandhi Institute of Technology, Hyderabad.</p>
    </div>

    <div class="role-cards animate-in delay-1" id="roleCards">

      <a href="student-login.html" class="role-card" id="studentCard" aria-label="Login as Student to submit feedback">
        <div class="role-card-icon" style="background: rgba(59,130,246,0.15);">&#x1F393;</div>
        <div class="role-card-title">Student</div>
        <div class="role-card-desc">Submit feedback for your teachers anonymously and help improve the quality of education.</div>
        <span class="role-card-arrow" aria-hidden="true">→</span>
      </a>

      <a href="teacher-login.html" class="role-card" id="teacherCard" aria-label="Login as Teacher to view feedback dashboard">
        <div class="role-card-icon" style="background: rgba(16,185,129,0.15);">👨‍&#x1F3EB;</div>
        <div class="role-card-title">Teacher</div>
        <div class="role-card-desc">View your personalized feedback dashboard with detailed analytics and student insights.</div>
        <span class="role-card-arrow" aria-hidden="true">→</span>
      </a>

      <a href="admin-login.html" class="role-card" id="adminCard" aria-label="Login as Administrator to manage the system">
        <div class="role-card-icon" style="background: rgba(124,58,237,0.15);">&#x2699;️</div>
        <div class="role-card-title">Administrator</div>
        <div class="role-card-desc">Manage users, configure questionnaires, assign teachers, and generate institutional reports.</div>
        <span class="role-card-arrow" aria-hidden="true">→</span>
      </a>

    </div>

    <a href="report.html"
       aria-label="View Public Feedback Reports"
       style="display:inline-flex;align-items:center;gap:8px;margin-top:36px;padding:12px 28px;background:linear-gradient(135deg,rgba(124,58,237,0.2),rgba(59,130,246,0.15));border:1px solid rgba(124,58,237,0.3);border-radius:8px;text-decoration:none;color:var(--text-primary);font-size:14px;font-weight:500;transition:all 0.3s;"
       onmouseover="this.style.background='linear-gradient(135deg,rgba(124,58,237,0.3),rgba(59,130,246,0.25))'"
       onmouseout="this.style.background='linear-gradient(135deg,rgba(124,58,237,0.2),rgba(59,130,246,0.15))'">
      📊 View Public Reports
    </a>

    <p style="margin-top: 40px; font-size: 12px; color: var(--text-muted); text-align:center;">
      All feedback is collected anonymously &nbsp;·&nbsp; Powered by your institution's secure portal
    </p>
  </div>
</div>

<script src="js/data.js"></script>
<script>
  initDB();
  // Redirect if already logged in
  const s = JSON.parse(sessionStorage.getItem('sfft_session') || 'null');
  if (s) {
    if (s.role === 'student') window.location.href = 'student-dashboard.html';
    else if (s.role === 'teacher') window.location.href = 'teacher-dashboard.html';
    else if (s.role === 'admin') window.location.href = 'admin-dashboard.html';
  }
</script>
</body>
</html>