diff --git a/public/css/app.css b/public/css/app.css index f26fd1a..a842072 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -553,9 +553,6 @@ Ensure the default browser behavior of the `hidden` attribute. .h-72 { height: 18rem; } -.h-screen { - height: 100vh; -} .h-2 { height: 0.5rem; } diff --git a/public/images/bereadableposter.png b/public/images/bereadableposter.png new file mode 100644 index 0000000..0ece98d Binary files /dev/null and b/public/images/bereadableposter.png differ diff --git a/public/images/robotposter.png b/public/images/robotposter.png new file mode 100644 index 0000000..8e8361f Binary files /dev/null and b/public/images/robotposter.png differ diff --git a/public/js/app.js b/public/js/app.js index e21471e..b4e08ae 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -18809,7 +18809,28 @@ var _hoisted_6 = /*#__PURE__*/_withScopeId(function () { var _hoisted_7 = /*#__PURE__*/_withScopeId(function () { return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", { "class": "relative text-white" - }, "AI speaking bot.", -1 + }, " AI speaking Pot created just to entertain you. ", -1 + /* HOISTED */ + ); +}); + +var _hoisted_8 = { + href: "https://bereadable.netlify.app/", + target: "__blank" +}; + +var _hoisted_9 = /*#__PURE__*/_withScopeId(function () { + return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h2", { + "class": "text-white text-xl font-bold" + }, "BeReadable", -1 + /* HOISTED */ + ); +}); + +var _hoisted_10 = /*#__PURE__*/_withScopeId(function () { + return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", { + "class": "relative text-white" + }, " Online tool for live audio/podcast transcription. ", -1 /* HOISTED */ ); }); @@ -18866,7 +18887,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { }, { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Card, { - dataImage: "./images/streamerposter.png" + dataImage: "./images/robotposter.png" }, { header: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { return [_hoisted_6]; @@ -18882,7 +18903,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { _: 1 /* STABLE */ - })]); + }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("a", _hoisted_8, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Card, { + dataImage: "./images/bereadableposter.png" + }, { + header: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { + return [_hoisted_9]; + }), + content: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { + return [_hoisted_10]; + }), + _: 1 + /* STABLE */ + + })])]); } /***/ }), @@ -19907,72 +19940,20 @@ var _hoisted_1 = { var _hoisted_2 = { "class": "item" }; -var _hoisted_3 = { - "class": "devto item devtoOutput border-b border-b-white pb-2 mb-2 md:border-b-0 md:pb-0 md:mb-2 md:mr-2" -}; - -var _hoisted_4 = /*#__PURE__*/_withScopeId(function () { - return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("h3", { - id: "deepgram-ai-speech-to-text" - }, "Grammy Bot:", -1 - /* HOISTED */ - ); -}); - -var _hoisted_5 = /*#__PURE__*/_withScopeId(function () { - return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", null, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("a", { - href: "https://deepgram.com/", - target: "_blank" - }, "Deepgram"), /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" is offering a great AI Speech Recognition service. Combine it with simple VueJS logic and you get Grammy. ")], -1 - /* HOISTED */ - ); -}); - -var _hoisted_6 = /*#__PURE__*/_withScopeId(function () { - return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", { - "class": "font-semibold" - }, "Read the below for how to use:", -1 - /* HOISTED */ - ); -}); - -var _hoisted_7 = /*#__PURE__*/_withScopeId(function () { - return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("li", null, " Connect a microphone to your device and insure that it's working. ", -1 - /* HOISTED */ - ); -}); - -var _hoisted_8 = { - "class": "mr-2" -}; -var _hoisted_9 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Click on the "); +var _hoisted_3 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createStaticVNode)("

Grammy Bot:

Deepgram is offering a great AI Speech Recognition service. Combine it with simple VueJS logic and you get Grammy.

Read the below for how to use:

", 1); -var _hoisted_10 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" icon. "); - -var _hoisted_11 = /*#__PURE__*/_withScopeId(function () { - return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("li", null, "Allow browser to use microphone.", -1 - /* HOISTED */ - ); -}); - -var _hoisted_12 = /*#__PURE__*/_withScopeId(function () { - return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("li", null, " Start talking to the bot and once finish press on the pause icon to hear the response ", -1 - /* HOISTED */ - ); -}); - -var _hoisted_13 = { +var _hoisted_4 = { "class": "relative" }; -var _hoisted_14 = { +var _hoisted_5 = { "class": "item" }; -var _hoisted_15 = { +var _hoisted_6 = { "class": "mb-5" }; -var _hoisted_16 = /*#__PURE__*/_withScopeId(function () { +var _hoisted_7 = /*#__PURE__*/_withScopeId(function () { return /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", { "class": "text-md text-white font-semibold" }, " Select bot voice: ", -1 @@ -19991,9 +19972,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { var _component_Robotsvg = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Robotsvg"); - return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [_hoisted_4, _hoisted_5, _hoisted_6, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("ul", null, [_hoisted_7, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("li", null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("p", _hoisted_8, [_hoisted_9, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Microphone, { - "class": "inline-block" - }), _hoisted_10])])])]), _hoisted_11, _hoisted_12])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Userside, null, { + return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [_hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Userside, null, { startRecording: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", { onClick: _cache[0] || (_cache[0] = function () { @@ -20008,7 +19987,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { return $options.isRecording && $options.isRecording.apply($options, arguments); }), "class": "flex flex-col gap-1 lg:flex-row justify-center cursor-pointer items-center font-semibold text-white text-bold w-full bg-gradient-to-br from-purple-600 to-blue-500 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800 rounded-lg text-sm px-5 py-1 text-center mr-2 mb-2" - }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_13, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Stoprecroding), $data.recording ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Stoprecroding, { + }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_4, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Stoprecroding), $data.recording ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Stoprecroding, { key: 0, "class": "animate-ping absolute top-0 right-0" })) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)])])]; @@ -20016,7 +19995,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { _: 1 /* STABLE */ - })]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_14, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_15, [_hoisted_16, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Botside)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Robotsvg)])]); + })]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_5, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_6, [_hoisted_7, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Botside)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Robotsvg)])]); } /***/ }), diff --git a/resources/js/components/Featurecard.vue b/resources/js/components/Featurecard.vue index 3f3234c..4fdc496 100644 --- a/resources/js/components/Featurecard.vue +++ b/resources/js/components/Featurecard.vue @@ -31,15 +31,30 @@ - + + + + + + + + diff --git a/resources/js/components/main/Grambot.vue b/resources/js/components/main/Grambot.vue index 50458e3..43f5482 100644 --- a/resources/js/components/main/Grambot.vue +++ b/resources/js/components/main/Grambot.vue @@ -21,10 +21,7 @@
  • -

    - Click on the - icon. -

    +

    Click on the recording icon.