Skip to content

Commit 6643bd2

Browse files
Sanix-DarkerSanix-Darker
committed
Finishing styling and addin animations at the launching + update the README
1 parent 113f0c1 commit 6643bd2

File tree

5 files changed

+132
-121
lines changed

5 files changed

+132
-121
lines changed

‎README.md‎

Lines changed: 14 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,26 @@
1+
<img src="assets/img/logo.jpg">
2+
13
# <>PyToMe
24

35
## Introduction
4-
We know how it's sometimes realy complicated for a developper in Cameroon to get hire by a companie for a full time job, or just get Hire for a single project, i created this project to resolve that problem (For Python developper....), it's a really simple app, fetching and notify suscribers, PyToMe fetch jobs around multiple websites(Only PYTHON's one) and notify every developper that subscribe to it.
6+
We know how it's sometimes realy complicated for a developper in Cameroon to get hire by a companie for a full time job, or just get Hire for a single project, i created this project to resolve that problem (For Python developper....), it's a really simple app, fetching and notify suscribers, PyToMe fetch jobs around multiple websites(Only PYTHON's one) and notify every developper that subscribe to it.
57

68
## How it's works
7-
9+
PyToMe have a list of website where it wil fetch data(jobs/projects) and will notify developper with a frequency that will be configure.
810

911
## How to use it
10-
12+
- First Suscribe to [PyToMe](https://github.com/pytome)
13+
- Enjoy ;-)
1114

1215
## TODO
13-
- The Python Job(Collecting jobs all over website every day)
14-
- The Python Mailing system to notify all developpers subscribed on this app
15-
- The Web pae presentation of PyToMe
16-
- The Python Config (For personnalize notifications)
17-
- The Type (Remote Jobs, full time, etc...).
18-
- The country / city.
19-
- The number of notifications.
20-
- The delay from notifications.
16+
- [-] The Python Job(Collecting jobs all over website every day.)
17+
- [-] The Python Mailing system to notify all developpers subscribed on this app
18+
- [-] The Web pae presentation of PyToMe
19+
- [-] The Python Config (For personnalize notifications)
20+
- [-] The Type (Remote Jobs, full time, etc...).
21+
- [-] The country / city.
22+
- [-] The number of notifications.
23+
- [-] The delay from notifications.
2124

2225
## Author
2326
[Sanix-darker](https://github.com/sanix-darker)

‎assets/css/style.css‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
2+
3+
.wrapper {
4+
background-color: #1e46c2;
5+
height: 120vh;
6+
}
7+
8+
.panel {
9+
margin-top: 50px;
10+
min-height: 400px;
11+
background-color: #416efe;
12+
margin-left: 30px;
13+
margin-right: 30px;
14+
padding: 40px 0 0 0;
15+
position: relative;
16+
border-radius: 5px;
17+
}
18+
19+
.panel h1 {
20+
text-align: center;
21+
text-transform: uppercase;
22+
color: white;
23+
font-family: 'PT Sans', sans-serif;
24+
letter-spacing: 3px;
25+
font-size: 40px;
26+
}
27+
28+
.panel p {
29+
text-align: center;
30+
color: white;
31+
font-size: 18px;
32+
font-family: 'PT Sans', sans-serif;
33+
}
34+
35+
.panel input {
36+
width: 100%;
37+
bottom: 30px;
38+
line-height: 70px;
39+
background-color: #3a62e6;
40+
border: none;
41+
position: absolute;
42+
bottom: 0px;
43+
padding: 5px 50px 5px 50px;
44+
font-size: 22px;
45+
outline: none;
46+
color: white;
47+
text-align: center;
48+
opacity: 0.5;
49+
border-radius: 0 0 0 5px;
50+
}
51+
52+
.icon-wrapper {
53+
text-align: center;
54+
margin-top: 20px;
55+
width: 130px;
56+
background-color: #3c64e8;
57+
border-radius: 50%;
58+
height: 130px;
59+
margin: 0 auto;
60+
}
61+
62+
.mail {
63+
width: 80px;
64+
height: 80px;
65+
margin-top: 20px;
66+
}
67+
68+
::placeholder {
69+
color: white;
70+
opacity: 0.5;
71+
font-size: 22px;
72+
text-align: center;
73+
text-transform: uppercase;
74+
}
75+
76+
:-ms-input-placeholder {
77+
color: white;
78+
}
79+
80+
::-ms-input-placeholder {
81+
color: white;
82+
}
83+
84+
.InputAddOn {
85+
display: flex;
86+
width: 100px;
87+
}
88+
89+
.InputAddOn-field {
90+
flex: 1;
91+
/* field styles */
92+
93+
width: 100px;
94+
}
95+
96+
.InputAddOn-item {
97+
/* item styles */
98+
position: absolute;
99+
bottom: -1px;
100+
right: -1px;
101+
width: 90px;
102+
height: 80px;
103+
background-color: #3658c9;
104+
border: none;
105+
outline: none;
106+
border-radius: 0px 0px 5px 0;
107+
}

‎assets/img/logo.jpg‎

36.2 KB
Loading

img/paper-plane.png renamed to assets/img/paper-plane.png

File renamed without changes.

‎index.html‎

Lines changed: 11 additions & 110 deletions
Original file line numberDiff line numberDiff line change
@@ -2,115 +2,12 @@
22
<html>
33
<head>
44
<title>PyToMe</title>
5-
<style>
6-
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
75

8-
.wrapper {
9-
background-color: #1e46c2;
10-
height: 120vh;
11-
}
12-
13-
.panel {
14-
margin-top: 50px;
15-
min-height: 400px;
16-
background-color: #416efe;
17-
margin-left: 30px;
18-
margin-right: 30px;
19-
padding: 40px 0 0 0;
20-
position: relative;
21-
border-radius: 5px;
22-
}
23-
24-
.panel h1 {
25-
text-align: center;
26-
text-transform: uppercase;
27-
color: white;
28-
font-family: 'PT Sans', sans-serif;
29-
letter-spacing: 3px;
30-
font-size: 40px;
31-
}
32-
33-
.panel p {
34-
text-align: center;
35-
color: white;
36-
font-size: 18px;
37-
font-family: 'PT Sans', sans-serif;
38-
}
39-
40-
.panel input {
41-
width: 100%;
42-
bottom: 30px;
43-
line-height: 70px;
44-
background-color: #3a62e6;
45-
border: none;
46-
position: absolute;
47-
bottom: 0px;
48-
padding: 5px 50px 5px 50px;
49-
font-size: 22px;
50-
outline: none;
51-
color: white;
52-
text-align: center;
53-
opacity: 0.5;
54-
border-radius: 0 0 0 5px;
55-
}
56-
57-
.icon-wrapper {
58-
text-align: center;
59-
margin-top: 20px;
60-
width: 130px;
61-
background-color: #3c64e8;
62-
border-radius: 50%;
63-
height: 130px;
64-
margin: 0 auto;
65-
}
66-
67-
.mail {
68-
width: 80px;
69-
height: 80px;
70-
margin-top: 20px;
71-
}
72-
73-
::placeholder {
74-
color: white;
75-
opacity: 0.5;
76-
font-size: 22px;
77-
text-align: center;
78-
text-transform: uppercase;
79-
}
80-
81-
:-ms-input-placeholder {
82-
color: white;
83-
}
84-
85-
::-ms-input-placeholder {
86-
color: white;
87-
}
88-
89-
.InputAddOn {
90-
display: flex;
91-
width: 100px;
92-
}
93-
94-
.InputAddOn-field {
95-
flex: 1;
96-
/* field styles */
97-
98-
width: 100px;
99-
}
100-
101-
.InputAddOn-item {
102-
/* item styles */
103-
position: absolute;
104-
bottom: -1px;
105-
right: -1px;
106-
width: 90px;
107-
height: 80px;
108-
background-color: #3658c9;
109-
border: none;
110-
outline: none;
111-
border-radius: 0px 0px 5px 0;
112-
}
113-
</style>
6+
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
7+
<link rel='stylesheet' href='http://cdn.muicss.com/mui-0.9.39/css/mui.min.css'>
8+
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'>
9+
<link rel="stylesheet" href="css/style.css">
10+
11411
</head>
11512
<body>
11613

@@ -123,15 +20,19 @@
12320
<img class="mail" src="https://s15.postimg.cc/aqplevuwb/letter.png"/>
12421
</div>
12522
<h1>PytoMe</h1>
126-
<p>Sign up to be notify on all python jobs (Remote or full time one)!</p>
23+
<p>Sign up to be notify on all python jobs arounf the world.<br>
24+
(For remote job or full time one)!</p>
12725
<div class="InputAddOn">
12826
<input type="email" placeholder="Enter your Email"/>
129-
<button class="InputAddOn-item"><img src="img/paper-plane.png"/></button>
27+
<button class="InputAddOn-item"><img src="assets/img/paper-plane.png"/></button>
13028
</div>
13129
</div>
13230
</div>
13331
</div>
13432
</div>
13533

34+
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
35+
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
36+
<script src='https://cdnjs.cloudflare.com/ajax/libs/muicss/0.9.39/js/mui.min.js'></script>
13637
</body>
13738
</html>

0 commit comments

Comments
 (0)