File size: 3,497 Bytes
b51b7e3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7e4a408
b51b7e3
 
 
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
<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@700;900&family=Rubik&display=swap" rel="stylesheet">
    <title >Emotion Detection API</title>
    <style>
        body {
            font-family: 'Rubik', sans-serif;;
            margin: 0;
            padding: 0;
            background-color: #ecf0f1;
            color: #2c3e50;
        }

        header {
            text-align: center;
            padding: 20px;
            background-color: #8e44ad;
            color: #fff;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        section {
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
            background-color: #fff;
            border: 1px solid #bdc3c7;
            border-radius: 10px;
        }
        title {
            color: white;
            font-size: xx-large;
        }

        h1 {
            color: #8e44ad;
            font-size: 2em; /* Increased font size */
        }

        h2 {
            color: #8e44ad;
        }
        h3 {
            color: white;
            font-size: xx-large;
            padding: auto;
            font-weight: bold;
            font-family: 'Rubik', sans-serif;
        }
        a {
            display: inline-block;
            padding: 10px 20px;
            margin-top: 10px;
            background-color: #8e44ad;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s;
        }

        a:hover {
            background-color: #2980b9;
            color:white;
        }
        footer {
            text-align: center;
            padding: 10px;
            background-color: #8e44ad;
            color: #fff;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        /* Added the following CSS rule to make content bold */
        section p {
            font-weight: bold;
            font-family: 'Rubik', sans-serif;
        }
    </style>
</head>
<body>
    <header>
        <h3>Emotion Detection API</h3>
        <h3 style="font-size: medium;">Analyzing emotions through text</h3>
    </header>

    <section>
        <h2>About</h2>
        <p>
            <strong>Welcome to the Emotion Detection API!</strong> Our API provides a powerful tool for analyzing emotions in text. Whether you're working on sentiment analysis, chatbot development, or any application that involves understanding emotions conveyed through text, our API can assist you in recognizing and categorizing emotions effectively.
        </p>
    </section>

    <section>
        <h2>Documentation</h2>
        <p>
            <strong>For detailed information on how to use the Emotion Detection API, please refer to our documentation.</strong> It provides endpoints, request/response examples, and other essential details to help you get started.
        </p>
        <p>
            <a href="https://sankie005-emotiondetectionapi.hf.space/docs">API Documentation</a>
        </p>
    </section>

    <footer>
        <p>&copy; 2023 Karen AI by sankie005 and other authors on github</p>
    </footer>
</body>
</html>