Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
WEBVTT
00:00.990 --> 00:06.900
Let's create a really simple counter out using the Options API and then convert it into the composition
00:06.900 --> 00:07.380
API.
00:07.680 --> 00:12.240
This will help us quickly see the differences between the two approaches and we'll do this on our home
00:12.240 --> 00:12.590
view.
00:12.660 --> 00:17.110
So I'm going to jump to source views on home view dot view.
00:17.150 --> 00:18.600
I'm just going to get rid of this heading.
00:18.900 --> 00:22.800
We're just going to have a dev with a button and a counter.
00:23.130 --> 00:23.820
So.
00:24.860 --> 00:32.030
I'll add a button element with a class of beat and with the text minus that I'll duplicate that.
00:33.430 --> 00:34.960
Change the text to plus.
00:35.110 --> 00:39.430
And then in the middle a lot of spun with a class of counter.
00:40.030 --> 00:43.030
For now, I'll just put zero in there and save that.
00:43.330 --> 00:45.710
Let's just add some styles to put this in the center.
00:45.730 --> 00:46.930
Make it look a bit more pretty.
00:48.010 --> 00:53.110
So Assad a style block and we'll target this home dev.
00:53.560 --> 00:55.900
I just sensor everything so home.
00:57.620 --> 01:05.510
Text, a line sent to save up a little bit padding so our counter isn't stuck right up against the knife.
01:06.260 --> 01:10.640
So set the padding to 20 pixels and save that.
01:11.860 --> 01:16.720
Let's just increase the size of these buttons and the counter and make a little bit of space between
01:16.720 --> 01:17.140
everything.
01:17.230 --> 01:26.590
So I'm going to target the button class on the counter class and set the font size to 40 pixels.
01:26.620 --> 01:30.280
Save that and I'll set the margin to ten pixels.
01:30.400 --> 01:31.000
Save that.
01:31.570 --> 01:33.010
Okay, that's looking pretty decent.1932
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.