This repository has been archived by the owner on Mar 2, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhome.php
145 lines (128 loc) · 7.14 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
<?php get_header(); ?>
<?php $hero = get_field( 'home_featured', 'options' ); ?>
<div class="home hero">
<div class="grid-container home-topic">
<div class="grid-y grid-margin-y align-justify home-hero-text">
<div class="cell auto text-center">
<h1><?= $hero['title']; ?></h1>
<?= $hero['text']; ?>
<a href="<?= $hero['url']; ?>" class="button violet">Learn More</a>
</div>
<div class="cell shrink align-self-middle">
<p class="home-bottom"><?= $hero['bottom_text']; ?></p>
</div>
</div>
</div>
<div class="background" style="background-image: <?= "url('" . $hero['image']['sizes']['large'] . "');"; ?>"></div>
</div>
<div>
<div class="expanded row">
<div class="small-12 medium-6 column background-green">
<div class="row align-right">
<div class="column large-8 box-colored">
<h2>What is Year of Open</h2>
<p>The Year of Open is a global focus on open processes, systems, and tools, created through
collaborative approaches, that enhance our education, businesses, governments, and
organizations.<br/><br/>
</p>
<div class="row align-spaced text-center">
<div class="column">
<a href="/what-is-the-year-of-open/" class="button orange">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<div class="small-12 medium-6 column background-blue">
<div class="row align-left">
<div class="column large-8 box-colored">
<h2>Get Involved</h2>
<p>We want to hear from you during the Year of Open. What information, tools, project and resources
have you created? Is there something you’ve accomplished that you’d like to share? With your
contribution and involvement, we can elevate the Year of Open.
</p>
<div class="row align-spaced text-center">
<div class="column">
<a href="/get-involved/" class="button green">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="home-lastyear">
<div class="grid-container">
<div class="grid-x grid-margin-x align-center">
<div class="cell small-12 medium-6 text-center">
<h2>2017 Entries</h2>
<p>Each monthly topic, discussions, webinars, and resources have been archived! Feel free to Retain,
Reuse, Revise, Remix and Redistribute!</p>
</div>
</div>
</div>
<div class="home-lastyear-boxes grid-x align-center">
<a href="/what-is-open-education/" class="background-color-1 cell small-3 medium-2 large-auto">Open Education</a>
<a href="/february-open-perspective-what-is-open-source-software/" class="background-color-2 cell small-3 medium-2 large-auto">Open Source Software</a>
<a href="/march-open-perspective-open-access/" class="background-color-3 cell small-3 medium-2 large-auto">Open Access</a>
<a href="/april-open-perspective-what-is-open-pedagogy/" class="background-color-4 cell small-3 medium-2 large-auto">Open Pedagogy</a>
<a href="/may-open-perspective-what-is-open-science/" class="background-color-5 cell small-3 medium-2 large-auto">Open Science</a>
<a href="/june-open-perspective-what-is-open-policy/" class="background-color-6 cell small-3 medium-2 large-auto">Open Policy</a>
<a href="/july-open-perspective-what-is-oer/" class="background-color-7 cell small-3 medium-2 large-auto">OER</a>
<a href="/august-open-perspective-what-are-open-education-degrees/" class="background-color-8 cell small-3 medium-2 large-auto">Open Education Degree</a>
<a href="/september-open-perspective-what-is-open-culture/" class="background-color-9 cell small-3 medium-2 large-auto">Open Culture</a>
<a href="/october-open-perspective-what-is-open-research/" class="background-color-10 cell small-3 medium-2 large-auto">Open Research</a>
<a href="/november-open-perspective-what-is-open-web/" class="background-color-11 cell small-3 medium-2 large-auto">Open Web</a>
<!-- <a href="#" class="background-color-12 cell small-3 medium-2 large-1">Open Web</a>-->
</div>
</div>
<?php /*
<div class="background-gradient-greenLight home-video-content">
<div class="row align-center">
<div class="column medium-7">
<div class="video-wrapper">
<iframe src="https://www.youtube.com/embed/dXXaHBV5Hhg" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div class="background-gradient-blueDark home-cards">
<div class="row align-spaced">
<?php while ( have_rows('home_stories', 'options') ) : the_row(); ?>
<div class="column small-12 medium-3 large-2">
<div class="home-card" style="background-image: <?php echo "url('" . get_sub_field('image')['sizes']['card'] . "');"; ?>">
<a href="<?php the_permalink(get_sub_field('link')->ID); ?>"><?php the_sub_field('title'); ?></a>
</div>
</div>
<?php endwhile ;?>
</div>
</div>
*/ ?>
<div class="background-violet color-white home-social">
<div class="row align-justify">
<div class="small-12 medium-6 column">
<h2>Follow the trending topic</h2>
<p>Use #yearofopen and join the discussion</p>
</div>
<div class="small-12 medium-4 column text-right">
<a class="home-social-icon" href="https://www.facebook.com/yearofopen/"><img
src="<?php echo get_template_directory_uri(); ?>/images/facebook-follow.svg"/></a>
<a class="home-social-icon" href="https://twitter.com/oeconsortium"><img
src="<?php echo get_template_directory_uri(); ?>/images/twitter-follow.svg"/></a>
</div>
<!-- <div class="small-12 medium-10 column"> -->
<?php foreach ( get_tweets() as $tweet ) : ?>
<div class="small-12 medium-3 column">
<?php echo do_shortcode( "[tweet id='$tweet']" ); ?>
</div>
<?php endforeach; ?>
<!-- </div> -->
</div>
</div>
<div class="grid-container">
<div class="cell expanded home-social-partners">
<h2>Partners</h2>
<?php get_template_part( 'partials/home-slider' ); ?>
</div>
</div>
</div>
<?php get_footer(); ?>