-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
174 lines (168 loc) · 8.41 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<html lang="en" >
<head>
<title color="#fff">YouMedia</title>
<browsertab color="#D32F2F"></browsertab>
<meta name="pehtml" content="true">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
<!-- Angular Material style sheet -->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<style>
body{background:#D32F2F;color:#fff;font-family: 'Roboto', sans-serif; height: initial!important;}
.startheading{font-size:50px}
</style>
</head>
<body ng-app="BlankApp" ng-cloak>
<center>
<h1 class="startheading">YouMedia</h1>
<h2>Decentralized and powerfull media platform.</h2>
<h4>Be more famous. Reach the world. Get dubbed. Get awarded. Don't miss subscribers. Make your videos more powerfull. More than videos in one site. And more. It's YouMedia!</h4>
<p>Read more bellow</p>
</center>
<md-card md-theme="{{ showDarkTheme ? 'dark-grey' : 'default' }}" md-theme-watch>
<md-card-title>
<md-card-title-text>
<span class="md-headline">We send you all notifications!</span>
<span class="md-subhead">You can subscribe in a lot of channels, and you will receive all notifications. No problem. You can mute the channels from where you don't want notifications. It is good for mediactors, and for watchers.</span>
</md-card-title-text>
<md-card-title-media>
<div class="md-media-lg card-media"><img width="152px" src="img/showcase/notifications.png"></div>
</md-card-title-media>
</md-card-title>
<md-card-actions layout="row" layout-align="end center">
<md-button>Action 1</md-button>
<md-button>Action 2</md-button>
</md-card-actions>
</md-card>
<md-card md-theme="{{ showDarkTheme ? 'dark-grey' : 'default' }}" md-theme-watch>
<md-card-title>
<md-card-title-media>
<div class="md-media-lg card-media"><img width="152px" src="img/showcase/bugs.png"></div>
</md-card-title-media>
<md-card-title-text>
<span class="md-headline">Bugs? We together can solve it!</span>
<span class="md-subhead">YouMedia is owned by the community, so bugs are fixed kickly.</span>
</md-card-title-text>
</md-card-title>
<md-card-actions layout="row" layout-align="end center">
<md-button>Action 1</md-button>
<md-button>Action 2</md-button>
</md-card-actions>
</md-card>
<md-card md-theme="{{ showDarkTheme ? 'dark-grey' : 'default' }}" md-theme-watch>
<md-card-title>
<md-card-title-text>
<span class="md-headline">We can't handpick who have success here!</span>
<span class="md-subhead">YouMedia is decentralized and open-source, so we don't get paid from governs to make the things they want.</span>
</md-card-title-text>
<md-card-title-media>
<div class="md-media-lg card-media"></div>
</md-card-title-media>
</md-card-title>
<md-card-actions layout="row" layout-align="end center">
<md-button>Action 1</md-button>
<md-button>Action 2</md-button>
</md-card-actions>
</md-card>
<md-card md-theme="{{ showDarkTheme ? 'dark-grey' : 'default' }}" md-theme-watch>
<md-card-title>
<md-card-title-media>
<div class="md-media-lg card-media"></div>
</md-card-title-media>
<md-card-title-text>
<span class="md-headline">Your ads are also here.</span>
<span class="md-subhead">Great enterprises pays to show ads, and you plus the strongest seeds get paid. Everyone then wins.</span>
</md-card-title-text>
</md-card-title>
<md-card-actions layout="row" layout-align="end center">
<md-button>Action 1</md-button>
<md-button>Action 2</md-button>
</md-card-actions>
</md-card>
<md-card md-theme="{{ showDarkTheme ? 'dark-grey' : 'default' }}" md-theme-watch>
<md-card-title>
<md-card-title-text>
<span class="md-headline">Reach more people! Get more fame.</span>
<span class="md-subhead">Don't anymore miss subscribers if you want to have a lot of topics. You can create subchannels, and in each subchannel a user subscribes, your main channel is updated with the count!</span>
</md-card-title-text>
<md-card-title-media>
<div class="md-media-lg card-media"></div>
</md-card-title-media>
</md-card-title>
<md-card-actions layout="row" layout-align="end center">
<md-button>Action 1</md-button>
<md-button>Action 2</md-button>
</md-card-actions>
</md-card>
<md-card md-theme="{{ showDarkTheme ? 'dark-grey' : 'default' }}" md-theme-watch>
<md-card-title>
<md-card-title-media>
<div class="md-media-lg card-media"><img width="152px" src="img/showcase/badges.png"></div>
</md-card-title-media>
<md-card-title-text>
<span class="md-headline">Be competitive. Get rechognized.</span>
<span class="md-subhead">Even if you have just 1 subscriber, earn Open Badges for each achievement.</span>
</md-card-title-text>
</md-card-title>
<md-card-actions layout="row" layout-align="end center">
<md-button>Action 1</md-button>
<md-button>Action 2</md-button>
</md-card-actions>
</md-card>
<md-card md-theme="{{ showDarkTheme ? 'dark-grey' : 'default' }}" md-theme-watch>
<md-card-title>
<md-card-title-text>
<span class="md-headline">Get featured in the first page!</span>
<span class="md-subhead">If you is a beginner and community thinks your video is good, you get featured. If you is already famous and your video/other media have success, you get featured in another tab. Two tabs in the Trending tab: Beginners and Famous.</span>
</md-card-title-text>
<md-card-title-media>
<div class="md-media-lg card-media"></div>
</md-card-title-media>
</md-card-title>
<md-card-actions layout="row" layout-align="end center">
<md-button>Action 1</md-button>
<md-button>Action 2</md-button>
</md-card-actions>
</md-card>
<md-card md-theme="{{ showDarkTheme ? 'dark-grey' : 'default' }}" md-theme-watch>
<md-card-title>
<md-card-title-media>
<div class="md-media-lg card-media"></div>
</md-card-title-media>
<md-card-title-text>
<span class="md-headline">Help your idols, get paid.</span>
<span class="md-subhead">Earn money from ads by seeding videos/other media you like to.</span>
</md-card-title-text>
</md-card-title>
<md-card-actions layout="row" layout-align="end center">
<md-button>Action 1</md-button>
<md-button>Action 2</md-button>
</md-card-actions>
</md-card>
<center>
<h1>Did you liked all the possibilities?</h1>
<md-button class="md-raised">Help us help you</md-button> <md-button class="md-raised">Live test (not yet available)</md-button> <md-button class="md-raised">Previews</md-button> <md-button class="md-raised">Resources</md-button>
</center>
<!-- Angular Material requires Angular.js Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>
<!-- Angular Material Library -->
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>
<!-- Your application bootstrap -->
<script type="text/javascript">
/**
* You must include the dependency on 'ngMaterial'
*/
angular.module('BlankApp', ['ngMaterial']);
</script>
</body>
</html>
<!--
YouMedia is made by Plasmmer. Material Design credits are bellow.
-->
<!--
Copyright 2016 Google Inc. All Rights Reserved.
Use of this source code is governed by an MIT-style license that can be in foundin the LICENSE file at https://material.angularjs.org/license.
-->