icd/social-media-cards
2
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Compare commits

base: icd:db6ab4fc199bb19ec285f3cf9ea145fcbe8e8e61
Branches Tags
icd:master
icd:poppins-font
..
compare: icd:6d2e3034fe9d2d9d19b1e78e688a6f09131cd291
Branches Tags
icd:master
icd:poppins-font

No commits in common. "db6ab4fc199bb19ec285f3cf9ea145fcbe8e8e61" and "6d2e3034fe9d2d9d19b1e78e688a6f09131cd291" have entirely different histories.
db6ab4fc19 ... 6d2e3034fe

2 changed files with 12 additions and 29 deletions
Show Stats Expand all files Collapse all files

41
generator.html
View File

@ -4,17 +4,8 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Generator kart na social media</title> <title>Generator kart na social media</title>
<style> <style>
@font-face {
font-family: Poppins;
src: url(./poppins.ttf);
}
* { * {
font-family: 'Noto Sans', sans-serif; font-family: sans-serif;
}
p {
font-family: Poppins;
} }
#container.overflow { #container.overflow {
@ -42,17 +33,9 @@
} }
#text_box { #text_box {
background-color: var(--yellow); background-color: white;
color: #fff; padding-top: var(--padding);
display: grid;
grid-template-columns: 1fr 1fr;
} }
#text_target {
background-color: #000;
}
</style> </style>
</head> </head>
<body <body
@ -94,7 +77,6 @@ Treść komunikatu</textarea
style=" style="
box-sizing: border-box; box-sizing: border-box;
border: calc(var(--padding) * var(--scale)) solid var(--yellow); border: calc(var(--padding) * var(--scale)) solid var(--yellow);
border-top: calc(var(--padding) * var(--scale)/3) solid var(--yellow);
display: flex; display: flex;
flex-flow: column; flex-flow: column;
width: calc(var(--scale) * var(--width)); width: calc(var(--scale) * var(--width));
@ -102,23 +84,24 @@ Treść komunikatu</textarea
" "
> >
<div id="text_box"> <div id="text_box">
<p
id="text_target"
style="font-size: calc(var(--scale) * 16px); padding: var(--padding);"
>
Treść komunikatu
</p>
<img <img
src="./logo.png" src="./logo.png"
width="80" width="80"
height="80" height="80"
style=" style="
float: left;
height: calc(var(--scale) * 80px); height: calc(var(--scale) * 80px);
width: calc(var(--scale) * 80px); width: calc(var(--scale) * 80px);
padding-left: var(--padding); padding-right: var(--padding);
justify-self: flex-end; margin-top: calc(-1 * var(--padding));
" "
/> />
<p
id="text_target"
style="margin: 0; font-size: calc(var(--scale) * 16px)"
>
Treść komunikatu
</p>
</div> </div>
<div <div
id="image_box" id="image_box"

BIN
poppins.ttf
View File

Binary file not shown.