-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
130 lines (118 loc) · 4.92 KB
/
index.html
File metadata and controls
130 lines (118 loc) · 4.92 KB
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
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>ImaGen Notebook</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>ImaGen Notebook</strong> rrMat</a>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/matteorr/" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a href="https://www.instagram.com/comfyrouges/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h1>Hi, I’m Matteo and this is my Image Generation Notebook<br /></h1>
<p>Check it out and grab some workflows and prompts</p>
</header>
<p>I remember playing with Stable Diffusion 1.5 for the first time using a Colab Notebook
linked under a <a href="https://www.youtube.com/watch?v=-lz30by8-sU" target="_blank">Computerphile</a> video back in 2022. Things have gone a long way since then, but I'm still as curious about
open-source image generation as I was back then. I want this notebook website to be a place were I keep track of the things I have learned over time. .</p>
</div>
<span class="image object">
<img src="images/me.jpg" alt="" />
</span>
</section>
<!-- Section -->
<section>
<header class="major">
<h2>Experiments!</h2>
</header>
<div class="posts">
<article>
<a href="experiments/intro.html" class="image"><img src="images/mage_princess/Daemon_00001_.png" alt="" /></a>
<h3>Flux Kontext Experiments</h3>
<p>Flux Kontext just came out and it is still unclear what the best pipeline for it is. I therefore wanted to experiment with some node combinations.</p>
<ul class="actions">
<li><a href="experiments/intro.html" class="button">More</a></li>
</ul>
</article>
<article>
<a href="experiments/ghibli.html" class="image"><img src="images/ghibli/basic_instinct_ghibli.jpg" alt="" /></a>
<h3>Style Transfer with Auto-Tagger</h3>
<p> The workflow is designed to take an original image and apply a Ghibli-style transformation, while maintaining the essence of the original content.</p>
<ul class="actions">
<li><a href="experiments/ghibli.html" class="button">More</a></li>
</ul>
</article>
</div>
</section>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Search -->
<section id="search" class="alt">
<form method="post" action="#">
<input type="text" name="query" id="query" placeholder="Search" />
</form>
</section> <!-- Menu -->
<nav id="menu">
<header class="major">
<h2>Menu</h2>
</header>
<ul>
<li><a href="index.html">Homepage</a></li>
<li>
<span class="opener">Flux Kontext Experiments</span>
<ul>
<li><a href="experiments/intro.html">Intro</a></li>
<li><a href="experiments/cat.html">Cat</a></li>
<li><a href="experiments/clay-rider.html">Clay Rider</a></li>
<li><a href="experiments/desert-girls.html">Desert Girls</a></li>
<li><a href="experiments/dino-museum.html">Dino Museum</a></li>
<li><a href="experiments/mage-princess.html">Mage & Princess</a></li>
<li><a href="experiments/snowy-city.html">Snowy City</a></li>
<li><a href="experiments/umbrella-girl.html">Umbrella Girl</a></li>
<li><a href="experiments/gif_basket.html">Gif Basket</a></li>
</ul>
</li>
<li><a href="experiments/ghibli.html">Style Transfer Lora</a></li>
</li>
</ul>
</nav>
</div>
</div>
</div>
<!-- Image Modal -->
<div id="imageModal" class="modal">
<span class="close">×</span>
<img class="modal-content" id="modalImage">
<div id="caption"></div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>