/
home.php
executable file
·160 lines (139 loc) · 4.09 KB
/
home.php
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
<?php
/**
* The main template file
*
* This is the most generic template file in a WordPress theme and one of the
* two required files for a theme (the other being style.css).
* It is used to display a page when nothing more specific matches a query.
* For example, it puts together the home page when no home.php file exists.
*
* @link http://codex.wordpress.org/Template_Hierarchy
*
* @package York Lite
* @author Rich Tabor of ThemeBeans <hello@themebeans.com>
* @license http://www.gnu.org/licenses/gpl-3.0.html GNU Public License
*/
get_header();
echo "
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700');
#name{
margin-top:0;
padding-top: 0.1em;
padding-bottom: 0.1em;
padding-left: 0.2em;
color:#fff;
line-height: 1.8em;
font-family: 'Open Sans';
letter-spacing: .5em;
font-size:5vw;
text-align: center;
}
#name span{
padding-left:0.2em;
background-color: rgba(255,238,88, 0.8);
}
#label{
font-family: 'Open Sans';
letter-spacing: 0.5em;
font-size: 1em;
text-align:center;
}
.center-header {
margin-left:-355px;
animation: slidein 7s;
margin: 0 auto;
top: 40%;
position: absolute;
display: block;
overflow:hidden;
white-space:nowrap;
}
.centered{
position: relative;
margin-top: 10vh;
text-align:center;
background-image: url('https://roberthosking.com/wp-content/uploads/2018/07/image.png');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40%;
background-clip: padding-box;
}
#callout{
border-style: solid;
border-width: 5px;
position:absolute;
top: 100%;
right: ;
}
h1{
text-align:center;
margin-top:4em;
}
#hide{
opacity:0;
}
@media only screen and (min-width: 960px) {
#page{
background:url('https://roberthosking.com/wp-content/uploads/2018/06/s0957757_sc7.png') no-repeat left bottom, url('https://roberthosking.com/wp-content/uploads/2018/06/sdfasdfads.png') no-repeat right bottom;
}
}
@keyframes slidein {
0% { margin-left:-800px; }
20% { margin-left:-800px; }
35% { margin-left:0px; }
100% { margin-left:0px; }
}
/*
<div id='callout'><h1>Designer</h1></div>
*/
#social img{
margin:.5em;
}
</style>
<div class='centered'>
<img src='https://roberthosking.com/wp-content/uploads/2018/07/image.png' width='60%' id='hide'>
<div class='center-header'>
<h1 id='name'><span>ROBERT HOSKING</span></h1>
</div>
</div>
<div class='entry-content'>
<div id='social' style='text-align:center;'>
<a target='_blank' href='https://www.github.com/roberthosking'>
<img src='https://roberthosking.com/wp-content/uploads/2018/06/GitHub-Mark-64px.png' />
</a>
<a target='_blank' href='https://www.instagram.com/robert_hosking'>
<img src='https://roberthosking.com/wp-content/uploads/2018/06/instagram-icon-white-on-black-circle.png' />
</a>
<a target='_blank' href='https://www.linkedin.com/in/robhossboss'>
<img src='https://roberthosking.com/wp-content/uploads/2018/06/linkedin_circle_black-512.png'/>
</a>
</div>
<blockquote><p style='text-align:center'>Welcome. Have a look around. I don't mind.</p></blockquote>
<h1>I do web design.</h1>
<img src='https://roberthosking.com/wp-content/uploads/2018/06/macbook_pro_15.jpg' width='100%'>
<br>
<br>
<br>
<p style='text-align: center;'>
";
echo do_shortcode("[maxbutton id='1' text='Explore More' url='https://roberthosking.com/projects']");
echo "
</p>
<h1>I take photos.</h1>
<img src='https://roberthosking.com/wp-content/uploads/2018/06/polaroid-photos.jpg' width='100%'>
<br>
<br>
<br>
<p style='text-align: center;'>
";
echo do_shortcode("[maxbutton id='1' text='Explore More' url='https://roberthosking.com/photography']");
echo "
</p>
<h1>I blog.</h1>
";
echo do_shortcode("[wp_show_posts id='721']");
echo "<br><br><br> <p style='text-align:center'>";
echo do_shortcode("[maxbutton id='1' text='Explore More' url='https://roberthosking.com/blog']");
echo "</p></div>"; //entry-content
get_footer();