-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmychatgpt.html
More file actions
151 lines (131 loc) · 7.88 KB
/
mychatgpt.html
File metadata and controls
151 lines (131 loc) · 7.88 KB
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
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html class="light" style="color-scheme: light;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>New chat | MychatGPT.</title>
<meta name="next-head-count" content="3">
<link rel="apple-touch-icon" sizes="180x180" href="https://chat.openai.com/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://chat.openai.com/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://chat.openai.com/favicon-16x16.png">
<link rel="preload" href="assets/css/chatgpt-style.css" as="style">
<link rel="stylesheet" href="assets/css/chatgpt-style.css" data-n-g="">
<!--Bootstrap V5-->
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
-->
<!--Angular js-->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<!---Google search API-->
<!-- <script src="https://apis.google.com/js/api.js"></script>
-->
<script async src="https://cse.google.com/cse.js?cx=d1420aa2c45e74c14"></script>
<!--JS-->
<script src="assets/js/main.js"></script>
<style>
#gs_tti50 input
{
background: none !important;
}
.gsc-search-button-v2{
background-color: #00887a !important;
}
.table.gsc-search-box td.gsc-input{padding-right: 0 !important;}
#gs_id50 tbody tr{border: 2px solid gainsboro;}
#gs_tti50 input:focus{box-shadow: none !important;color:black !important}
</style>
</head>
<body ng-app="">
<div class="overflow-hidden w-full h-full relative">
<div class="flex h-full flex-1 flex-col md:pl-[260px]">
<main class="relative h-full w-full transition-width flex flex-col overflow-hidden items-stretch flex-1">
<div class="flex-1a oaverflow-hidden">
<div class="react-scroll-to-bottom--css-bjnpa-79elbk h-full dark:bg-gray-800">
<div class="react-scroll-to-bottom--css-bjnpa-1n7m0yu">
<div class="flex flex-col items-center text-sm dark:bg-gray-800">
<div class="text-gray-800 w-full md:max-w-2xl lg:max-w-3xl md:h-full md:flex md:flex-col px-6 dark:text-gray-100">
<h1 class="text-4xl font-semibold text-center mt-6 sm:mt-[20vh] ml-auto mr-auto mb-10 sm:mb-16 flex gap-2 items-center justify-center">My ChatGPT</h1>
<div class="md:flex items-start text-center gap-3.5">
<div class="flex flex-col mb-8 md:mb-auto gap-3.5 flex-1">
<h2 class="flex gap-3 items-center m-auto text-lg font-normal md:flex-col md:gap-2">
<svg stroke="currentColor" fill="none" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="1" x2="12" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="23"></line>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
<line x1="1" y1="12" x2="3" y2="12"></line>
<line x1="21" y1="12" x2="23" y2="12"></line>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg>Examples
</h2>
<ul class="flex flex-col gap-3.5 w-full sm:max-w-md m-auto">
<button class="w-full bg-gray-50 dark:bg-white/5 p-3 rounded-md hover:bg-gray-200 dark:hover:bg-gray-900">"What is GPT" →</button>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br><br>
<div class="">
<form name="searchForm" action="" class="stretch mx-2 flex flex-row gap-3 last:mb-2 md:mx-4 md:last:mb-6 lg:mx-auto lg:max-w-3xl" >
<div class="relative flex h-full flex-1 md:flex-col">
<div >
<!-- <textarea tabindex="0" data-id="root" required ng-model="searchTxt"
style="max-height: 200px; height: 24px; overflow-y: hidden;"
rows="1"
class="m-0 w-full resize-none border-0 bg-transparent p-0 pr-7 focus:ring-0 focus-visible:ring-0 dark:bg-transparent pl-2 md:pl-0"></textarea>
<button type="submit" class="absolute p-1 rounded-md text-gray-500 bottom-1.5 md:bottom-2.5 hover:bg-gray-100 dark:hover:text-gray-400 dark:hover:bg-gray-900 disabled:hover:bg-transparent dark:disabled:hover:bg-transparent right-1 md:right-2" >
<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 mr-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
<line x1="22" y1="2" x2="11" y2="13"></line>
<polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
</svg>
</button> -->
<div class="gcse-search"></div>
</div>
</div>
</form>
<br><br>
<br><br><br>
</div>
</main>
</div>
<div class="dark hidden bg-gray-900 md:fixed md:inset-y-0 md:flex md:w-[260px] md:flex-col">
<div class="flex h-full min-h-0 flex-col ">
<div class="scrollbar-trigger flex h-full w-full flex-1 items-start border-white/20">
<nav class="flex h-full flex-1 flex-col space-y-1 p-2">
<a href="mychatgpt.html" target="_blank" class="flex py-3 px-3 items-center gap-3 rounded-md hover:bg-gray-500/10 transition-colors duration-200 text-white cursor-pointer text-sm mb-2 flex-shrink-0 border border-white/20">
<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
<line x1="12" y1="5" x2="12" y2="19"></line>
<line x1="5" y1="12" x2="19" y2="12"></line>
</svg>New chat </a>
<div class="flex-col flex-1 overflow-y-auto border-b border-white/20">
<div class="flex flex-col gap-2 text-gray-100 text-sm h-full justify-center items-center">
<!-- <div class="p-3 italic text-gray-500">Unable to load history <button class="btn relative btn-dark btn-small m-auto mt-2">
<div class="flex w-full items-center justify-center gap-2">Retry</div>
</button>
</div> -->
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="absolute top-0 left-0 right-0 z-[2]"></div>
</div>
<!--get value-->
<!-- <script>
function getValue()
{
const searchQn = document.getElementById("mySearchQn");
var googleQn = document.getElementById("gsc-i-id1");
googleQn = searchQn.value;
console.log(googleQn);
}
</script> -->
</body>
</html>