add mockups
This commit is contained in:
parent
cba402db0e
commit
af987c3f2d
BIN
811c05e6-b613-8166-8003-055bcb9c9d46.png
Normal file
BIN
811c05e6-b613-8166-8003-055bcb9c9d46.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
2355
811c05e6-b613-8166-8003-055bcb9c9d46.svg
Normal file
2355
811c05e6-b613-8166-8003-055bcb9c9d46.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 113 KiB |
74
xenon.cmb
Normal file
74
xenon.cmb
Normal file
|
|
@ -0,0 +1,74 @@
|
||||||
|
<?xml version='1.0' encoding='UTF-8' standalone='no'?>
|
||||||
|
<!DOCTYPE cambalache-project SYSTEM "cambalache-project.dtd">
|
||||||
|
<cambalache-project version="0.12.0" target_tk="gtk-4.0">
|
||||||
|
<ui>
|
||||||
|
(1,None,"xenon.ui","xenon.ui",None,None,None,None,None,None,None)
|
||||||
|
</ui>
|
||||||
|
<object>
|
||||||
|
(1,1,"AdwApplicationWindow",None,None,None,None,None,None,None),
|
||||||
|
(1,4,"GtkBox",None,1,None,None,None,None,None),
|
||||||
|
(1,5,"AdwHeaderBar",None,4,None,None,None,None,None),
|
||||||
|
(1,7,"GtkButton",None,5,None,"start",None,None,None),
|
||||||
|
(1,8,"GtkButton",None,5,None,"start",None,None,None),
|
||||||
|
(1,9,"GtkButton",None,5,None,"start",None,None,None),
|
||||||
|
(1,10,"GtkButton",None,5,None,"start",None,None,None),
|
||||||
|
(1,11,"AdwWindowTitle",None,5,None,"title",None,None,None),
|
||||||
|
(1,12,"GtkButton",None,5,None,"start",None,None,None),
|
||||||
|
(1,13,"GtkButton",None,5,None,"end",None,None,None),
|
||||||
|
(1,14,"GtkBox",None,4,None,None,None,1,None),
|
||||||
|
(1,22,"GtkBox",None,14,None,None,None,1,None),
|
||||||
|
(1,23,"AdwAvatar",None,22,None,None,None,None,None),
|
||||||
|
(1,24,"AdwAvatar",None,22,None,None,None,1,None),
|
||||||
|
(1,25,"AdwAvatar",None,22,None,None,None,2,None),
|
||||||
|
(1,26,"AdwAvatar",None,22,None,None,None,3,None),
|
||||||
|
(1,27,"AdwAvatar",None,22,None,None,None,4,None),
|
||||||
|
(1,28,"AdwAvatar",None,22,None,None,None,5,None),
|
||||||
|
(1,29,"AdwAvatar",None,22,None,None,None,6,None),
|
||||||
|
(1,30,"AdwAvatar",None,22,None,None,None,7,None),
|
||||||
|
(1,31,"AdwAvatar",None,22,None,None,None,8,None),
|
||||||
|
(1,32,"GtkPopover",None,23,None,None,None,None,None),
|
||||||
|
(1,33,"AdwStatusPage",None,32,None,None,None,None,None)
|
||||||
|
</object>
|
||||||
|
<object_property>
|
||||||
|
(1,1,"AdwApplicationWindow","content",None,None,None,None,None,4,None,None,None,None),
|
||||||
|
(1,1,"GtkWindow","title","xenon",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,4,"GtkOrientable","orientation","vertical",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,5,"AdwHeaderBar","decoration-layout","icon:close",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,5,"AdwHeaderBar","title-widget",None,None,None,None,None,11,None,None,None,None),
|
||||||
|
(1,7,"GtkButton","icon-name","camera-photo-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,8,"GtkButton","icon-name","image-x-generic-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,9,"GtkButton","icon-name","folder-download-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,10,"GtkButton","icon-name","media-playback-start-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,11,"AdwWindowTitle","subtitle","https://example.com",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,11,"AdwWindowTitle","title","example",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,12,"GtkButton","icon-name","go-home-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,13,"GtkButton","icon-name","open-menu-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,22,"GtkBox","spacing","-1",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,22,"GtkOrientable","orientation","vertical",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,22,"GtkWidget","width-request","60",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,23,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,23,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,24,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,24,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,25,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,25,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,26,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,26,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,27,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,27,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,28,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,28,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,29,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,29,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,30,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,30,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,31,"AdwAvatar","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,31,"AdwAvatar","size","30",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,32,"GtkPopover","position","right",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,33,"AdwStatusPage","description"," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet nulla eu ligula viverra lacinia. Maecenas leo libero, lobortis vitae tortor sit amet, ultrices dictum nulla. Cras malesuada risus metus, in iaculis velit tincidunt eu. Donec at euismod leo. Donec viverra leo eu nisl sollicitudin volutpat. Donec luctus mi metus, id luctus ligula rhoncus quis. Nullam sollicitudin lectus sagittis tellus aliquet, eu finibus turpis vehicula. Proin lorem libero, dictum ac nisi vel, imperdiet fringilla turpis. Etiam finibus lorem non tortor tincidunt, ut bibendum augue ultricies. ",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,33,"AdwStatusPage","icon-name","web-browser-symbolic",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,33,"AdwStatusPage","title","xenon",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,33,"GtkWidget","height-request","100",None,None,None,None,None,None,None,None,None),
|
||||||
|
(1,33,"GtkWidget","width-request","400",None,None,None,None,None,None,None,None,None)
|
||||||
|
</object_property>
|
||||||
|
</cambalache-project>
|
||||||
135
xenon.ui
Normal file
135
xenon.ui
Normal file
|
|
@ -0,0 +1,135 @@
|
||||||
|
<?xml version='1.0' encoding='UTF-8'?>
|
||||||
|
<!-- Created with Cambalache 0.12.1 -->
|
||||||
|
<interface>
|
||||||
|
<!-- interface-name xenon.ui -->
|
||||||
|
<requires lib="gtk" version="4.10"/>
|
||||||
|
<requires lib="libadwaita" version="1.3"/>
|
||||||
|
<object class="AdwApplicationWindow">
|
||||||
|
<property name="content">
|
||||||
|
<object class="GtkBox">
|
||||||
|
<property name="orientation">vertical</property>
|
||||||
|
<child>
|
||||||
|
<object class="AdwHeaderBar">
|
||||||
|
<property name="decoration-layout">icon:close</property>
|
||||||
|
<property name="title-widget">
|
||||||
|
<object class="AdwWindowTitle">
|
||||||
|
<property name="subtitle">https://example.com</property>
|
||||||
|
<property name="title">example</property>
|
||||||
|
</object>
|
||||||
|
</property>
|
||||||
|
<child type="start">
|
||||||
|
<object class="GtkButton">
|
||||||
|
<property name="icon-name">camera-photo-symbolic</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child type="start">
|
||||||
|
<object class="GtkButton">
|
||||||
|
<property name="icon-name">image-x-generic-symbolic</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child type="start">
|
||||||
|
<object class="GtkButton">
|
||||||
|
<property name="icon-name">folder-download-symbolic</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child type="start">
|
||||||
|
<object class="GtkButton">
|
||||||
|
<property name="icon-name">media-playback-start-symbolic</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child type="start">
|
||||||
|
<object class="GtkButton">
|
||||||
|
<property name="icon-name">go-home-symbolic</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child type="end">
|
||||||
|
<object class="GtkButton">
|
||||||
|
<property name="icon-name">open-menu-symbolic</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child>
|
||||||
|
<object class="GtkBox">
|
||||||
|
<child>
|
||||||
|
<object class="GtkBox">
|
||||||
|
<property name="orientation">vertical</property>
|
||||||
|
<property name="spacing">-1</property>
|
||||||
|
<property name="width-request">60</property>
|
||||||
|
<child>
|
||||||
|
<object class="AdwAvatar">
|
||||||
|
<property name="icon-name">web-browser-symbolic</property>
|
||||||
|
<property name="size">30</property>
|
||||||
|
<child>
|
||||||
|
<object class="GtkPopover">
|
||||||
|
<property name="position">left</property>
|
||||||
|
<child>
|
||||||
|
<object class="AdwStatusPage">
|
||||||
|
<property name="description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet nulla eu ligula viverra lacinia. Maecenas leo libero, lobortis vitae tortor sit amet, ultrices dictum nulla. Cras malesuada risus metus, in iaculis velit tincidunt eu. Donec at euismod leo. Donec viverra leo eu nisl sollicitudin volutpat. Donec luctus mi metus, id luctus ligula rhoncus quis. Nullam sollicitudin lectus sagittis tellus aliquet, eu finibus turpis vehicula. Proin lorem libero, dictum ac nisi vel, imperdiet fringilla turpis. Etiam finibus lorem non tortor tincidunt, ut bibendum augue ultricies. </property>
|
||||||
|
<property name="height-request">100</property>
|
||||||
|
<property name="icon-name">web-browser-symbolic</property>
|
||||||
|
<property name="title">xenon</property>
|
||||||
|
<property name="width-request">400</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child>
|
||||||
|
<object class="AdwAvatar">
|
||||||
|
<property name="icon-name">web-browser-symbolic</property>
|
||||||
|
<property name="size">30</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child>
|
||||||
|
<object class="AdwAvatar">
|
||||||
|
<property name="icon-name">web-browser-symbolic</property>
|
||||||
|
<property name="size">30</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child>
|
||||||
|
<object class="AdwAvatar">
|
||||||
|
<property name="icon-name">web-browser-symbolic</property>
|
||||||
|
<property name="size">30</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child>
|
||||||
|
<object class="AdwAvatar">
|
||||||
|
<property name="icon-name">web-browser-symbolic</property>
|
||||||
|
<property name="size">30</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child>
|
||||||
|
<object class="AdwAvatar">
|
||||||
|
<property name="icon-name">web-browser-symbolic</property>
|
||||||
|
<property name="size">30</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child>
|
||||||
|
<object class="AdwAvatar">
|
||||||
|
<property name="icon-name">web-browser-symbolic</property>
|
||||||
|
<property name="size">30</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child>
|
||||||
|
<object class="AdwAvatar">
|
||||||
|
<property name="icon-name">web-browser-symbolic</property>
|
||||||
|
<property name="size">30</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
<child>
|
||||||
|
<object class="AdwAvatar">
|
||||||
|
<property name="icon-name">web-browser-symbolic</property>
|
||||||
|
<property name="size">30</property>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
</object>
|
||||||
|
</child>
|
||||||
|
</object>
|
||||||
|
</property>
|
||||||
|
<property name="title">xenon</property>
|
||||||
|
</object>
|
||||||
|
</interface>
|
||||||
Loading…
Reference in a new issue