boarzVideosClipsStatistics

#️⃣EP 019 - Build, Break & Fix // BLOG REVEAL!! &Fixing our broken Hugo blog

🎦
📅 2021-07-31 (786 days ago)
⌛ 2:03:11
ZainboarKartikboar
AllClipsEpisodesHas Blog PostZainThaneshKartikTorey
001
Build Break and Code
📅 2021-07-14 
(804 days ago)
⌛ 0:58:43
ZainboarKartikboar
002
Build, Break & Fix
📅 2021-07-15 
(803 days ago)
⌛ 0:53:45
ZainboarKartikboar
003
Build, Break & Fix
📅 2021-07-16 
(802 days ago)
⌛ 1:09:05
ZainboarKartikboar
004
Special Edition: We don't stop until we get our code working
📅 2021-07-16 
(801 days ago)
⌛ 2:27:06
ZainboarKartikboar
005
Build,Break & Fix // Weekend two hour special
📅 2021-07-17 
(800 days ago)
⌛ 2:00:31
ZainboarKartikboar
006
Build, Break & Fix
📅 2021-07-19 
(799 days ago)
⌛ 1:03:20
ZainboarKartikboar
007
Build, Break & Fix
📅 2021-07-20 
(798 days ago)
⌛ 1:04:37
ZainboarKartikboar
008
Build, Break & Fix
📅 2021-07-21 
(797 days ago)
⌛ 1:00:37
ZainboarKartikboar
009
Build, Break & Fix
📅 2021-07-22 
(796 days ago)
⌛ 1:17:02
ZainboarKartikboar
010
Build, Break & Fix
📅 2021-07-23 
(795 days ago)
⌛ 1:04:59
ZainboarKartikboar
011
Build, Break & Fix
📅 2021-07-23 
(794 days ago)
⌛ 1:48:16
ZainboarKartikboar
012
Build, Break & Fix
📅 2021-07-24 
(793 days ago)
⌛ 2:05:28
ZainboarKartikboar
013
Build, Break & Code //First Special Guest Appearance
📅 2021-07-26 
(792 days ago)
⌛ 1:09:09
ZainboarKartikboar
014
Build, Break & Fix
📅 2021-07-27 
(791 days ago)
⌛ 1:05:37
ZainboarKartikboar
015
Build, Break & Fix // Setting a blog using Hugo and AWS Amplify
📅 2021-07-28 
(790 days ago)
⌛ 1:07:46
ZainboarKartikboar
016
Build, Break & Fix // Working on FETCH APIs
📅 2021-07-29 
(789 days ago)
⌛ 1:03:57
ZainboarKartikboar
017
Build, Break & Fix // Working on FETCH APIs
📅 2021-07-30 
(788 days ago)
⌛ 1:06:45
ZainboarKartikboar
018
Build, Break & Fix // creating get methods with FETCH API
📅 2021-07-30 
(787 days ago)
⌛ 2:00:16
ZainboarKartikboar
▶️
Build, Break & Fix // BLOG REVEAL!! &Fixing our broken Hugo blog
📅 2021-07-31 
(786 days ago)
⌛ 2:03:11
📰
ZainboarKartikboar
020
Build, Break & Fix // Fixing the uncaught exception error in FETCH APIs
📅 2021-08-02 
(785 days ago)
⌛ 1:02:04
ZainboarKartikboar
021
Build, Break & Fix // Trying different things to resolve the error
📅 2021-08-03 
(784 days ago)
⌛ 1:04:49
📰
ZainboarKartikboar
022
Build, Break & Fix // Special Guest announcement for tomorrow!
📅 2021-08-04 
(783 days ago)
⌛ 1:03:15
📰
ZainboarKartikboar
023
Special Episode : Talking to a Principal Developer at Seek
📅 2021-08-05 
(782 days ago)
⌛ 1:04:56
📰
ZainboarKartikboar
024
Build, Break & Fix // Working out Software design
📅 2021-08-06 
(781 days ago)
⌛ 1:08:19
📰
ZainboarKartikboar
025
Build, Break & Fix
📅 2021-08-06 
(780 days ago)
⌛ 2:01:05
📰
ZainboarKartikboar
026
Weekend Special 1.5 hours
📅 2021-08-08 
(779 days ago)
⌛ 1:35:49
📰
Zainboar
027
30 mins of deployment 😠 || 30 mins of coding 🥲
📅 2021-08-09 
(778 days ago)
⌛ 1:07:48
📰
ZainboarKartikboar
028
Today's Broadcast
📅 2021-08-10 
(777 days ago)
⌛ 1:18:59
📰
ZainboarKartikboar
029
Build Break Fix
📅 2021-08-11 
(776 days ago)
⌛ 1:01:46
📰
ZainboarKartikboar
030
Today's Stream
📅 2021-08-12 
(775 days ago)
⌛ 1:09:24
📰
ZainboarKartikboar
031
Buidl Break Fix
📅 2021-08-13 
(774 days ago)
⌛ 1:05:05
📰
ZainboarKartikboar
032
Today's Broadcast
📅 2021-08-14 
(773 days ago)
⌛ 1:20:18
📰
ZainboarKartikboar
033
Build - Break - Fix
📅 2021-08-15 
(772 days ago)
⌛ 1:34:03
📰
ZainboarKartikboar
034
Build Break Fix
📅 2021-08-16 
(771 days ago)
⌛ 1:18:19
📰
ZainboarKartikboar
035
Today's Broadcast
📅 2021-08-17 
(770 days ago)
⌛ 1:04:07
📰
ZainboarKartikboar
036
Build, Break, Fix
📅 2021-08-18 
(769 days ago)
⌛ 1:03:21
📰
ZainboarKartikboar
037
Special Guest - Sam Nolan
📅 2021-08-19 
(768 days ago)
⌛ 1:05:19
📰
ZainboarKartikboar
038
Today's Broadcast
📅 2021-08-20 
(767 days ago)
⌛ 1:01:55
📰
ZainboarKartikboar
039
Today's Broascast
📅 2021-08-21 
(766 days ago)
⌛ 1:33:11
📰
ZainboarKartikboar
040
Build - Break - Fix
📅 2021-08-22 
(765 days ago)
⌛ 1:33:18
📰
ZainboarKartikboar
041
Build Break Fix
📅 2021-08-23 
(764 days ago)
⌛ 0:57:11
📰
Zainboar
042
Today's Broadcast
📅 2021-08-24 
(763 days ago)
⌛ 1:06:08
📰
ZainboarKartikboar
043
Today's Stream
📅 2021-08-25 
(762 days ago)
⌛ 1:13:08
📰
ZainboarKartikboar
044
Today's Stream
📅 2021-08-26 
(761 days ago)
⌛ 0:49:48
📰
ZainboarKartikboar
045
Today's Stream
📅 2021-08-27 
(760 days ago)
⌛ 1:08:21
📰
ZainboarKartikboar
046
Weekend Special
📅 2021-08-28 
(759 days ago)
⌛ 1:32:51
ZainboarKartikboar
047
Weekend Special
📅 2021-08-29 
(758 days ago)
⌛ 1:01:39
Zainboar
048
Today's Broadcast
📅 2021-08-30 
(757 days ago)
⌛ 1:17:19
ZainboarKartikboar
049
Today's Broadcast
📅 2021-08-31 
(756 days ago)
⌛ 1:00:16
ZainboarKartikboar
050
CELEBRATION: 50th Episode
📅 2021-09-01 
(755 days ago)
⌛ 1:01:53
ZainboarKartikboar
051
Today's Broadcast
📅 2021-09-02 
(754 days ago)
⌛ 1:05:39
ZainboarKartikboar
052
Today's Broadcast
📅 2021-09-03 
(753 days ago)
⌛ 1:12:47
ZainboarKartikboar
053
NEW SETUP!!
📅 2021-09-04 
(752 days ago)
⌛ 1:04:04
ZainboarKartikboar
054
Weekend Special
📅 2021-09-05 
(751 days ago)
⌛ 1:41:54
ZainboarKartikboar
055
Today's Stream
📅 2021-09-06 
(750 days ago)
⌛ 1:20:05
ZainboarKartikboar
056
Today's Broadcast
📅 2021-09-07 
(749 days ago)
⌛ 1:25:44
ZainboarKartikboar
057
Today's Stream
📅 2021-09-08 
(748 days ago)
⌛ 1:00:33
ZainboarKartikboar
058
Today's Stream
📅 2021-09-09 
(747 days ago)
⌛ 1:13:08
ZainboarKartikboar
059
Today's Broadcast
📅 2021-09-10 
(746 days ago)
⌛ 1:50:40
ZainboarKartikboar
060
Today's Stream
📅 2021-09-12 
(744 days ago)
⌛ 1:02:36
ZainboarKartikboar
061
Today's Stream
📅 2021-09-13 
(743 days ago)
⌛ 1:00:40
ZainboarKartikboar
062
Today's Stream
📅 2021-09-14 
(742 days ago)
⌛ 1:11:29
ZainboarKartikboar
063
Today's Stream
📅 2021-09-15 
(741 days ago)
⌛ 1:07:00
ZainboarKartikboar
064
Today's Broadcast
📅 2021-09-16 
(740 days ago)
⌛ 1:20:45
📰
ZainboarKartikboar
065
test
📅 2021-09-16 
(739 days ago)
⌛ 2:03:01
📰
ZainboarKartikboar
066
Today's Broadcast
📅 2021-09-19 
(737 days ago)
⌛ 1:46:13
📰
ZainboarKartikboar
067
Today's Stream
📅 2021-09-20 
(736 days ago)
⌛ 1:03:46
📰
ZainboarKartikboarToreyboar
068
Today's Stream
📅 2021-09-21 
(735 days ago)
⌛ 1:09:13
📰
ZainboarKartikboarToreyboar
069
Today's Broadcast
📅 2021-09-22 
(734 days ago)
⌛ 1:03:51
📰
ZainboarKartikboar
070
Today's Stream
📅 2021-09-23 
(733 days ago)
⌛ 1:59:01
📰
ZainboarKartikboar
071
Today's Stream
📅 2021-09-24 
(732 days ago)
⌛ 0:28:57
📰
ZainboarKartikboar
072
Today's Stream
📅 2021-09-24 
(732 days ago)
⌛ 0:39:33
📰
ZainboarKartikboar
073
Today's Stream
📅 2021-09-26 
(2 years ago)
⌛ 1:21:14
📰
Zainboar
074
Today's Stream
📅 2021-09-27 
(729 days ago)
⌛ 1:03:40
📰
ZainboarKartikboar
075
Today's Stream
📅 2021-09-28 
(728 days ago)
⌛ 1:04:05
📰
ZainboarKartikboar
076
Today's Broadcast
📅 2021-09-29 
(727 days ago)
⌛ 0:58:07
📰
ZainboarKartikboar
077
Today' Broadcast
📅 2021-09-30 
(726 days ago)
⌛ 1:13:14
📰
ZainboarKartikboar
078
Today's Broadcast
📅 2021-10-01 
(725 days ago)
⌛ 1:23:11
📰
ZainboarKartikboar
079
Today's Stream
📅 2021-10-03 
(723 days ago)
⌛ 1:14:52
📰
ZainboarKartikboar
080
Today's Stream
📅 2021-10-04 
(722 days ago)
⌛ 1:05:10
📰
ZainboarKartikboar
081
Today's Stream
📅 2021-10-05 
(721 days ago)
⌛ 1:01:05
📰
Zainboar
082
Today's Stream
📅 2021-10-06 
(720 days ago)
⌛ 0:54:10
📰
ZainboarKartikboar
083
Today's Stream
📅 2021-10-07 
(719 days ago)
⌛ 1:15:04
📰
ZainboarKartikboar
084
Today's Stream
📅 2021-10-08 
(718 days ago)
⌛ 1:12:59
ZainboarKartikboar
085
Today's Stream
📅 2021-10-10 
(716 days ago)
⌛ 1:17:09
📰
ZainboarKartikboar
086
Today's Stream
📅 2021-10-11 
(715 days ago)
⌛ 1:00:57
📰
ZainboarKartikboar
087
Today's Stream
📅 2021-10-12 
(714 days ago)
⌛ 0:51:02
📰
ZainboarKartikboar
088
Today's Stream
📅 2021-10-13 
(713 days ago)
⌛ 1:07:31
📰
ZainboarKartikboar
089
Today's Broadcast
📅 2021-10-14 
(712 days ago)
⌛ 1:07:16
📰
ZainboarKartikboar
090
Today's Stream
📅 2021-10-15 
(711 days ago)
⌛ 1:01:10
📰
Zainboar
091
Today's Stream
📅 2021-10-17 
(709 days ago)
⌛ 1:26:37
📰
ZainboarKartikboarThaneshboar
092
Today's Stream
📅 2021-10-18 
(708 days ago)
⌛ 1:05:40
📰
ZainboarKartikboarThaneshboar
093
Today's Stream
📅 2021-10-19 
(707 days ago)
⌛ 1:01:58
📰
ZainboarThaneshboar
094
Today's Stream
📅 2021-10-20 
(706 days ago)
⌛ 1:04:18
📰
ZainboarKartikboar
095
Today's Stream
📅 2021-10-21 
(705 days ago)
⌛ 1:16:08
📰
ZainboarKartikboarThaneshboar
096
100th Episode
📅 2021-10-23 
(703 days ago)
⌛ 1:13:16
📰
ZainboarKartikboar
097
101/200 Episodes
📅 2021-10-24 
(702 days ago)
⌛ 1:00:53
📰
ZainboarThaneshboar
098
102/200 Episode
📅 2021-10-25 
(701 days ago)
⌛ 1:09:20
📰
ZainboarKartikboar
099
103/200 Episode
📅 2021-10-26 
(700 days ago)
⌛ 1:10:51
📰
ZainboarKartikboarThaneshboar
100
104/200
📅 2021-10-27 
(699 days ago)
⌛ 1:03:23
📰
ZainboarKartikboar
101
105/200
📅 2021-10-28 
(698 days ago)
⌛ 1:15:24
📰
ZainboarThaneshboar
102
107/200
📅 2021-10-29 
(697 days ago)
⌛ 1:14:04
📰
ZainboarKartikboar
103
109/200
📅 2021-10-31 
(695 days ago)
⌛ 1:11:38
📰
ZainboarKartikboarThaneshboar
104
110/200
📅 2021-11-01 
(694 days ago)
⌛ 1:04:53
📰
ZainboarKartikboar
105
111/200
📅 2021-11-02 
(693 days ago)
⌛ 1:11:33
📰
ZainboarKartikboarThaneshboar
106
112/200
📅 2021-11-03 
(692 days ago)
⌛ 1:00:17
📰
ZainboarKartikboar
107
113/200
📅 2021-11-04 
(691 days ago)
⌛ 1:03:53
📰
Zainboar
108
114/200
📅 2021-11-05 
(690 days ago)
⌛ 0:56:39
Zainboar
109
115/200
📅 2021-11-07 
(688 days ago)
⌛ 1:02:25
📰
ZainboarThaneshboar
110
116/200
📅 2021-11-08 
(687 days ago)
⌛ 1:09:37
📰
ZainboarKartikboar
111
117/200
📅 2021-11-09 
(686 days ago)
⌛ 1:06:25
📰
ZainboarKartikboarThaneshboar
112
118/200
📅 2021-11-10 
(685 days ago)
⌛ 1:02:39
📰
ZainboarKartikboar
113
119/200
📅 2021-11-11 
(684 days ago)
⌛ 1:08:01
📰
ZainboarKartikboarThaneshboar
114
120/200
📅 2021-11-12 
(683 days ago)
⌛ 1:00:14
📰
Zainboar
115
120/200
📅 2021-11-14 
(681 days ago)
⌛ 1:06:19
📰
ZainboarKartikboarThaneshboar
116
122/200
📅 2021-11-15 
(680 days ago)
⌛ 1:00:31
ZainboarKartikboar
117
Today's Stream
📅 2021-11-22 
(673 days ago)
⌛ 1:01:46
📰
KartikboarThaneshboar
118
How This Video Has 12 Views, Explained
📅 2021-11-25 
(670 days ago)
⌛ 0:59:47
KartikboarThaneshboar
119
How This Video Has 14 Views, Explained
📅 2021-11-29 
(666 days ago)
⌛ 1:16:20
📰
KartikboarThaneshboar
120
Special Guest - Torey Littlefield Pt.2
📅 2021-11-30 
(665 days ago)
⌛ 1:12:15
📰
ZainboarToreyboar
121
Today's Stream
📅 2021-12-02 
(663 days ago)
⌛ 1:02:25
KartikboarThaneshboar
122
Today's Stream
📅 2021-12-06 
(659 days ago)
⌛ 1:02:01
📰
KartikboarThaneshboar
123
Today's Broadcast
📅 2021-12-07 
(658 days ago)
⌛ 1:01:00
KartikboarThaneshboar
124
Today's Stream
📅 2021-12-09 
(656 days ago)
⌛ 1:05:48
📰
ZainboarThaneshboar
125
Today's Stream
📅 2021-12-10 
(655 days ago)
⌛ 1:07:15
ZainboarToreyboar
126
Today's Stream
📅 2021-12-12 
(653 days ago)
⌛ 0:12:47
📰
ZainboarThaneshboar
127
Today's Stream
📅 2021-12-12 
(653 days ago)
⌛ 0:50:29
📰
ZainboarThaneshboar
128
Today's Stream
📅 2021-12-13 
(652 days ago)
⌛ 1:02:31
📰
ZainboarKartikboar
129
Today's Stream
📅 2021-12-14 
(651 days ago)
⌛ 1:10:28
📰
ZainboarToreyboar
130
Today's Stream
📅 2021-12-16 
(649 days ago)
⌛ 1:16:51
📰
ZainboarThaneshboar
131
Today's Stream
📅 2021-12-17 
(648 days ago)
⌛ 1:10:59
ZainboarKartikboarToreyboar
132
Today's Stream
📅 2021-12-19 
(646 days ago)
⌛ 1:00:49
📰
Zainboar
133
Today's Stream
📅 2021-12-20 
(645 days ago)
⌛ 1:01:49
📰
ZainboarKartikboar
134
Today's Stream
📅 2021-12-21 
(644 days ago)
⌛ 1:03:43
📰
ZainboarThaneshboar
135
Today's Stream
📅 2021-12-22 
(643 days ago)
⌛ 1:06:30
📰
ZainboarKartikboar
136
Today's Stream
📅 2021-12-23 
(642 days ago)
⌛ 1:00:09
Zainboar
137
Today's Stream
📅 2021-12-26 
(639 days ago)
⌛ 1:17:00
📰
ZainboarThaneshboar
138
Today's Stream
📅 2021-12-27 
(638 days ago)
⌛ 1:05:22
📰
ZainboarKartikboar
139
Today's Stream
📅 2021-12-28 
(637 days ago)
⌛ 1:16:17
📰
ZainboarToreyboar
140
WebSocket Integration
📅 2021-12-29 
(636 days ago)
⌛ 1:02:44
📰
Zainboar
141
AWS WebSocket API Integration Pt.2
📅 2021-12-30 
(635 days ago)
⌛ 1:08:23
📰
ZainboarToreyboar
142
AWS WebSocket Integration with SAM Pt.3
📅 2022-01-02 
(632 days ago)
⌛ 1:03:18
📰
ZainboarToreyboar
143
Today's Stream
📅 2022-01-03 
(631 days ago)
⌛ 1:07:18
📰
ZainboarKartikboar
144
AWS WebScoket Integration with SAM Pt.4
📅 2022-01-04 
(630 days ago)
⌛ 1:04:18
📰
ZainboarToreyboar
145
AWS WebSocket Integration with SAM Pt.5
📅 2022-01-05 
(629 days ago)
⌛ 1:03:21
📰
ZainboarKartikboar
146
AWS WebSocket Integration with SAM Pt. 6
📅 2022-01-06 
(628 days ago)
⌛ 1:03:18
📰
ZainboarToreyboar
147
Today's Stream
📅 2022-01-07 
(627 days ago)
⌛ 1:11:55
📰
ZainboarToreyboar
148
Connect AWS WebSocket to DynamoDB Pt.1
📅 2022-01-09 
(625 days ago)
⌛ 1:10:25
📰
ZainboarToreyboar
149
Connect AWS WebSocket to DynamoDB
📅 2022-01-10 
(624 days ago)
⌛ 1:02:06
ZainboarKartikboar
150
"Blank Line" Bug In Lambda Response For AWS Websocket Pt.1
📅 2022-01-11 
(623 days ago)
⌛ 0:58:13
📰
ZainboarKartikboarToreyboar
151
"Blank Line" Bug In Lambda Response From Lambda
📅 2022-01-13 
(621 days ago)
⌛ 1:04:40
📰
ZainboarToreyboar
152
AWS WebSocket + Lambda + DynamoDB
📅 2022-01-14 
(620 days ago)
⌛ 1:04:33
📰
ZainboarThaneshboar
153
AWS WebSocket + Lambda + DynamoDB
📅 2022-01-16 
(618 days ago)
⌛ 1:11:37
📰
ZainboarToreyboar
154
Test
📅 2022-01-17 
(617 days ago)
⌛ 1:03:13
📰
ZainboarThaneshboar
155
Today's stre
📅 2022-01-18 
(616 days ago)
⌛ 0:45:24
ZainboarToreyboar
156
AWS Websocket + DyanmoDb + Lambda
📅 2022-01-19 
(615 days ago)
⌛ 1:06:33
📰
ZainboarThaneshboar
157
Today's Stream
📅 2022-01-20 
(614 days ago)
⌛ 0:57:55
📰
Zainboar
158
Today's Stream
📅 2022-01-21 
(613 days ago)
⌛ 1:02:17
📰
ToreyboarZainboar
159
Today's Stream
📅 2022-01-23 
(611 days ago)
⌛ 1:13:29
📰
ZainboarToreyboar
160
How To Host A Web App using AWS S3 and CloudFront
📅 2022-01-24 
(610 days ago)
⌛ 1:16:15
📰
ZainboarThaneshboar
161
How to Host Web App In AWS S3 using CloudFront, Route53 and CloudFormation
📅 2022-01-25 
(609 days ago)
⌛ 1:01:07
ZainboarToreyboar
162
How to Host Web App Using AWS S3, CloudFront and Route53
📅 2022-01-26 
(608 days ago)
⌛ 1:03:12
ZainboarThaneshboar
163
How To Host Web App In AWS S3 with Custom Domain
📅 2022-01-27 
(607 days ago)
⌛ 1:08:48
📰
ZainboarToreyboar
164
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-01-28 
(606 days ago)
⌛ 1:08:57
📰
ZainboarThaneshboar
165
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-01-30 
(604 days ago)
⌛ 0:28:17
Zainboar
166
Today's Broadcast
📅 2022-01-31 
(603 days ago)
⌛ 1:11:16
📰
ThaneshboarToreyboar
167
How To Host Web App In AWS S3 with Custom Domain Using Route 53
📅 2022-02-01 
(602 days ago)
⌛ 1:06:35
📰
ZainboarToreyboar
168
Generate SSL Certificate via AWS Certificate Manager
📅 2022-02-02 
(601 days ago)
⌛ 0:58:02
📰
ZainboarThaneshboar
169
Test AWS Websocket Connection With Multiple Users
📅 2022-02-03 
(600 days ago)
⌛ 1:01:59
📰
ZainboarToreyboar
170
Adding Redirection To The AWS S3 Page
📅 2022-02-04 
(599 days ago)
⌛ 0:25:00
Zainboar
171
Redirecting AWS S3 page
📅 2022-02-06 
(597 days ago)
⌛ 0:54:11
Zainboar
172
Today's Broadcast
📅 2022-02-07 
(596 days ago)
⌛ 1:05:20
📰
ThaneshboarToreyboar
173
Today's Stream
📅 2022-02-08 
(595 days ago)
⌛ 1:05:29
ZainboarToreyboar
174
Today's Stream
📅 2022-02-10 
(593 days ago)
⌛ 1:05:47
ZainboarToreyboar
175
How To Send Messages To Multiple Clients Through AWS Websocket
📅 2022-02-13 
(590 days ago)
⌛ 1:02:05
ZainboarToreyboar
176
How To CRUD Data Through AWS Websocket with Multiple Clients
📅 2022-02-16 
(587 days ago)
⌛ 1:07:32
ZainboarThaneshboar
177
Today's Stream
📅 2022-02-17 
(586 days ago)
⌛ 0:58:01
ZainboarToreyboar
178
How To Change String Property to Object in AWS SAM and Deploy
📅 2022-02-20 
(583 days ago)
⌛ 1:21:24
ZainboarToreyboar
179
Today's Stream
📅 2022-02-23 
(580 days ago)
⌛ 0:59:43
📰
ZainboarThaneshboar
180
How To HASH A Password using BCRYPT in Node
📅 2022-02-25 
(578 days ago)
⌛ 1:03:48
ZainboarThaneshboar
181
How to Hash Passcode with BCRYPT using Node Pt.2
📅 2022-02-27 
(576 days ago)
⌛ 1:07:59
ZainboarToreyboar
182
Create Passcode UI
📅 2022-02-28 
(575 days ago)
⌛ 1:01:29
📰
ZainboarThaneshboar
183
How To Make FrontEnd Talk to Backend with Node
📅 2022-03-01 
(574 days ago)
⌛ 1:01:33
ZainboarToreyboar
184
How To Positioning A Div
📅 2022-03-04 
(571 days ago)
⌛ 1:09:27
ZainboarToreyboar
185
Today's Stream
📅 2022-03-06 
(569 days ago)
⌛ 1:00:29
Zainboar
186
Today's Stream
📅 2022-03-07 
(568 days ago)
⌛ 0:55:51
ZainboarThaneshboar
187
Today's Stream
📅 2022-03-09 
(566 days ago)
⌛ 1:00:11
ZainboarThaneshboar
188
Compare Hashed Passwords Using Bcryptjs
📅 2022-03-10 
(565 days ago)
⌛ 1:01:31
ZainboarToreyboar
189
Special Appearance
📅 2022-03-11 
(564 days ago)
⌛ 0:58:44
ZainboarThaneshboarKartikboar
190
Today's Stream
📅 2022-03-13 
(562 days ago)
⌛ 1:16:40
ZainboarToreyboar
191
How To Make Frontend Talk To The Backend - NodeJS
📅 2022-03-14 
(561 days ago)
⌛ 1:07:00
ZainboarThaneshboar
192
Today's Stream
📅 2022-03-15 
(560 days ago)
⌛ 1:05:51
ZainboarToreyboar
193
Today's Stream
📅 2022-03-17 
(558 days ago)
⌛ 1:21:59
ZainboarToreyboar
194
How To Apply Authentication When Saving NodeJs
📅 2022-03-18 
(557 days ago)
⌛ 1:05:27
Zainboar
195
How to Compare Passcodes Using Bcrytp Node.js
📅 2022-03-20 
(555 days ago)
⌛ 1:04:19
ZainboarToreyboar
196
Today's Broadcast
📅 2022-03-21 
(554 days ago)
⌛ 1:06:59
ThaneshboarToreyboar
197
Today's Stream
📅 2022-03-22 
(553 days ago)
⌛ 1:02:51
ZainboarToreyboar
198
Verify Passcode Saving Information to DynamoDB with NodeJs
📅 2022-03-23 
(552 days ago)
⌛ 1:03:09
ZainboarThaneshboar
199
Today's Stream
📅 2022-03-25 
(550 days ago)
⌛ 1:12:27
ZainboarToreyboar
200
Today's Stream
📅 2022-03-27 
(548 days ago)
⌛ 1:14:36
ZainboarToreyboar
201
Today's Stream
📅 2022-03-28 
(547 days ago)
⌛ 1:08:28
ZainboarThaneshboar
202
How To Do A Merge Using VSCode and Github
📅 2022-03-29 
(546 days ago)
⌛ 1:05:33
ZainboarToreyboar
203
Today's Stream
📅 2022-03-30 
(545 days ago)
⌛ 0:57:26
ZainboarThaneshboar
204
Today's Stream
📅 2022-03-31 
(544 days ago)
⌛ 0:57:10
ZainboarToreyboar
205
Today's Stream
📅 2022-04-01 
(543 days ago)
⌛ 1:00:36
Zainboar
206
Today's Stream
📅 2022-04-03 
(541 days ago)
⌛ 1:06:56
ZainboarToreyboar
207
Get Board Columns from Frontend to Backend NodeJS
📅 2022-04-04 
(540 days ago)
⌛ 1:00:38
ZainboarThaneshboarToreyboar
208
Today's Stream
📅 2022-04-05 
(539 days ago)
⌛ 0:57:30
ZainboarToreyboar
209
Today's Stream
📅 2022-04-06 
(538 days ago)
⌛ 0:59:39
ZainboarThaneshboar
210
Today's Stream
📅 2022-04-07 
(537 days ago)
⌛ 1:04:46
Zainboar
211
Store String Array in DynamoDB using NodeJS
📅 2022-04-08 
(536 days ago)
⌛ 0:19:27
Zainboar
212
Today's Stream
📅 2022-04-10 
(534 days ago)
⌛ 1:07:24
Zainboar
213
Today's Stream
📅 2022-04-11 
(533 days ago)
⌛ 1:02:34
ZainboarThaneshboar
214
Today's Stream
📅 2022-04-12 
(532 days ago)
⌛ 0:27:43
Zainboar
215
Jira Organising & Beta Testing Day 1
📅 2022-04-13 
(531 days ago)
⌛ 0:58:09
ZainboarThaneshboar
216
Implement Passcode Tab Feature
📅 2022-04-17 
(527 days ago)
⌛ 0:58:49
ZainboarToreyboar
217
Beta Testing Fixes Part 2
📅 2022-04-19 
(525 days ago)
⌛ 1:00:24
ZainboarToreyboar
218
Beta Testing Fixes Part 3
📅 2022-04-20 
(524 days ago)
⌛ 1:01:02
ZainboarThaneshboar
219
Beta Testing Fixes Part 4
📅 2022-04-21 
(523 days ago)
⌛ 1:00:13
ZainboarToreyboar
220
Beta Testing 5
📅 2022-04-22 
(522 days ago)
⌛ 1:10:18
ThaneshboarToreyboar
221
Today's Stream
📅 2022-04-25 
(519 days ago)
⌛ 1:01:01
ZainboarThaneshboar
222
WebSocket Heartbeat & Thanesh's Farewell
📅 2022-04-27 
(517 days ago)
⌛ 0:51:08
ZainboarThaneshboar
223
Today's Stream
📅 2022-04-28 
(516 days ago)
⌛ 1:00:33
ZainboarToreyboar
224
Save Notes Through Websocket
📅 2022-04-29 
(515 days ago)
⌛ 0:51:30
Zainboar
225
Saving Object Through Websocket in DynamoDB
📅 2022-05-01 
(513 days ago)
⌛ 0:49:15
ZainboarToreyboar
226
Saving Object Through Websocket in DynamoDb
📅 2022-05-02 
(512 days ago)
⌛ 0:55:26
Zainboar
227
Today's Stream
📅 2022-05-05 
(509 days ago)
⌛ 1:01:32
ZainboarToreyboar
228
Welcome Back Kartik Party
📅 2022-05-08 
(506 days ago)
⌛ 0:55:32
ZainboarToreyboarKartikboar
229
Testing Prevention of XSS attack
📅 2022-05-10 
(504 days ago)
⌛ 0:29:16
Zainboar
230
How To Test Prevention XSS Attack
📅 2022-05-11 
(503 days ago)
⌛ 0:40:42
ZainboarKartikboar
231
Fixing Websocket
📅 2022-05-19 
(495 days ago)
⌛ 0:49:55
Zainboar
232
Today's Stream
📅 2022-05-20 
(494 days ago)
⌛ 0:56:10
ZainboarKartikboar
233
Today's Stream
📅 2022-05-22 
(492 days ago)
⌛ 0:55:33
Zainboar
234
Today's Stream
📅 2022-05-24 
(490 days ago)
⌛ 0:23:19
Zainboar
235
Websockets bugs
📅 2022-05-27 
(487 days ago)
⌛ 1:00:51
ZainboarKartikboar
236
Websocket Bug Fix
📅 2022-05-29 
(485 days ago)
⌛ 0:49:50
Zainboar
237
Hook Up AWS Websocket
📅 2022-05-30 
(484 days ago)
⌛ 0:48:59
Zainboar
238
Hook up AWS Websocket Pt.2
📅 2022-05-31 
(483 days ago)
⌛ 0:53:07
Zainboar
239
Today's Stream
📅 2022-06-01 
(482 days ago)
⌛ 0:21:05
Zainboar
240
AWS Websocket Bug Fix
📅 2022-06-05 
(478 days ago)
⌛ 0:52:47
Zainboar
241
AWS Websocket Bug Fix Pt.2
📅 2022-06-06 
(477 days ago)
⌛ 0:23:52
Zainboar
242
Hook Up Board Columns to Websockets Nodejs + AWS Websockets
📅 2022-07-27 
(426 days ago)
⌛ 1:00:06
Zainboar

Blog

This blog focuses on the setup process of building your own Hugo blog using AWS Amplify and Github as codesource.

Subtitles

0:00:01
[Music]
0:00:24
all right welcome back
0:00:25
welcome back guys another weekend uh
0:00:28
which means
0:00:30
today we will be streaming for two hours
0:00:32
um
0:00:34
who are new here we are door coders um
0:00:38
we are building a project called
0:00:40
stranger.ca but with our own
0:00:42
enhancements
0:00:43
we stream every day from 9 30 p.m to
0:00:46
10 30 on weekdays and as it does the
0:00:48
week 10
0:00:49
uh we're gonna stream till 11 30 aesd
0:00:52
cool so yesterday we worked on the fetch
0:00:55
api
0:00:55
and we almost made it work but today we
0:00:59
thought
0:00:59
um we'll do the we'll apply the
0:01:03
take a break strategy again so we'll
0:01:06
today reveal our blog finally
0:01:07
on stream which means you get to see the
0:01:10
theme and what it's gonna be like
0:01:12
so we're gonna work on the blog uh we
0:01:14
there's some bugs which we need to solve
0:01:16
so we thought we'll do it on stream
0:01:18
and for the second hour of the stream
0:01:20
we'll start with our normals
0:01:21
crumbler.ca app cool so what do we have
0:01:25
do zen perfect cave
0:01:28
thanks a lot for the intro always good
0:01:31
hearing this this kind of energetic
0:01:34
interest
0:01:35
from you um so today like you said that
0:01:40
we're gonna be actually revealing the
0:01:42
surprise
0:01:44
well in terms of the surprise at this
0:01:46
stage i would say i broke
0:01:48
a kind of a broken surprise and
0:01:51
we will make it we will fix
0:01:54
the surprise and um
0:01:58
show it off to the viewers
0:02:01
uh hopefully by the end of this session
0:02:04
for sure yeah cool so i'll just share my
0:02:07
screen
0:02:08
and we can take it from there
0:02:12
all right brilliant uh
0:02:15
so just share the screen there we go
0:02:23
okay i'll just zoom in a bit
0:02:27
and go to
0:02:31
go to two
0:02:36
this is that one yeah i'm gonna run this
0:02:41
hugo server
0:02:50
[Music]
0:02:55
what's happening to this
0:02:59
um yeah it is yeah
0:03:06
do you want the control to vs code as
0:03:09
well
0:03:10
um yeah sure yeah
0:03:16
and can you mute your discord
0:03:19
notifications yes
0:03:26
it's just helpful because it creates
0:03:29
less
0:03:31
distractions yeah
0:03:36
ah okay i need to sign in my gap i
0:03:39
thought i
0:03:40
already did it always does this like
0:03:43
whenever you try to use this extension
0:03:45
it'll tell you to sign in
0:03:47
okay cool
0:03:51
um by the way have you got water oh yeah
0:03:54
i need to fill up
0:03:55
give me one second oh
0:04:00
[Music]
0:04:03
uh to be honest i can't wait for my
0:04:08
spotlight and my
0:04:12
green screen to come that'd be really
0:04:15
helpful
0:04:16
because i can finally you guys can
0:04:19
finally see me properly
0:04:22
instead of seeing me in this bad bad
0:04:24
lightning which is always
0:04:26
good
0:04:31
so yeah i've just shared the that one
0:04:34
the uh
0:04:39
the link to that and also share the
0:04:42
server with you as well
0:04:45
what you know which used to ask me this
0:04:51
and to the tcp port and server url to
0:04:54
share with guests
0:04:56
i don't think you need to share the
0:04:57
server you need to hear the terminal
0:05:00
ah what am i doing
0:05:04
seriously it's all right
0:05:10
who go what should terminal read only
0:05:15
not read only read and write except
0:05:18
freedom right
0:05:19
cool there we go you've got that and i
0:05:23
will
0:05:24
close this one
0:05:28
i'll close this one and then just use
0:05:31
our one
0:05:35
okay cool are you ready yep i'm
0:05:39
just ready to
0:05:42
reveal the broken surprise
0:05:47
there you go oh you
0:05:50
can't see can you here we go i know
0:05:53
now
0:05:56
yeah so let's just
0:05:59
show okay so this is a broken
0:06:04
surprise so what we planned to do as in
0:06:07
our
0:06:08
goal would be in the first hour
0:06:12
would be to put our banner in this space
0:06:15
here
0:06:16
yep am i coffee yeah
0:06:20
and to all those people who are thinking
0:06:22
uh we are so dumb why can't we just
0:06:23
change the html
0:06:25
um it's already a pre-built theme on
0:06:28
hugo
0:06:29
and it's rendering the image so we need
0:06:32
to figure out a
0:06:33
workaround to let it render the image
0:06:36
and
0:06:37
uh let her put a static image as well
0:06:40
yeah
0:06:40
cool so what i'm going to do probably um
0:06:45
is render
0:06:52
friend the image in google
0:06:55
blog i don't know how he does this
0:07:00
simply friendship template for
0:07:02
responsible
0:07:04
config markup
0:07:13
so it says it's markup uh how's that
0:07:16
matter and markup related we can try
0:07:19
giving the image
0:07:21
if we want
0:07:22
[Music]
0:07:24
yeah we should probably do that instead
0:07:31
ah this is ours but the fold is
0:07:35
different isn't it
0:07:37
[Music]
0:07:42
hmm
0:07:44
you may put your picture with your past
0:07:47
site
0:07:47
content post your folder in your
0:07:51
picture.png
0:07:52
and this is talking about rendering the
0:07:55
image inside
0:07:56
blog inside the blog yeah we don't need
0:07:59
that
0:08:01
yeah there's there's no other way i
0:08:03
think we should we can only go into the
0:08:05
code and
0:08:06
try working around there
0:08:09
image processing in here we go
0:08:12
i'm just just i'm just gambling a bit
0:08:17
yeah to check if we can
0:08:20
find uh find everything simple
0:08:23
complicated
0:08:24
but basically is it definitely worth
0:08:25
implementing you will also
0:08:28
decrease the payload's time as you
0:08:31
probably know
0:08:33
we want to know this one
0:08:41
then who has a feature called image
0:08:43
processing
0:08:46
that's interesting how can we turn that
0:08:49
off
0:08:50
ah the image is a page
0:08:54
resource and processing method
0:08:57
listed below well
0:09:01
that's easy dude do not
0:09:05
do not work an image inside ah
0:09:08
these methods listed below do not work
0:09:12
on images inside your static folder
0:09:15
to print the image page source
0:09:19
the image source ah
0:09:23
this is how we probably have to specify
0:09:25
the image source apparently
0:09:27
let's do it let's try that
0:09:30
and see if that works resizing okay
0:09:34
that's the resizing
0:09:36
just that one i'll copy and paste this
0:09:40
right i'm gonna forget
0:09:44
this css okay that we will be working on
0:09:48
yep
0:09:49
yep and go
0:09:52
back fails to be made change
0:09:56
header where's the one yeah
0:10:01
okay i've already got this header
0:10:18
all right so it was
0:10:22
big images um
0:10:25
we got rid of no image or is it still
0:10:30
there
0:10:32
i think we got rid of it yeah
0:10:35
[Music]
0:10:36
no no it's here
0:10:40
all right well we got rid of the
0:10:43
div that wasn't wasn't working but if
0:10:45
you want that
0:10:47
code we can still bring it back no i
0:10:49
think
0:10:50
let's start fresh
0:10:53
right start fresh okay cool
0:10:57
um in that case i'm going to redo this
0:11:02
staged changes
0:11:07
that one and then i want i want to redo
0:11:10
it
0:11:13
cool uh go back
0:11:18
headed to html cool okay so
0:11:21
this is the no image
0:11:24
one so
0:11:27
that the title is here
0:11:31
if you type less than title
0:11:35
else break end
0:11:42
how about if i do it here with the title
0:11:48
yeah try this
0:11:51
see this
0:11:56
wars
0:12:01
this was get
0:12:05
and the image was this one
0:12:09
to pass
0:12:17
i won't show me that intelligence
0:12:22
yeah all right you might want to get it
0:12:25
through some other method yes
0:12:26
right there i'm just doing that waiting
0:12:31
yeah to get the intelligence
0:12:36
yay there's my intellisense
0:12:40
yeah that's pretty good before
0:12:43
i know i don't want that one on
0:12:45
resources
0:12:48
gen images
0:12:52
huh what wow
0:12:55
favorite images raw
0:12:58
coder it's in assets first
0:13:03
ah my bad
0:13:07
then assets images
0:13:11
recorder get this
0:13:15
png and then do
0:13:18
that radio
0:13:26
i love you becoming aussie
0:13:32
i'm trying my best
0:13:35
it's working yeah
0:13:39
it's working
0:13:39
[Music]
0:13:44
um right
0:13:48
i think that that didn't work actually
0:13:51
what i'm going to do
0:13:53
is put this everywhere so see which one
0:13:56
works
0:13:58
let's go on this tag as well
0:14:01
um i think you need to go outside a bit
0:14:04
because inside it's causing a problem
0:14:09
also this isn't no image that that's
0:14:11
pretty um
0:14:12
try putting it in big image one
0:14:19
uh breaking news that one subtitle
0:14:22
scratch that
0:14:25
heading actually you know i'm
0:14:29
gonna do replace everything with
0:14:32
that yeah probably
0:14:36
we should do that
0:14:40
so at least one
0:14:44
line works
0:14:49
this subtitle page then
0:14:53
do this
0:14:58
the only concern that i've got is this
0:15:01
point is using these
0:15:04
tags as well
0:15:08
that's true oh boy all right
0:15:12
let's imagine if you get five images
0:15:18
i think um it doesn't really matter how
0:15:20
many images
0:15:22
we have if we get one working then
0:15:26
you just copy paste copy paste
0:15:31
okay that that didn't work clearly
0:15:35
where's the h1 that says roku
0:15:41
thing is that that's in the title
0:15:46
which is there so
0:15:49
this is so you know how is
0:15:53
saying all this
0:15:57
you know how he's saying all this
0:16:01
yeah as in subtitled
0:16:04
this yeah it's getting from subtitles
0:16:17
this one so i'm just thinking hang on
0:16:22
expectant square dimensions okay back
0:16:25
on uh this is the logo
0:16:30
so how how how had the divine define the
0:16:32
logo
0:16:33
we can probably define the image the
0:16:35
same way
0:16:37
search where avatar icon.png is being
0:16:40
used in the code
0:16:55
logarithmic okay we probably
0:16:58
need to check with logo is used
0:17:01
in the mode yeah
0:17:04
[Music]
0:17:07
okay so it's using it by parents
0:17:12
params it's using it for linkedin and
0:17:16
twitter
0:17:17
that's where it's using it for
0:17:24
know what you mean huh
0:17:28
what do you mean that's chosen from
0:17:33
do you know how linkedin and twitter are
0:17:35
images as well
0:17:36
those are the only two images on our
0:17:38
page yeah
0:17:41
and that's where it's using it for
0:17:46
so you what is that got to do
0:17:49
with the logo then there there are the
0:17:53
two logo images which are being used
0:17:55
so this code is rendering those
0:17:59
are images sure those are the only two
0:18:02
images so
0:18:04
um check
0:18:08
that could be wrong as well
0:18:12
no that's not the code
0:18:16
because you said
0:18:20
it's using the logo so
0:18:23
if you go in the config file
0:18:26
logo is avatar which
0:18:30
should be here we we have to define that
0:18:34
ourselves yeah yeah we have to put that
0:18:37
don't try putting that um
0:18:40
where's the image
0:18:46
where is this um avatar icon.png the
0:18:49
file
0:18:51
we can have a search and replace it with
0:18:54
our logo
0:18:57
but it's not being used at the moment
0:19:01
are we uncommented uncommented
0:19:04
ah i see what you mean now
0:19:07
right right that would kind of make
0:19:09
sense
0:19:11
i say yeah let's try that
0:19:17
um where's my path
0:19:21
well this might not be the path now
0:19:25
i'll have to check it yeah but
0:19:36
manually
0:19:38
actually have one
0:19:44
copyrighted path
0:19:55
okay and uncomment this
0:20:00
see what this gives us
0:20:09
this is coming here
0:20:13
click on it
0:20:19
um right click inspect
0:20:36
localhost once you want free
0:20:39
i think that's the right
0:20:43
um okay can we do one thing then um can
0:20:46
you go back to the code
0:20:49
to the header file uh
0:20:54
and let's do control a
0:20:58
and control x
0:21:02
um make a new file just to save this
0:21:04
code or we can revert back right to the
0:21:06
changes
0:21:23
just do control n and put it there for
0:21:25
temporary purpose
0:21:26
inside vs score only
0:21:29
okay come on yeah
0:21:33
yeah just put it here yeah that's fine
0:21:36
just leave it like that it's fine we'll
0:21:38
come back um
0:21:40
just put a h1 here that's it
0:21:48
and do hi or whatever and see where we
0:21:51
get it
0:22:00
is the head file
0:22:06
sorry no
0:22:09
i was wrong hang on
0:22:13
where it's not compiled this image is
0:22:15
still coming okay
0:22:18
i'll just start again to make sure
0:22:30
where does that come
0:22:36
go back to the code the original code
0:22:42
go up to the top
0:22:45
partial load for swap theme
0:22:51
yeah so copy this till the first if
0:22:54
i in like the second if
0:22:59
copy all the yeah from up from till up
0:23:02
no no till up don't include this one
0:23:10
yeah in header in the top
0:23:16
yeah let's try it now
0:23:24
okay let's get more code then
0:23:32
pick image if and
0:23:37
um
0:23:41
if big image what does this do
0:24:02
um
0:24:04
big image error call length this is
0:24:07
causing the error um
0:24:11
try writing end in the end i think there
0:24:14
is one end we are missing
0:24:20
like at the mo click bottom
0:24:23
okay yeah that's a that should be fine
0:24:26
oh still there
0:24:29
um okay no
0:24:33
partial and unexpected total so
0:24:36
end um
0:24:39
hang on home home and then hang on we
0:24:44
don't have an if so why are we
0:24:47
using an end hmm
0:25:00
but that thing is still going out oh
0:25:01
yeah can you do this
0:25:07
else yeah this is it if else
0:25:10
if that ah remove this if
0:25:14
we have remove that last if i guess
0:25:21
that one as well yeah
0:25:25
there is one else which is no use
0:25:28
let's see what happens it's still coming
0:25:31
up with error
0:25:41
hang on um just um
0:25:44
first learn how did this
0:25:48
work though because i have no idea what
0:25:50
are we
0:25:51
i mean how are we trying to do it
0:25:54
truly because i have never seen this
0:25:57
kind of
0:25:58
syntax in my life you need to
0:26:02
so let's just
0:26:05
check what this kind of a syntax is in
0:26:08
the first place and
0:26:10
try to understand it rather than
0:26:13
guessing everything
0:26:18
it's the way to go alright so
0:26:23
okay cool so here's seeing
0:26:27
what kind of uh
0:26:31
um
0:26:36
so sing is if it's dot home
0:26:40
which i would say it means that if it's
0:26:43
the home page
0:26:45
yeah that then then shows
0:26:48
site params which is saying
0:26:51
basically
0:26:56
so this is the overall site and this is
0:26:59
the
0:26:59
params so it
0:27:02
says if sai pram's home title
0:27:10
which is
0:27:15
um home
0:27:18
title is this had different text for the
0:27:21
header
0:27:21
of on the page
0:27:32
hmm params big image
0:27:35
oh here we go pram's big image so if we
0:27:38
replace
0:27:39
this with that
0:27:50
to be honest position c value of c
0:27:54
c is a background position center
0:28:02
so our thing is over here
0:28:06
yeah actually here
0:28:10
here you can don't have an image
0:28:14
yeah right so
0:28:18
it's saying that if he has a big image
0:28:21
then execute this
0:28:26
code here otherwise in
0:28:29
all in all cases execute this image
0:28:33
uh this code here which is doing at the
0:28:36
moment because
0:28:38
it's taking no images
0:28:41
all right so if i
0:28:44
just do that
0:28:52
um okay i'm just trying to make some
0:28:55
other changes
0:28:55
on my site okay cool you can do that
0:29:03
um
0:29:08
image is big image
0:29:17
type list
0:29:20
let's get
0:29:38
logo
0:29:42
dimensions
0:29:50
and one big image
0:29:53
then big hand image subtitle
0:29:57
ah
0:30:00
both no i mean
0:30:03
then it's setting up the title as well
0:30:07
right what's the shortcut to search in
0:30:10
the folders in
0:30:12
uh shifts command f
0:30:16
all right thank you
0:30:19
it's all right um
0:30:23
[Music]
0:30:28
subtitle big image
0:30:44
[Music]
0:30:46
title description
0:30:51
overview singular title
0:30:56
disguise and my shoes
0:31:03
uh head custom
0:31:11
theme author noise shouldn't be here
0:31:16
there's nothing
0:31:20
oh look what the heart i just had a
0:31:23
background
0:31:25
it's how to add a background to
0:31:29
to this team
0:31:33
the background to a beautiful whole goal
0:31:37
oh one sec i'll be back soon just give
0:31:39
me one second
0:31:44
cool
0:31:58
team
0:32:06
change the logo change the fav icon
0:32:10
change d4 colors
0:32:14
blue variant
0:32:18
green barrel your variants
0:32:27
we need your final pass to find it to
0:32:29
see if you need to unleash them you
0:32:31
don't need to go directly just follow
0:32:33
this page
0:32:40
theme
0:32:54
you can't
0:33:01
[Music]
0:33:06
i'm just reading the documentation and
0:33:09
it does say that don't
0:33:11
uh change the code as in
0:33:15
chain if you want to change the theme
0:33:19
that um don't change the code
0:33:23
directly it does say here instead follow
0:33:27
this page you would
0:33:28
need to you will create a new password
0:33:31
in the
0:33:32
password photo of your logo for this
0:33:34
part you will have the pricing
0:33:37
head of the head of now the content
0:33:40
contains backgrounds
0:33:42
not meant to be overwritten
0:33:48
don't forget to start
0:34:13
[Music]
0:34:19
choose the frame icon gg4
0:34:28
loud partials so
0:34:31
seeing this in little partials
0:34:35
header
0:34:38
load theme for
0:34:41
slide html
0:34:46
load for swap html
0:34:51
title close preloader
0:34:59
well i didn't know this could be this
0:35:01
difficult
0:35:03
hmm it is pretty interesting
0:35:07
yeah but you have no idea how much i'm
0:35:12
learning just by coming through this
0:35:14
task let's
0:35:16
prove
0:35:23
uh big image
0:35:30
then ah okay arrange benjamin
0:35:34
big image
0:35:35
[Music]
0:35:39
so i need to see where this big image is
0:35:42
defined
0:35:54
params big image okay
0:35:58
so big image is defined here
0:36:01
source position big image has got severe
0:36:04
triangle
0:36:06
so if we did our one which
0:36:09
would be in config
0:36:15
description triangle
0:36:20
i think this might be it
0:36:29
try this and see if this does any tricks
0:36:36
aha okay good
0:36:40
interesting have a look at my screen
0:36:44
where'd you get that image from um
0:36:47
it's it's already in the theme but i
0:36:50
just have to
0:36:51
go in the config file to activate it
0:36:54
that's cool so what we probably have to
0:36:58
do
0:36:58
is we need to get
0:37:02
rid of this text here
0:37:05
yeah that'll be then just apply our
0:37:10
banner and see how that works all right
0:37:13
let's do it
0:37:15
all right um
0:37:18
cool so i just activated
0:37:22
it from here if you're curious
0:37:25
so what we would need to do is
0:37:29
that's an image at the moment
0:37:37
static is it yep
0:37:42
image static okay cool so that's in
0:37:45
static at the moment
0:37:47
so what we need to do change the
0:37:50
reference to follow or maybe put our put
0:37:55
our image in static
0:37:56
maybe because all the images are there
0:37:59
it might be right but
0:38:01
yeah but i really don't wanna
0:38:04
mix their content with our content
0:38:07
to be honest i think that should be fine
0:38:10
we'll rename the image if it all comes
0:38:11
down to it
0:38:12
okay cool in static
0:38:16
ah yeah um
0:38:20
so paste
0:38:29
okay and that's better rename it
0:38:32
actually just copy the name don't rename
0:38:34
it i know
0:38:36
that's exactly what i was yeah right
0:38:39
it will give an error but it's not
0:38:40
giving any errors so that's good
0:38:42
that's brilliant okay so see if that
0:38:47
works
0:38:48
what you didn't copy it
0:38:52
probably not
0:38:58
not being
0:39:03
i can see the excitement
0:39:06
yeah in your voice um all right there's
0:39:10
probably something wrong with the
0:39:12
image itself because
0:39:15
i might try and
0:39:17
[Music]
0:39:19
change into jpg oh here we go
0:39:22
brilliant nice
0:39:25
okay so i'm going to do now is
0:39:29
we need to big image fear don't need
0:39:32
that
0:39:34
how's it going um andres here we are
0:39:37
working on
0:39:38
the blog so we are revealing a blog for
0:39:41
this stream which we're gonna work on so
0:39:44
we'll probably go ahead and post uh
0:39:46
stuff every night
0:39:47
on the blog so yeah we're just setting
0:39:49
it up it was a google theme so it was
0:39:52
a bit tricky to put our um specific
0:39:55
banners
0:39:56
into it so that's what we're working on
0:39:58
but we'll get back to the project at 10
0:39:59
30 so
0:40:02
stay tuned also we have water
0:40:05
if that helps theme roll card is
0:40:10
so if i commence all the things that we
0:40:12
don't need anymore
0:40:14
actually just make them null because a
0:40:16
lot of elements are using them
0:40:19
so no no it's like an empty string
0:40:23
just empty string that's ah okay cool
0:40:25
right
0:40:32
[Music]
0:40:36
um
0:40:38
hey we have a
0:40:42
follower on twitch nice
0:40:46
thank you for your
0:40:50
following really appreciate them right
0:40:55
oh you didn't uncomment them
0:41:00
i did is there the hashtag is still
0:41:04
uncommon right i don't know
0:41:07
no we need to get rid of the
0:41:11
writing there okay yeah
0:41:15
remember yeah perfect
0:41:18
that's looking pretty awesome i love
0:41:21
this
0:41:21
um the other thing i wanted to
0:41:25
say then maybe if we can add
0:41:29
okay i'll just um
0:41:33
tell that to you off stream okay
0:41:37
but we know that this works now which is
0:41:41
brilliant
0:41:42
yeah and i think we should add our logo
0:41:45
here as well
0:41:47
yes yeah there was a logo uh i can write
0:41:51
which was appearing there so i think we
0:41:52
can just go ahead and
0:41:55
um so do you
0:41:58
um right right
0:42:02
yeah so i can just do this title
0:42:14
isn't this what was appearing
0:42:18
playing the logo ah okay right right
0:42:22
i thought you meant write the
0:42:25
four codes again no not under there
0:42:29
oh yeah i think we should put that but
0:42:32
the only problem with that would be that
0:42:34
there will be role coders here as well
0:42:36
but we can go ahead and remove the
0:42:38
recorders which will come here
0:42:40
yeah yes i mean to say
0:42:43
the roar corners will come over the
0:42:45
image try adding it and you'll see what
0:42:47
i'm trying to say
0:42:54
because the image is a background yeah
0:43:05
interesting it doesn't come up no it's
0:43:08
still loading it didn't
0:43:11
it's done all right
0:43:15
there you go see this is what i mean so
0:43:17
we need to go ahead and remove this
0:43:19
then on the image okay
0:43:23
right right yeah that makes sense though
0:43:25
no no no
0:43:26
leave that in leave that in and we just
0:43:28
go into the headers remember
0:43:30
where we removed the road quarters just
0:43:33
leave that in
0:43:34
you leave that in
0:43:38
i think that if we have raw
0:43:42
coders here as well then that's what i'm
0:43:44
gonna be doing
0:43:46
two things fro
0:43:50
and there the thing is if you click on
0:43:52
first post right now
0:43:54
click on the first book yeah
0:43:58
there's no way of going back to the home
0:44:00
page
0:44:01
so the role coders on the top is like
0:44:04
the
0:44:05
home page you can click there you know
0:44:07
our websites work
0:44:09
yeah so we can just put that
0:44:12
role coder up and remove the one in the
0:44:14
header
0:44:20
so you're saying we can remove the
0:44:25
uh we can remove the one that appears on
0:44:29
the
0:44:29
image but keep that one there yep
0:44:34
yeah okay cool
0:44:39
let's do that and um also
0:44:42
okay if you can keep that on the chat as
0:44:46
well that'd be great
0:44:48
um
0:45:01
actually at the moment but we will be
0:45:05
soon
0:45:05
changing the url to the one
0:45:09
you specified yeah
0:45:18
so i can leave that one there
0:45:23
yep header
0:45:26
and where is the title appearing
0:45:32
big image or title
0:45:38
title source
0:45:43
intro had big images
0:45:57
okay that's exactly what we wanted
0:46:03
so this is done
0:46:07
go ahead and add the logo on the nav bar
0:46:12
yeah here on here
0:46:22
i'm just um actually not
0:46:26
i'm just thinking that i want to
0:46:30
remove this whole space here because
0:46:33
it's just
0:46:35
looking i don't think we can do that
0:46:38
because it's on every page
0:46:40
like it's a theme function right
0:46:44
yeah probably okay we can
0:46:48
just add our we can try it out here
0:46:52
yeah try and see how it looks
0:47:00
so what do we remove then
0:47:03
um nothing we just add in the config
0:47:07
file there's a different section called
0:47:08
logo
0:47:14
[Music]
0:47:17
so hang on i'm a bit confused
0:47:20
now what we're trying to do
0:47:24
we are trying to add our logo like not
0:47:27
the banner like
0:47:29
our logo yeah on the bar in the middle
0:47:32
of the navbar
0:47:38
okay but wouldn't that be a bit too much
0:47:41
as in
0:47:42
too many images
0:47:46
so we're gonna have it crowded here
0:47:50
but can we change the color that's
0:47:53
what i want us of the nav bar yeah do
0:47:56
the
0:47:57
show pitch um to the background color of
0:48:01
the
0:48:02
banner that's exactly what i was
0:48:06
thinking
0:48:06
as well have you got that color
0:48:10
yes i'll give it a color you can use a
0:48:12
color and just like it'll be pretty easy
0:48:14
but uh you know the roll colors on the
0:48:17
top left
0:48:18
and then we can make that white yeah
0:48:21
yeah that'll be really as in
0:48:24
nice one
0:48:26
[Music]
0:48:28
let's see how that can be done um i
0:48:30
don't think that should be a
0:48:32
problem because we just need to change
0:48:34
like the color in the code
0:48:37
yeah and in the css background yeah
0:48:41
yeah yeah well we can just
0:48:44
go ahead and like try finding the css
0:48:47
for the navbar
0:48:49
so we need to find where this is
0:48:52
used okay
0:48:56
huh do you know there's a file called
0:48:58
nav.html which you have already opened
0:49:01
up
0:49:02
yeah so
0:49:06
functions are are they using if you go
0:49:08
up
0:49:13
uh custom
0:49:17
i think it's mainly
0:49:21
nav bar yeah let's open the main
0:49:24
thing okay yeah let's open the main.css
0:49:28
and see all go through all the navbar
0:49:30
functions
0:49:40
here we go custom i've seen
0:49:44
this is the one that'll be just using
0:49:47
any color for now
0:49:58
bottom border bottom yeah
0:50:01
background would be
0:50:05
okay try that
0:50:09
okay yeah that works so we just
0:50:13
need this do you possibly have the
0:50:16
color code forward yeah
0:50:20
because it's a lot a lot quicker in that
0:50:24
way
0:50:30
oh also what i'm thinking we
0:50:33
are i really want to include their logo
0:50:36
as in that
0:50:38
we've got um
0:50:41
as in so logo can
0:50:45
come here and then this
0:50:50
you want the logo to come there which
0:50:52
one
0:50:55
the square logo that we have got
0:50:58
to come we already have our avatars on
0:51:01
the
0:51:02
um home page
0:51:07
it will be like the avatars will be
0:51:08
repeating so
0:51:09
[Music]
0:51:14
okay right because
0:51:17
i would just saying that if we have that
0:51:20
as i will
0:51:22
logo here and
0:51:25
then the rule code is as
0:51:28
the word next to the logo
0:51:33
so you want to add like image and the
0:51:36
logo together
0:51:38
precisely yeah but i don't think
0:51:42
i don't think so we'll be able to do
0:51:43
that because that'll be and they'll end
0:51:46
up changing the theme which we can't do
0:51:48
probably yeah i can then freaking
0:51:52
leave that one it's fine all right um
0:51:56
i'll paste you the heck of the color
0:52:00
on private chat
0:52:04
just want to do one more change in that
0:52:06
one
0:52:07
that remove
0:52:11
the description yeah cool
0:52:21
the description and
0:52:26
image goes there
0:52:54
static image so this is static
0:52:59
and so what i'm just going to do
0:53:02
now is i will try and place the
0:53:05
image that will be using in
0:53:09
the different folder
0:53:13
so it's under our repos folder
0:53:16
not the actual themes master folder
0:53:25
all right so i'm just
0:53:29
trying to shift the image into our
0:53:33
access folder you mean
0:53:36
we should put that in a static folder
0:53:38
where all the other images are
0:53:41
they are no um so the only
0:53:44
reason why i don't wanna play
0:53:47
in this because that's not really our
0:53:50
repo
0:53:51
and when we commit i don't really want
0:53:54
this
0:53:54
change to go to the other master repo as
0:53:57
well
0:53:59
i want to keep our assets and images
0:54:03
in our personal folder yeah
0:54:06
as long as it's not messing up with the
0:54:08
um yeah teamwork
0:54:12
so i'm just trying to figure out
0:54:16
how what would be the address of this
0:54:19
relative path better
0:54:23
so it would be resources
0:54:27
so that's so i am at the moment
0:54:31
in config yeah
0:54:34
so that would be
0:54:38
um resources gen
0:54:42
assets and then image genes to send an
0:54:45
image
0:54:45
yeah did they should do it probably
0:54:50
yeah let's see if it does
0:54:54
[Music]
0:54:58
okay
0:55:02
i think only
0:55:05
well let's keep trying um
0:55:09
shouldn't there be a double dot
0:55:12
um it's a current direct group which is
0:55:15
the root directory
0:55:16
all right i'll just try it
0:55:21
you might be right no you're right other
0:55:25
directory on yeah
0:55:29
resources gen assets
0:55:32
images banner
0:55:38
redirect so this is the root
0:55:43
no and we
0:55:47
try putting in the github link there
0:55:50
that might work this time
0:55:54
but because i feel like it's bad
0:55:56
practice
0:55:58
yeah but it's not able to access upper
0:56:01
directories for some reason
0:56:06
i think theme must be set in a way that
0:56:09
it only references that
0:56:12
yeah exactly but then again it up it all
0:56:15
comes down to if you want to
0:56:17
put in the github or do you wanna
0:56:20
edit their theme
0:56:26
uh first come to first we'll just play
0:56:30
them where it was before
0:56:39
okay let's see this
0:56:43
source
0:56:49
let this load might take a bit to know
0:56:53
okay yeah i think it's set in a way that
0:56:56
it
0:56:56
only takes the other address that's
0:56:59
all right
0:57:03
you can leave that
0:57:09
cool all right um have you got
0:57:12
you've already sent me the color code
0:57:19
and we're gonna do
0:57:23
go back there and change
0:57:26
the navbar
0:57:33
main.css
0:57:36
now price that one border bot to miss
0:57:40
that one
0:57:49
okay that looks pretty good actually i
0:57:54
i really like it to be honest
0:57:56
[Music]
0:57:57
i just so wish that um those youtube
0:58:01
icon and twitch icon were actually
0:58:02
working
0:58:04
ah right but can we make them work
0:58:08
or not
0:58:11
as in in instead of them being
0:58:14
uh as just an image we can
0:58:19
no that wouldn't work the only issue is
0:58:21
that this is not a html file it would
0:58:23
have been
0:58:24
so much easier um
0:58:27
right right yeah if this was just an
0:58:30
html file or css but
0:58:34
um
0:58:36
yeah that's the project for another time
0:58:40
i would say um i just want to
0:58:43
change the color of the logo
0:58:47
go go back to nav.html again here we go
0:58:52
nav to html yeah
0:58:56
uh one sec now go up
0:58:59
go to or just search for
0:59:03
title
0:59:26
just trying to find if they if they've
0:59:28
actually given it
0:59:30
a name all right oh here we go
0:59:34
there we go i'm gonna set it to white
0:59:38
yep and on hold it turns
0:59:43
let me see can you show me the thingy
0:59:47
show me the website uh
0:59:56
content red content
1:00:02
i think red would be a
1:00:06
prop here you can try but
1:00:09
i don't think so you can try i don't
1:00:11
think they'll turn
1:00:17
have you got the thread that you used
1:00:20
here
1:00:23
yes i can give you that as well
1:00:27
because looks like
1:00:30
our fit our theme is
1:00:33
blue red and white
1:00:36
if you look closely um none of the
1:00:40
text is actually red it's just the
1:00:43
text background is red uh yeah but i
1:00:46
sent you the hex
1:00:47
you should try it
1:01:00
yeah just make it go gray uh yeah but
1:01:03
let's try red first
1:01:05
and if that doesn't occur then we can
1:01:06
make it go gray
1:01:09
this whole of it is
1:01:12
sinking
1:01:19
oh no
1:01:22
what did i do wrong there
1:01:35
okay so you send me that color there
1:01:47
home that one
1:01:52
he is zero he is
1:01:55
zero cool
1:01:58
you should do it
1:02:06
but you're not doing it probably
1:02:10
not even that one some other
1:02:15
it's a nav brand function though oh
1:02:18
sorry um
1:02:20
yeah number one property
1:02:24
which is yes
1:02:38
um just rebuild the website
1:02:55
wow
1:02:59
did you not did you save them
1:03:02
i'm pretty sure apparently not
1:03:05
apparently not
1:03:07
all right i'll do that again
1:03:16
the lagging is really killing me at the
1:03:20
moment
1:03:21
why is there lagging
1:03:26
no idea okay that one's there
1:03:36
ah i did the wrong color
1:03:44
oh
1:03:51
alrighty
1:03:55
i sent you the hex does that help
1:03:58
i know but i'm just
1:04:02
see it's not okay now it's
1:04:05
making a difference just wanted to check
1:04:08
if it really works
1:04:10
i think it's just lagging it's just a
1:04:12
bit laggy
1:04:21
yeah the red isn't working
1:04:24
for some reason more interesting
1:04:28
so as soon as we change the color code
1:04:33
it breaks
1:04:37
however if i try some other color
1:04:40
not white but black
1:04:44
no do this one yeah
1:04:49
at least we can see the effect
1:05:07
no it doesn't support you can you do a
1:05:10
skirt what
1:05:11
no it does
1:05:16
yeah okay but it's not that color is it
1:05:20
try something pink it's not distinctive
1:05:33
come on buddy
1:05:38
pink works yeah
1:05:42
try red i think you must be
1:05:46
right is just lagging a bit too much
1:05:59
what seriously the red doesn't work
1:06:04
so it only works in the color picker go
1:06:06
back um
1:06:07
go to it ah yeah you must be
1:06:11
surprised well you only just take the
1:06:15
color just literally click that oh yeah
1:06:18
something
1:06:18
it doesn't matter
1:06:21
[Music]
1:06:23
actually now it'll work
1:06:30
wow oh my god that's not bad though
1:06:34
actually i like it yeah
1:06:37
which color would you use saying that we
1:06:40
should try
1:06:42
um something anything gray anything gray
1:06:46
yeah but it's fine um if you like it i
1:06:48
don't really mind
1:06:51
like darker darker yeah that's right
1:06:54
that's fine
1:06:56
oh five is sexy
1:07:02
actually you know what
1:07:06
i like the room
1:07:09
i like the i like the gray one
1:07:14
how about yourself yeah yeah i like the
1:07:16
green ones i mean
1:07:18
it's also because you know how all the
1:07:19
text in the image
1:07:21
like karthik and zayn it's written in
1:07:23
gray only
1:07:24
ah right right right i see what you mean
1:07:30
um but now the awkward part would be
1:07:34
if you click on first post our
1:07:38
nav bar would be a blue color
1:07:42
okay wow i'm out of here
1:07:50
it's loading it's not loading it's
1:07:53
finished loading
1:07:55
wow i'm done i love you saying wow
1:07:59
wow i'm done i like it
1:08:03
i know why not it's fair
1:08:08
your reactions are priceless right
1:08:14
isn't that what we expected the the
1:08:17
navbar to be a different
1:08:18
like the color but this is better this
1:08:21
is better
1:08:25
yeah this is a lot better though so
1:08:29
do you want to keep this part
1:08:32
as it is or what you reckon
1:08:36
this is fine here okay
1:08:40
cool well
1:08:44
there's one more thing um what hang on
1:08:47
hang on a minute it'll work
1:08:52
oh you didn't save it again
1:08:56
i'm pretty sure this i saved it what
1:08:59
no no no that's nice
1:09:06
oh it's not fine nope
1:09:09
no it is fine it is fine nice no fine
1:09:12
just don't find this should be
1:09:16
purple that's not brand
1:09:20
not navbar
1:09:26
there's something else is missing
1:09:29
this is the purple one
1:09:33
nerf bar
1:09:38
do i might want to go
1:09:41
wow so it takes a lot of time to
1:09:44
actually
1:09:45
load
1:09:50
yeah yeah that's my aim now
1:09:55
to use out front i'm just wondering
1:09:58
um if we can go ahead and
1:10:02
um you know how there is welcome to our
1:10:04
blog
1:10:06
um if we can have the youtube and
1:10:09
twitch logos there and the links
1:10:14
or like follow us on youtube or twitch
1:10:17
not even the logos
1:10:18
just like the links like this is you can
1:10:21
follow us youtube
1:10:22
hyperlink yeah so
1:10:26
you mean these ones can come up here
1:10:32
sorry no no no no these pictures can
1:10:35
come up here
1:10:37
leave that down there it's fine that's
1:10:38
like the footer because a lot of content
1:10:40
will come like
1:10:41
100 100 posts will come so leave that
1:10:44
down
1:10:45
but as soon as someone enters the
1:10:47
website um
1:10:50
you know how html5 started supporting
1:10:53
emojis
1:10:56
yeah we can use the um
1:10:59
this youtube emoji and twitch emoji we
1:11:02
don't need to put images
1:11:04
that way we can just put it in the a tag
1:11:08
all right cool so i'll give you the
1:11:12
emojis one second
1:11:14
okay uh are we supposed to do our other
1:11:18
present
1:11:18
other projects is already coach 11.
1:11:21
um talk to you um i don't mind
1:11:24
completing this
1:11:25
or if you wanted let's just focus on
1:11:28
this one then for now
1:11:52
so
1:12:31
so are you gonna send me the
1:12:34
thing right i'm just working on it but
1:12:39
um
1:12:39
[Music]
1:12:43
you can go ahead and try writing that
1:12:49
so after i get the background are we
1:12:52
gonna
1:12:53
change this background or not
1:12:58
no we can't we just can't do it um
1:13:01
okay cool but it might be helpful in the
1:13:04
mood
1:13:07
in there okay cool look right
1:13:10
right cool that's fine see
1:13:19
um so
1:13:21
[Music]
1:13:22
so um i'm thinking
1:13:26
can you possibly change this part to as
1:13:30
in
1:13:37
because i wanna i don't
1:13:40
like this in inconsistency and then
1:13:44
there's a
1:13:44
comma and then there's an emphasis sign
1:13:47
as well
1:13:50
if you know what i mean um
1:13:55
yeah sure but can we leave this like
1:13:57
that for now just for now
1:13:58
of course of course yeah i'm i'm just
1:14:02
telling you as in uh
1:14:05
just for for future
1:14:09
that's all right yeah i'll do it i'll
1:14:11
give that one
1:14:12
um all right
1:14:24
do you have any your stacks yeah now eh
1:14:27
having some biscuits
1:14:31
you're gonna have chicken breast
1:14:35
uh not today
1:14:38
it's finished i had the the
1:14:42
yesterday all right
1:15:02
i'm just copying
1:15:25
it's trying to find it
1:15:28
that's fine
1:15:29
[Music]
1:15:33
or we can you just use a video emoji but
1:15:36
um yeah let's get let's go ahead and add
1:15:39
the thing first
1:16:04
all right
1:16:07
one thing what thing did you say
1:16:11
um you know how it's written welcome to
1:16:14
our blog
1:16:15
contain a summary of what we did in our
1:16:17
stream
1:16:18
just below that or above that
1:16:22
um just find this content and
1:16:26
do a tag which is
1:16:29
you can follow us or like
1:16:33
subscribe or to us on youtube here
1:16:37
with the link and follow us on twitter
1:16:39
here oh
1:16:40
touch here
1:16:44
you're right okay because
1:16:48
the problem with this is now that
1:16:51
this theme does not support a twitch
1:16:55
um logo so in the footer you won't be
1:16:58
having twitch at all there's no mention
1:17:01
of twitch
1:17:02
whatsoever in the whole website
1:17:05
yeah so
1:17:08
so all we're doing is just adding
1:17:12
something here saying that
1:17:17
follow us on youtube
1:17:20
and follow us on twitch yeah
1:17:24
um yeah maybe inside that box as well i
1:17:27
don't know
1:17:27
yeah you can just search where it's
1:17:30
written and
1:17:33
do you do you have a um
1:17:37
touch bar on your macbook
1:17:43
you mean touchscreen touch you know how
1:17:46
my books have a touch bar
1:17:51
touch bar
1:17:56
which you probably have to elaborate
1:17:58
that okay but i'll share my screen
1:18:01
i'll tell you
1:18:12
the thing
1:18:20
yes do you have it
1:18:24
okay uh i don't mean that
1:18:27
vapor of course say f1 f2 f3 f4
1:18:31
oh no no that's green one and
1:18:34
no no i don't have that one i'm not
1:18:37
choosing
1:18:38
2015 one all right
1:18:41
that's fine i'll go ahead and send you
1:18:43
the
1:18:45
okay um
1:18:52
i'm just thinking now
1:18:56
how to include those images in there
1:19:00
in the markup
1:19:07
so if we do
1:19:10
uh include
1:19:18
points awesome however if you use
1:19:20
fortune
1:19:22
yeah we should use a good point yeah
1:19:24
that's right that's a good point
1:19:26
icon in markup
1:19:32
markdown language
1:19:39
[Music]
1:19:41
that's exactly i think what we need
1:19:44
click on the icon to take a screenshot
1:19:47
click on
1:19:54
html
1:19:58
uh click on there i'm going to take a
1:20:01
screenshot
1:20:02
okay
1:20:07
so we need to do in that way how do
1:20:10
we okay say in that sense
1:20:15
you got it click here's another example
1:20:19
um notice
1:20:23
blah blah blah
1:20:27
that was the iconic recent bachelor
1:20:30
sentence right
1:20:34
okay
1:20:39
so say for example we do that
1:20:42
actually we do this this will ultimately
1:20:46
bring up
1:20:48
yeah that one
1:20:54
let's see if it does yeah all right
1:20:59
probably will
1:21:03
no uh probably i need to include
1:21:07
the phone tools on first
1:21:10
i need to import it um yes there's a
1:21:14
specific font for emojis in html5 you're
1:21:17
using html5 right i'm pretty sure you
1:21:19
are
1:21:20
you're in chrome browser
1:21:23
pro i wouldn't know how to tell but you
1:21:26
you have the
1:21:38
um i'll send you this link this will be
1:21:40
really helpful
1:21:42
you can show the viewers as well
1:21:52
okay so this is the link that i've got
1:21:55
from k
1:21:57
emojis okay okay cool so we can actually
1:22:00
add them
1:22:03
yeah there's this little way how you
1:22:04
have to do it
1:22:11
i'll i'll search for the one which you
1:22:12
are looking
1:22:16
all right youtube
1:22:20
so that's all right but we need this in
1:22:24
markup hang on i need to check something
1:22:28
else as well now
1:22:29
embedded just okay
1:22:35
all right try this link
1:22:48
so you just have to use the utf
1:22:52
values
1:22:57
but is that how it's done in okay hang
1:23:00
on
1:23:00
i'll try this one what does it
1:23:04
give me in mark down
1:23:08
give me markup
1:23:13
also it has a semicolon for some reason
1:23:20
yeah let's see
1:23:23
what does it give us
1:23:27
i don't think someone follows this oh
1:23:30
there you go
1:23:31
so that worked
1:23:34
that's looking pretty cool yeah so we
1:23:37
can have like
1:23:39
this thing and um youtube like follow us
1:23:42
on youtube and
1:23:43
you know how it works yes but i'm just
1:23:47
thinking of
1:23:48
the design at the moment um
1:23:52
do you one as in follow us
1:23:56
and then youtube icon and the twitch
1:23:59
icon
1:24:00
yeah so like follow us and like break
1:24:02
line um
1:24:04
then youtube and then um
1:24:07
yeah okay follow us on and
1:24:11
if you want we can like put a small
1:24:13
intro of ours as well like this is our
1:24:15
journey and
1:24:17
i don't know like yeah you're gonna make
1:24:19
it personal
1:24:22
yeah i think that's what the blogs are
1:24:25
about isn't it to make a person live so
1:24:28
people
1:24:29
can actually feel what you're feeling
1:24:32
100 and telling them yeah yeah
1:24:36
if you want to do it like properly like
1:24:37
we can have like okay we are all coders
1:24:39
uh we are a team of two people um
1:24:46
[Music]
1:24:55
yeah i just want to kind of put it out
1:24:56
there that we started doing this project
1:24:58
but it came to our mind that
1:25:00
it's good to share our knowledge and
1:25:01
like yeah it
1:25:03
didn't process anything to stream it so
1:25:05
exactly
1:25:07
and that was the perfect as in
1:25:10
um idea to actually start it because
1:25:15
i was doing this on my own
1:25:18
and then you you should remember when
1:25:22
i told you and she became really
1:25:25
interested in it
1:25:27
yeah and why not do it
1:25:31
together and i was like yeah
1:25:34
why not absolutely so
1:25:38
perfect all right ah okay so
1:25:42
these are all the icons which are good
1:25:45
for youtube but one i was wondering if
1:25:49
this can be in red
1:25:53
making it so making it so yes please
1:25:57
please make a dress
1:26:01
when i have seen
1:26:05
oh my god
1:26:09
um just to be clear we want to have a
1:26:12
oh wait actually yeah it might work
1:26:15
you're right so you can just get the
1:26:18
link of the icon
1:26:20
and you can just use icon tag
1:26:23
in a markdown that works
1:26:30
youtube
1:26:34
on this google youtube icon uh font
1:26:37
i don't know
1:26:44
that clearly doesn't work we can import
1:26:47
another font as well
1:26:50
youtube player fa youtube
1:26:54
there we go
1:27:00
here's on a button ah that's not bad so
1:27:04
which one do you want this one or the
1:27:07
other one
1:27:09
um
1:27:12
this is pretty cool the only issue is
1:27:14
that this is the old logo of youtube
1:27:16
yeah yeah true that's exactly what i was
1:27:19
thinking as well
1:27:22
i mean you can probably keep this side
1:27:24
but if it if we found
1:27:25
if we find nothing then we can come back
1:27:27
back to it but
1:27:29
yeah cool
1:27:37
to be honest
1:27:40
front end specializing in front end
1:27:45
i'm not i can't see myself doing that
1:27:49
but it's very hard because we are using
1:27:53
google
1:27:54
i feel like if it was just like html css
1:27:57
json
1:27:57
or javascript files whatever we need
1:28:01
yeah yeah through that
1:28:05
okay seems it would be
1:28:09
fab fade youtube
1:28:12
but this is a class we need
1:28:16
an icon in the markdown
1:28:24
what was that code of a chord
1:28:35
utf-8
1:28:38
youtube phones awesome utf
1:28:43
8 code
1:28:52
blogging you to play
1:28:56
[Music]
1:28:59
we'll just get some water content
1:29:02
yeah go for it
1:29:38
so that doesn't work
1:30:09
um youtube using a button
1:30:13
holds me you tobacco
1:30:22
unicode
1:30:27
that one
1:30:32
is that loss on their
1:30:36
icons that one
1:30:46
one
1:30:52
alrighty
1:30:58
all right looks like youtube icon
1:31:01
doesn't like us very much
1:31:06
you're using an and so that means you
1:31:09
have assigned a class to it
1:31:12
and yeah
1:31:16
you've been doing that way
1:31:19
yeah i'm gonna work do it without the
1:31:22
semicolon
1:31:28
oh nevermind completely yeah
1:31:33
yeah you're right
1:31:36
i'm going to put my mac in charge
1:31:39
just bear with me
1:31:43
and i'm gonna just get my water in the
1:31:46
meal
1:31:46
well if you want to continue you can
1:31:49
because you already have the access
1:31:52
i'll be right back
1:31:54
[Music]
1:31:57
alrighty let's go ahead and
1:32:01
share my screen
1:32:04
okay um search for a phone
1:32:09
youtube emoji for html
1:32:13
[Music]
1:32:15
my keyboard is dirty i probably need to
1:32:18
go ahead and
1:32:21
clean that
1:32:28
okay why do people do that
1:32:34
but this one pretty sure this will be a
1:32:37
hyperlink out in here
1:32:40
oh yeah there it is
1:32:57
all right
1:33:03
actually then while we are the topic of
1:33:07
these things
1:33:09
um i just realized one really important
1:33:12
thing
1:33:14
um you know how the posts
1:33:18
are there um i wanna share your screen
1:33:21
can you open the
1:33:23
thingy um
1:33:26
openly page open the stream yeah
1:33:29
like the blog
1:33:38
i also i can't hear you you're submitted
1:33:45
um if you go on first post
1:33:51
um you know how
1:33:55
go on youtube go open our channel on
1:33:58
youtube
1:34:00
it's working in yeah yeah yeah nice
1:34:04
that's pretty good is the hover effect
1:34:05
working
1:34:07
yeah nice um i just wanna
1:34:10
try one thing go on youtube open a new
1:34:13
tab
1:34:30
um
1:34:33
all right just uh open the episode 15
1:34:36
video
1:34:42
i can't see the episode
1:34:45
oh no not this one the one which is
1:34:47
named episode 15.
1:34:49
it's it's literally there then okay cool
1:34:52
um yeah yeah
1:34:57
click on it and do what okay just click
1:35:00
on it
1:35:02
and pause it positively now you don't
1:35:04
want that
1:35:06
yeah now if you go down uh try
1:35:10
clicking on the three dots besides save
1:35:16
freedom
1:35:19
okay that does not go and share
1:35:27
yeah embed uh click on embed the first
1:35:30
one
1:35:31
to the left
1:35:35
oh yeah click on copy on down copy
1:35:39
down no no no write down yeah
1:35:45
now we just want to make sure that this
1:35:49
embed is working with the markdown
1:35:52
code you know what i mean
1:35:57
um because every post yeah yeah we do
1:36:00
so we can go ahead and test if try
1:36:03
putting this code in the
1:36:05
first post.markdown file okay i'm gonna
1:36:10
a minute i forgot to do that
1:36:13
[Music]
1:36:22
no you can just paste it there you can
1:36:24
literally just paste it there
1:36:26
okay cool i didn't know that but this is
1:36:29
the first post this is our first
1:36:33
post just above really excited
1:36:38
yep is that all right that looks
1:36:41
promising open it now
1:36:54
i think there must be a different way
1:36:56
because you can't really
1:36:58
use this tags in markdown
1:37:02
no it's reading it so i'm pretty sure
1:37:04
it's doing something can you refresh it
1:37:06
i'll redeploy it because i've done it in
1:37:10
my blog
1:37:11
oh okay interesting i didn't know you
1:37:14
could do that
1:37:26
do the first post
1:37:32
nope interesting
1:37:35
um
1:37:39
we might want to google how to embed
1:37:41
html code in markdown
1:38:00
do
1:38:09
drop into a modern phone you should be
1:38:11
good to go
1:38:12
that's interesting is saying exactly
1:38:14
that i think it
1:38:16
might be the reason because it's taking
1:38:18
a bit a bit of time to
1:38:20
load up yeah
1:38:24
if you want and you can even
1:38:29
your preferred user instead of markdown
1:38:32
links or emits syntax
1:38:34
go right ahead
1:38:40
strong this um
1:38:49
markdown documentation syntax
1:38:52
and this would be it all right
1:38:56
go let's play
1:39:06
maybe it's taking time to load can you
1:39:08
check now
1:39:10
it must be the case
1:39:16
actually however if i put this one
1:39:21
allow full screen
1:39:26
what does it do now
1:39:29
okay giving that one but if i do this
1:39:40
doesn't like us
1:39:44
let's see how what we're doing i'm
1:39:46
trying to do here
1:39:48
i didn't get it um you know how we're
1:39:50
gonna
1:39:52
post every day which is gonna relate to
1:39:54
a particular youtube video
1:39:56
yeah so we we
1:39:59
we wanna embed that video which we are
1:40:01
talking about
1:40:02
at the top of the post okay but don't
1:40:06
you think we are
1:40:10
going off track now because that wasn't
1:40:12
the purpose the purpose
1:40:15
was to do the follow up on as well
1:40:21
no i did it all right sorry i thought
1:40:24
we already completed that right okay no
1:40:26
no no we
1:40:29
we were still looking for the um
1:40:34
uh
1:40:39
to come here yeah yeah
1:40:42
we can go back there as well in a bit
1:40:45
because i would really want to be stick
1:40:49
to one thing
1:40:50
and then once that's move on
1:40:53
yeah no yeah that's true i i i really
1:40:55
thought you finished that
1:40:57
okay i should have um
1:41:01
should have climbed
1:41:04
i should have made a bit more clearer
1:41:06
that's my fault then
1:41:07
no that's all good um yeah let's uh
1:41:12
by finding a youtube
1:41:16
icon on the smartcon
1:41:18
embed in markdown
1:41:27
how to pull icon over image
1:41:33
and that's not it don't need this one
1:41:42
um i'll just use this
1:41:45
for now and see how it comes up
1:41:49
i'll just use the video emoji for now or
1:41:53
yeah maybe this will work as well
1:41:56
will you try yeah
1:42:02
start using this icon
1:42:11
oh come on
1:42:16
copy
1:42:26
paste
1:42:37
no that doesn't work for some reason
1:42:40
it's even
1:42:40
refreshing yet
1:42:43
really i don't think it's refreshing
1:42:47
because that content is still there
1:42:51
that's true
1:43:02
this is interesting still coming up
1:43:06
ah ah i was doing in the wrong file
1:43:10
my fault all right okay that's fine
1:43:20
no it doesn't do it
1:43:24
it's probably
1:43:33
um embed content in mountains
1:43:36
css tricks
1:43:41
code pin
1:43:50
that compass head button no we don't
1:43:52
really want that
1:43:56
it's possible to insert html
1:43:59
code in markdown yes it must be because
1:44:03
everyone's doing apparently i just wanna
1:44:11
you're right yeah yeah i'm just trying
1:44:14
to sort something
1:44:16
okay trying to read
1:44:19
the um emoji thingy
1:44:32
okay
1:44:52
if you play youtube
1:45:14
mm-hmm
1:45:28
all right
1:45:35
let's just use the um
1:45:39
the video recorder emoji i guess
1:45:44
what do you say we probably in the
1:45:48
import the font as well if
1:45:50
what you're trying to do is
1:45:53
in the same line
1:46:02
wait can you hear me then
1:46:08
i can't hear you
1:46:15
yeah i really would like to
1:46:19
add that as in
1:46:22
follow us on here
1:46:26
yeah and then do
1:46:29
youtube icon and then a switch
1:46:33
icon here as well i'm sending it like
1:46:36
link try this
1:46:44
um so for this
1:46:48
um you want to make sure
1:46:52
that this css file
1:46:55
is being accessible to there
1:46:59
or what you can do is you can
1:47:02
put the source in the um
1:47:07
in the tag
1:47:10
itself
1:47:14
like we want to use the last one right
1:47:16
so can you zoom in a bit
1:47:22
yeah that's fine so you just want to um
1:47:27
so you you're saying they use
1:47:30
this but put this source in the i
1:47:36
as in over here
1:47:40
okay no no we can't do that
1:47:43
because that's not gonna happen
1:47:47
um you can just use the link and put
1:47:49
that in markdown that'll work
1:47:52
oh like oh yeah that's html right so
1:47:54
that'll work anyway
1:47:56
yeah oh yeah try that
1:48:00
but to be honest okay let's just see if
1:48:04
this
1:48:05
works i'm not confident on that one yeah
1:48:09
me too but i just changed
1:48:10
it that you can put uh html code in
1:48:12
markdown
1:48:14
okay cool let's try this if this one
1:48:18
works
1:48:20
i've no idea they will but
1:48:24
let's see apparently not is it still
1:48:28
loading
1:48:29
okay no
1:48:32
it doesn't do
1:48:36
want to see yeah is it even there
1:48:40
[Music]
1:48:41
yeah that's how i'm checking go on
1:48:48
you know what we would we should
1:48:50
probably do
1:48:57
i mean the console okay yeah that's fine
1:49:00
then
1:49:02
actually oh here we go okay thank you
1:49:08
so i think in this file we probably have
1:49:11
to insert the
1:49:14
thing wherever this has been called
1:49:19
you know what i mean yeah so we can just
1:49:22
import it to
1:49:26
where where is font awesome being
1:49:28
imported just imported there
1:49:33
is it even being imported um
1:49:36
so what you can do is then do control 0
1:49:40
ctrl z and just search
1:49:45
for link
1:49:48
the link tag link space real
1:49:54
in the whole thing and we can see where
1:49:58
these things are being linked send their
1:50:01
head to html okay that would make sense
1:50:11
so if we open this one so bill ah here
1:50:14
we go
1:50:16
so we can put that one there yeah
1:50:21
no we didn't copy all of it yeah
1:50:25
yes it didn't
1:50:29
i'm i'm not doing this
1:50:32
this is actually pretty interesting
1:50:34
though even if it's like just basic
1:50:36
um yeah yeah that's team
1:50:40
uh where was it you had no destiny
1:50:45
i had no html yeah but you're right i
1:50:48
won't be able to do it every day
1:50:54
okay and now if we check that should
1:50:57
work
1:50:59
if we remove this this youtube icon
1:51:02
should work if that's we want it to work
1:51:09
right can you put that somewhere else
1:51:13
and see if it works
1:51:15
[Music]
1:51:18
the thing is that how do we know
1:51:22
that industrial isn't it oh wait that's
1:51:25
in markdown right
1:51:26
yes small town we can just import
1:51:30
it as a normal image in markdown
1:51:35
you know what i mean no i don't know
1:51:38
what you mean
1:51:39
um if you go on google and search
1:51:43
using images in markdown it's really
1:51:46
simple
1:51:50
oh so you're saying
1:51:53
instead of using phone tools so we can
1:51:56
choose
1:51:56
just an image yeah you just download the
1:51:59
image and put it in the same folder or
1:52:01
the static folder
1:52:06
ah so in that in that way we can also
1:52:10
make the image image
1:52:14
clickable and then the users can
1:52:17
actually just
1:52:19
go there and do subscribe
1:52:22
yeah right right right right i see yeah
1:52:25
you could do that one
1:52:27
uh youtube
1:52:31
actually i wanna put svg image
1:52:34
yeah tell me but not the png
1:52:37
but uh will mark don't be able to um
1:52:40
show it
1:52:42
we'll find out yes
1:52:47
if it does if it doesn't
1:52:50
we can always go back to the png
1:52:53
yeah surely
1:53:01
okay this one should be
1:53:05
fine this one right
1:53:13
uh yeah this one for svg my lovelies
1:53:19
come to daddy
1:53:22
uh svg copy pn you know
1:53:28
uh okay that's only for premium users
1:53:32
so please
1:53:36
actually i want svg i'm not gonna
1:53:39
compromise
1:53:40
on this
1:53:44
someone's watching and want to sponsor
1:53:45
us we don't mind
1:53:57
[Music]
1:54:01
uh youtube
1:54:05
svg image free
1:54:12
hit you free uh-huh there you go
1:54:17
svg free images
1:54:20
nice seriously no we don't want this for
1:54:23
you
1:54:25
um just put the club after that there
1:54:27
are a lot of repositories
1:54:29
which what happens just put
1:54:32
on google um go back yeah
1:54:35
put github after that uh remove free and
1:54:38
put github
1:54:43
a lot of people use it in their
1:54:45
repositories so okay
1:54:48
youtube svg github ah
1:54:59
okay so this is all all the thing
1:55:02
loadout
1:55:03
wow oh there we go youtube underscore
1:55:06
red
1:55:09
but does that mean that we have to
1:55:11
include all of this to make one icon
1:55:14
work
1:55:16
it'll be too much can we just
1:55:19
yeah yeah i'll just copy it
1:55:24
no right we should get rid of this hair
1:55:28
is it svg height
1:55:32
and that let me just
1:55:36
check how if this actually works in this
1:55:42
[Music]
1:55:44
or not
1:55:47
let's see
1:55:50
i don't think so yeah me neither i'm
1:55:53
just
1:55:54
taking a bit of a gamble there yeah
1:55:57
that's good
1:55:58
but it's not like basic iframe codes i
1:56:01
don't expect it to compile
1:56:04
true true okay um i need to
1:56:08
i need to google how to embed svg
1:56:18
svg in
1:56:21
markdown
1:56:27
by any chance do you um
1:56:31
what do you call nothing usbc to hdmi
1:56:34
converter
1:56:34
[Music]
1:56:37
i think i might do okay it might come
1:56:40
handy tomorrow
1:56:43
what are we doing tomorrow
1:56:46
[Music]
1:56:49
we don't need that on the stream all
1:56:52
right
1:56:54
cool um the person wrote it is
1:56:57
okay i'm not interested in that ah here
1:57:00
you go
1:57:02
so we need to save that as a separate
1:57:06
file and then import as an
1:57:10
image oh nice
1:57:14
place yeah so let's do
1:57:17
this linking to raw
1:57:20
will imported the markdown way
1:57:28
so how do we do the that one
1:57:31
so we do this and then we want to
1:57:34
save it
1:57:44
sorry about them my ear was itching
1:57:49
okay i'll text
1:57:55
don't want any text there so this would
1:57:59
be
1:57:59
basically um i need to
1:58:02
give it a location
1:58:06
so it would be in it would
1:58:09
go to parent
1:58:12
now it's already in this one
1:58:16
it will go into content and
1:58:20
then current folder
1:58:25
and then it will go to static
1:58:30
they're just doing static
1:58:33
youtube svg
1:58:41
do that and then it's in
1:58:44
content so i need to go
1:58:48
from content so to parent
1:58:54
and then come back to static
1:59:00
and then youtube svg
1:59:06
there you go
1:59:09
let's see what that gives us
1:59:13
oh it doesn't work
1:59:25
um right
1:59:30
am i even giving it a right
1:59:35
let's go png
1:59:38
i really don't want to give up on this
1:59:41
honestly okay
1:59:42
fair enough that that's uh that's
1:59:45
probably what an industry
1:59:46
person would have done so yeah yeah
1:59:48
we're not in
1:59:51
it's not like someone's putting pressure
1:59:52
on us or something
1:59:54
as in the whole purpose i think
1:59:57
of this streaming is to
2:00:00
practice the in in as in the real world
2:00:03
programming isn't it yeah
2:00:07
you didn't get the joke though i
2:00:10
probably haven't no no
2:00:14
what did you mean no i look really
2:00:17
offline
2:00:18
okay cool all right i think we will
2:00:21
leave it at that okay i'm really a bit
2:00:33
yeah a bit tired i think i need a bit of
2:00:37
sleep as well so yeah
2:00:41
and it's monday tomorrow especially yeah
2:00:44
yeah
2:00:45
true right guys and thanks a lot for
2:00:48
joining really appreciate you all guys
2:00:51
supporting us
2:00:52
and um it's been a fantastic
2:00:57
journey until now with 15 plus
2:01:00
episodes so thanks shout out
2:01:03
to you guys um we will we
2:01:06
will be after a few or a few more
2:01:09
durations of this blog
2:01:10
we will we will be making it we will be
2:01:14
making it live
2:01:15
so stay tuned
2:01:18
for that and thanks thanks karthik for
2:01:24
um
2:01:24
[Music]
2:01:27
burying me uh i know that i can be
2:01:30
a bit of a pain sometimes but yes
2:01:35
i mean that's like that that's
2:01:38
and we have all we have got our way
2:01:40
through when you were yeah
2:01:42
right a lot of times so i think that's a
2:01:45
good thing for us
2:01:46
yeah perfect yeah that's always a
2:01:50
always uh
2:01:54
always fun streaming with you but
2:01:57
yeah guys we're back
2:02:00
we'll be back tomorrow same time same
2:02:03
place
2:02:04
and different tasks different tasks
2:02:09
yeah so stay tuned for that
2:02:13
where you are in the world
2:02:17
good morning off to noon and evening but
2:02:20
in terms of australia melbourne have a
2:02:23
good night and
2:02:24
have a relaxing sleep uh
2:02:28
over to your karthik yeah um
2:02:32
yeah you pretty much covered it thanks
2:02:33
in um cool goodnight guys um
2:02:37
just look forward to the blog and
2:02:40
look forward for the special guests
2:02:43
coming this week
2:02:44
and we'll soon reveal on our linkedin
2:02:47
who that will be
2:02:49
yes so make sure you follow us
2:02:52
on linkedin as well yeah um
2:02:57
yeah so we can take it from there
2:03:02
all right cool see you guys tomorrow all
2:03:04
right guys
2:03:06
have a good night cheers bye good night