Skip to content

Commit

Permalink
update example and docs
Browse files Browse the repository at this point in the history
  • Loading branch information
@nickforddev
nickforddev committed Jan 15, 2021
1 parent 6bf4a33 commit 174742d
Show file tree
Hide file tree
Showing 8 changed files with 132 additions and 102 deletions.
46 changes: 44 additions & 2 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,19 @@
.italic {
font-style: italic;
}
.grid {
display: flex;
flex-wrap: wrap;
justify-items: center;
align-items: center;
}

.grid .cell {
width: calc(50% - 24px);
height: auto;
padding: 12px;
}

</style>
</head>

Expand Down Expand Up @@ -121,12 +134,41 @@
<p>with overlay icon.</p>

<img
class="my-class-4"
class="overlay"
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/55f96e21e4b0f86680e762dc/5615846be4b042d6d89a94ee/1444251161903/?format=1000w"
/>

<div class="section">
<p>using child elements</p>

<div class="overlay">
<div class="grid">
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a92e801085229b264ca29fc/1519577337605/download.gif?format=1000w"
/>
</div>
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a92e904c830257a34734ff5/1519577373504/Armani-Central-Park-6151.gif?format=1000w"
/>
</div>
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a95c231419202eb9a763970/1519814094692/tumblr_nfro6qnt591qzcq51o1_500.gif?format=750w"
/>
</div>
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a93f42471c10b0d656d1562/1519814094495/dirk-980.gif?format=1000w"
/>
</div>
</div>
</div>
</div>

<script>
new Freezeframe('.my-class-4', {
new Freezeframe('.overlay', {
overlay: true
});
</script>
Expand Down
46 changes: 44 additions & 2 deletions packages/freezeframe/dist/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,19 @@
.italic {
font-style: italic;
}
.grid {
display: flex;
flex-wrap: wrap;
justify-items: center;
align-items: center;
}

.grid .cell {
width: calc(50% - 24px);
height: auto;
padding: 12px;
}

</style>
</head>

Expand Down Expand Up @@ -121,12 +134,41 @@
<p>with overlay icon.</p>

<img
class="my-class-4"
class="overlay"
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/55f96e21e4b0f86680e762dc/5615846be4b042d6d89a94ee/1444251161903/?format=1000w"
/>

<div class="section">
<p>using child elements</p>

<div class="overlay">
<div class="grid">
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a92e801085229b264ca29fc/1519577337605/download.gif?format=1000w"
/>
</div>
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a92e904c830257a34734ff5/1519577373504/Armani-Central-Park-6151.gif?format=1000w"
/>
</div>
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a95c231419202eb9a763970/1519814094692/tumblr_nfro6qnt591qzcq51o1_500.gif?format=750w"
/>
</div>
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a93f42471c10b0d656d1562/1519814094495/dirk-980.gif?format=1000w"
/>
</div>
</div>
</div>
</div>

<script>
new Freezeframe('.my-class-4', {
new Freezeframe('.overlay', {
overlay: true
});
</script>
Expand Down
21 changes: 0 additions & 21 deletions packages/freezeframe/dist/src/constants.d.ts
View file

This file was deleted.

31 changes: 0 additions & 31 deletions packages/freezeframe/dist/src/index.d.ts
View file

This file was deleted.

4 changes: 0 additions & 4 deletions packages/freezeframe/dist/src/templates.d.ts
View file

This file was deleted.

13 changes: 0 additions & 13 deletions packages/freezeframe/dist/src/utils/index.d.ts
View file

This file was deleted.

27 changes: 0 additions & 27 deletions packages/freezeframe/dist/types/index.d.ts
View file

This file was deleted.

46 changes: 44 additions & 2 deletions packages/freezeframe/examples/index.ejs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,19 @@ button:active {
.italic {
font-style: italic;
}
.grid {
display: flex;
flex-wrap: wrap;
justify-items: center;
align-items: center;
}
.grid .cell {
width: calc(50% - 24px);
height: auto;
padding: 12px;
}
</style>
</head>

Expand Down Expand Up @@ -121,12 +134,41 @@ document
<p>with overlay icon.</p>

<img
class="my-class-4"
class="overlay"
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/55f96e21e4b0f86680e762dc/5615846be4b042d6d89a94ee/1444251161903/?format=1000w"
/>

<div class="section">
<p>using child elements</p>

<div class="overlay">
<div class="grid">
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a92e801085229b264ca29fc/1519577337605/download.gif?format=1000w"
/>
</div>
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a92e904c830257a34734ff5/1519577373504/Armani-Central-Park-6151.gif?format=1000w"
/>
</div>
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a95c231419202eb9a763970/1519814094692/tumblr_nfro6qnt591qzcq51o1_500.gif?format=750w"
/>
</div>
<div class="cell">
<img
src="https://static1.squarespace.com/static/51c748abe4b0c275d0aa86bf/5a9298a1c830257a3467a8de/5a93f42471c10b0d656d1562/1519814094495/dirk-980.gif?format=1000w"
/>
</div>
</div>
</div>
</div>

<script>
new Freezeframe('.my-class-4', {
new Freezeframe('.overlay', {
overlay: true
});
</script>
Expand Down

0 comments on commit 174742d

Please sign in to comment.