-
Notifications
You must be signed in to change notification settings - Fork 148
/
Copy pathindex.html
131 lines (117 loc) · 7.11 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<meta name="thumbnail" content="https://www.photopea.com/promo/screens/scr5.png" />
<title>Photopea | Online Image Editor</title>
<link rel="icon" sizes="256x256" href="promo/thumb256.png">
<link rel="image_src" type="image/png" href="promo/thumb256.png" />
<link rel="manifest" href="manifest.json">
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/fmophgdjdipcbfjiopifpngdjmemonko">
<meta name="description" content="Open and edit PSD, XCF, Sketch (Photoshop, Gimp and Sketch) or any other image files. Inspect PSD and Sketch files. Convert Sketch to PSD. Apply photo effects and filters. A perfect alternative to Photoshop or Gimp." />
<link rel="stylesheet" href="style/all.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" />
<style>.topfloat a {
text-decoration:none;
color:#ffffff;
padding:2px 6px 3px 6px;
border-radius: 0.3em;
display:inline-block;
white-space: nowrap;
}
#cap {
font-size: 1.3em;
padding:1em 9em 1.8em 3em; background-color: #0f171d; /*background-image: linear-gradient(rgb(20, 20, 22), rgb(40,40,45));*/
color:#e6e6e6; text-align:center;
/*position:absolute; z-index:10; margin:1em; border-radius: 1em;*/
}
#cap a { color:inherit; font-weight:bold; }
#cap p { margin-bottom:1.5em; line-height:1.5em; }
h1 { font-size: 2.5em; margin:0.7em 0; letter-spacing: 0em; }
strong { display:inline-block; font-size: 1.1em; background:rgba(0,0,0,0.1); padding:0.1em 0.5em;
margin: 0.2em 0.5em 0.2em 0; border-radius:0.3em; font-weight:normal; line-height:1.7}
</style>
<script>
function showCap() {_showCap(true);} function hideCap() {_showCap(false);}
function _showCap(vis){
document.getElementById("cap").setAttribute("style", vis?"":"display:none;");
localStorage.setItem("capShown", ""+vis);
}
</script>
<script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script>
<script>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
</script>
<script>
googletag.cmd.push(function() {
googletag.defineSlot('/21623892374/pp_tall', [120, 600], 'div-gpt-ad-1525797053614-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body class="theme0">
<!---->
<div id="cap">
<span style="position:absolute;right:0;top:0;font-size:7em;margin:0 0.2em;cursor:pointer;" onclick="hideCap()">✕</span>
<img style="width:8em; margin-top:1.7em;" src="promo/icon256.png" alt="Photopea logo" />
<h1>Photopea: advanced image editor</h1>
<p style="font-size:1.3em">Free online design editor supporting <b>PSD</b>, <b>XCF</b>, <b>Sketch</b>, <b>XD</b> and <b>CDR</b> formats.
(<b>Adobe Photoshop</b>, <b>GIMP</b>, <b>Sketch App</b>, <b>Adobe XD</b> and <b>CorelDRAW</b>).</p>
<p>Create a new image or open existing files from your computer. Save your work as PSD
(File - Save as PSD) or as JPG / PNG / SVG (File - Export). Suggest new features at our
<a href="https://github.com/photopea/photopea/issues" target="_blank">GitHub</a> or <a href="https://www.facebook.com/photopea/" target="_blank">Facebook</a>.
Our goal is to create <a href="https://blog.photopea.com/introduction.html" target="_blank">the most advanced and affordable photo editor</a>.</p>
<span><a href="mailto:[email protected]">[email protected]</a> | Reddit: <a target="_blank" href="https://www.reddit.com/r/photopea/">/r/Photopea</a></span>
<!--
<div>
<strong>Resize | Crop images</strong>
<strong>Advanced drawing | Brushes</strong>
<strong>Layers | Layer effects</strong>
<strong>Selections | Magic Wand | Magnetic Lasso</strong>
<strong>Adjustments | Filters</strong>
<strong>Smart Objects</strong>
</div>
-->
</div>
<!---->
<div class="topfloat" style="display:none;">
<a class="bbtn" onclick="showCap()" style="background:#ff6600;cursor:pointer;">Info</a>
<!--<a onclick="ga('send','event','Links','story');" href="//blog.photopea.com/creating-photopea.html" style="background:#6827ff;" target="_blank">Story</a>-->
<a class="bbtn" onclick="ga('send','event','Links','issues');" href="https://github.com/photopea/photopea/issues" style="background:#559900;" target="_blank">Report a bug</a>
<a class="bbtn" onclick="ga('send','event','Links','learn');" href="learn/index.html" style="background:#aa0099;" target="_blank">Learn</a>
<a class="bbtn" onclick="ga('send','event','Links','blog');" href="https://blog.photopea.com" style="background:#e30044;" target="_blank">Blog</a>
<a class="bbtn" onclick="ga('send','event','Links','api');" href="api/index.html" style="background:#f1c40f;" target="_blank">API</a>
<!--
<a href="https://chrome.google.com/webstore/detail/photopea/fmophgdjdipcbfjiopifpngdjmemonko" style="background:#9900aa;" target="_blank">Chrome App</a>
<a onclick="ga('send','event','Links','reddit');" href="//www.reddit.com/r/photopea" style="background:#ff4500" target="_blank">Reddit</a>
-->
<a class="bbtn" onclick="ga('send','event','Links','twitter');" href="https://twitter.com/photopeacom" style="background:#1b95e0" target="_blank">Twi</a>
<a class="bbtn" onclick="ga('send','event','Links','facebook');" href="https://www.facebook.com/photopea/" style="background:#46629e" target="_blank">Facebook</a>
<!--<a onclick="ga('send','event','Links','bigDropInc');" href="https://www.bigdropinc.com" style="background:#f1c40f" target="_blank"
title="Big Drop Inc. - get your design done by professionals" >Big Drop Inc</a>-->
</div>
<script>if(localStorage.getItem("capShown")=="false" || window.self != window.top) hideCap();
/*var url = window.location.href, eind = url.indexOf("="), pname = null;
if(eind!=-1) pname = url.substring(url.indexOf("?")+1, eind);
if(pname=="p") { var pval = JSON.parse(decodeURI(url.substring(eind+1, url.length)));
if(pval.environment && !pval.environment.showbranding) { document.getElementsByClassName("topfloat")[0].style.display="none"; hideCap(); } }*/
</script>
<script src="https://apis.google.com/js/client.js"></script>
<script src="code/external/ext.js"></script>
<script src="code/PIMG.js"></script>
<script src="code/FNTS.js"></script>
<script src="code/LNG2.js"></script>
<script src="code/pp.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-4249565-37', 'photopea.com');
ga('send', 'pageview');
</script>
</body>
</html>