Skip to content

Instantly share code, notes, and snippets.

@IbrahimTanyalcin

IbrahimTanyalcin/minimal.html

Created July 15, 2018 13:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save IbrahimTanyalcin/9b47639ca2335577098a1486cb1b6b6c to your computer and use it in GitHub Desktop.
Save IbrahimTanyalcin/9b47639ca2335577098a1486cb1b6b6c to your computer and use it in GitHub Desktop.
Download ZIP
minimal.html for declarative dependencies for Taskq.js
Raw
minimal.html
<!DOCTYPE html>
<html lang="en" style="font-size:18px;">
<head>
<meta charset="utf-8">
<style>
body>div:nth-child(2)>div {
float:left;
width:60px;
heigth:60px;
box-sizing:border-box;
margin-left:calc(50% - 30px);
margin-bottom:20px;
margin-top:20px;
font-size:30px;
text-align:center;
white-space:pre;
}
</style>
<script src="../../taskq.js" charset="UTF-8"></script>
<script src="./B.js" data-taskqid="B" data-taskqwaitfor="A" charset="UTF-8" async></script>
<script src="./C.js" data-taskqid="C" data-taskqwaitfor="B" charset="UTF-8" async></script>
<script src="./A.js" data-taskqid="A" data-taskqwaitfor="" charset="UTF-8" async></script>
<!--<script src="./D.js" data-taskqid="loadend" data-taskqwaitfor="" charset="UTF-8" async></script>-->
</head>
<body style="font-family:Helvetica;">
<div style="position:absolute;z-index:2;text-align:center;padding:50px;font-size:1rem;line-height:200%;color:DarkGray;">
Read more
<a href="" style="text-decoration:none;color:DarkSlateGray;">
@MEDIUM
</a>
post.
</div>
<div style="width:20%;min-width:200px;min-height:300px;height:70%;position:absolute;margin:auto;top:15%;left:0;right:0;background:LightGray;border-radius:10px;">
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment