Skip to content

Commit

Permalink
final touches
Browse files Browse the repository at this point in the history
  • Loading branch information
@MooseSaeed
MooseSaeed committed Apr 10, 2022
1 parent 4a3302e commit f0047e2
Show file tree
Hide file tree
Showing 6 changed files with 62 additions and 74 deletions.
3 changes: 0 additions & 3 deletions public/css/app.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down
Binary file added public/images/bereadableposter.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/robotposter.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
109 changes: 44 additions & 65 deletions public/js/app.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
);
});
Expand Down Expand Up @@ -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];
Expand All @@ -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 */

})])]);
}

/***/ }),
Expand Down Expand Up @@ -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)("<div 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\" data-v-81a1b736><h3 id=\"deepgram-ai-speech-to-text\" data-v-81a1b736>Grammy Bot:</h3><p data-v-81a1b736><a href=\"https://deepgram.com/\" target=\"_blank\" data-v-81a1b736>Deepgram</a> is offering a great AI Speech Recognition service. Combine it with simple VueJS logic and you get Grammy. </p><p class=\"font-semibold\" data-v-81a1b736>Read the below for how to use:</p><ul data-v-81a1b736><li data-v-81a1b736> Connect a microphone to your device and insure that it&#39;s working. </li><li data-v-81a1b736><div data-v-81a1b736><div data-v-81a1b736><p class=\"mr-2\" data-v-81a1b736>Click on the recording icon.</p></div></div></li><li data-v-81a1b736>Allow browser to use microphone.</li><li data-v-81a1b736> Start talking to the bot and once finish press on the pause icon to hear the response </li></ul></div>", 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
Expand All @@ -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 () {
Expand All @@ -20008,15 +19987,15 @@ 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)])])];
}),
_: 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)])]);
}

/***/ }),
Expand Down
19 changes: 17 additions & 2 deletions resources/js/components/Featurecard.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,15 +31,30 @@
</Card>
</router-link>
<router-link to="/grambot">
<Card dataImage="./images/streamerposter.png">
<Card dataImage="./images/robotposter.png">
<template v-slot:header>
<h2 class="text-white text-xl font-bold">Grambot</h2>
</template>
<template v-slot:content>
<p class="relative text-white">AI speaking bot.</p>
<p class="relative text-white">
AI speaking Pot created just to entertain you.
</p>
</template>
</Card>
</router-link>

<a href="https://bereadable.netlify.app/" target="__blank">
<Card dataImage="./images/bereadableposter.png">
<template v-slot:header>
<h2 class="text-white text-xl font-bold">BeReadable</h2>
</template>
<template v-slot:content>
<p class="relative text-white">
Online tool for live audio/podcast transcription.
</p>
</template>
</Card>
</a>
</section>
</template>

Expand Down
5 changes: 1 addition & 4 deletions resources/js/components/main/Grambot.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,10 +21,7 @@
<li>
<div>
<div>
<p class="mr-2">
Click on the
<Microphone class="inline-block" /> icon.
</p>
<p class="mr-2">Click on the recording icon.</p>
</div>
</div>
</li>
Expand Down

0 comments on commit f0047e2

Please sign in to comment.