Skip to content

Commit

Permalink
Merge pull request #16 from landonp1203/master
Browse files Browse the repository at this point in the history 
references issue #1 by restyling the index page
  • Loading branch information
@Tor020
Tor020 authored Oct 9, 2017
2 parents c205b3d + 21093fa commit 301f653
Show file tree
Hide file tree
Showing 2 changed files with 89 additions and 24 deletions.
109 changes: 87 additions & 22 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,37 +9,102 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">

<style>
h1 {
text-align: center;
}
@import url('https://fonts.googleapis.com/css?family=Roboto');

section {
text-align: center;
margin: auto 0;
html,
body {
height: 100%;
width: 100%;
margin: 0;
background: #FDD761;
}
</style>
</head>

<body>
* {
font-family: Roboto, sans-serif;
}

<h1>Directory</h1>
<section>
#pages-area {
display: flex;
justify-content: center;
flex-wrap: wrap;
}

<a href="subDirectory/TEMPLATE.html">Template Page</a> <br>
<a href="subDirectory/torPage.html">Tor</a> <br>
<a href="subDirectory/SirDrapplePage.html">SirDrapple / LucasProgrammierStube</a> </br>
<a href="subDirectory/ricoPage.html">Rico</a> <br>
<a href="subDirectory/gand988Page.html">Gand988</a> <br>
<a href="subDirectory/allanPage.html">nomadAllan / AllanOcelot </a> <br>
<a href="subDirectory/ljp1203Page.html">ljp1203</a> <br>
<a href="subDirectory/wtsamplerPage.html">WTSampler</a> <br>
<a href="subDirectory/amoutonbrady.html">Amoutonbrady</a> <br>
.page-box {
width: 15%;
min-height: 100px;
max-height: 200px;
background: white;
color: steelblue;
border-radius: 5px;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin: 10px;
text-decoration: none;
font-weight: bold;
box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.15);
transition: all .2s ease-in-out;
text-align: center;
}

.page-box>h4 {
font-size: 1.2rem;
word-break: break-all;
white-space: normal;
padding: 5px;
}

</section>
.page-box:hover {
color: black;
transform: scale(1.2);
box-shadow: none;
}

h1 {
color: steelblue;
text-align: center;
}

@media only screen and (max-width: 414px) {
.page-box {
width: 40%;
}
}
</style>
</head>

<body>
<h1>Directory</h1>
<main id="pages-area">
<a class="page-box" href="subDirectory/TEMPLATE.html">
<h4>Template Page</h4>
</a>
<a class="page-box" href="subDirectory/torPage.html">
<h4>Tor</h4>
</a>
<a class="page-box" href="subDirectory/SirDrapplePage.html">
<h4>SirDrapple / LucasProgrammierStube</h4>
</a>
<a class="page-box" href="subDirectory/ricoPage.html">
<h4>Rico</h4>
</a>
<a class="page-box" href="subDirectory/amoutonbrady.html">
<h4>Amoutonbrady</h4>
</a>
<a class="page-box" href="subDirectory/gand988Page.html">
<h4>Gand988</h4>
</a>
<a class="page-box" href="subDirectory/allanPage.html">
<h4>nomadAllan / AllanOcelot</h4>
</a>
<a class="page-box" href="subDirectory/ljp1203Page.html">
<h4>ljp1203</h4>
</a>
<a class="page-box" href="subDirectory/wtsamplerPage.html">
<h4>WTSampler</h4>
</a>
</main>
</body>

</html>
</html>
4 changes: 2 additions & 2 deletions subDirectory/ljp1203Page.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ <h2>Software Engineer</h2>
<a href="https://www.linkedin.com/in/landonpatmore/">
<i class="fa fa-linkedin"></i>
</a>
<a href="https://github.com/LearnDevelopmentPublic/ReallyAnnoyingDirectory">
<a href="https://learndevelopmentpublic.github.io/ReallyAnnoyingDirectory/">
<i class="fa fa-share"></i>
</a>
</section>
Expand Down Expand Up @@ -122,4 +122,4 @@ <h2>Software Engineer</h2>
<script src="https://use.fontawesome.com/fd3fab2b7e.js"></script>
</body>

</html>
</html>

0 comments on commit 301f653

Please sign in to comment.