diff --git a/cmd/main.go b/cmd/main.go
new file mode 100644
index 0000000..728f20c
--- /dev/null
+++ b/cmd/main.go
@@ -0,0 +1,242 @@
+package main
+
+import (
+	"os"
+
+	"github.com/therecipe/qt/core"
+	"github.com/therecipe/qt/quick"
+	"github.com/therecipe/qt/widgets"
+)
+
+func init() {
+	CustomTreeModel_QmlRegisterType2("CustomQmlTypes", 1, 0, "CustomTreeModel")
+}
+
+const something = 1<<31 - 1
+
+const (
+	FirstName = int(core.Qt__UserRole) + 1<<iota
+	LastName
+)
+
+type Collection struct {
+	title       string
+	_childItems []CollectionItem
+}
+
+type CollectionItem struct {
+	_itemData []string
+}
+
+type ROOT []Collection
+
+func (r *ROOT) add(t Collection) {
+	*r = append(*r, t)
+}
+
+func (r *ROOT) Len() int {
+	return len(*r)
+}
+
+func (r *ROOT) CollectionLen(i int) int {
+	return len((*r)[i]._childItems)
+}
+
+func (r *ROOT) Collection(index int) Collection {
+	return (*r)[index]
+}
+
+func (r *ROOT) CollectionItem(index int, Cindex int) CollectionItem {
+	return (*r)[index]._childItems[Cindex]
+}
+
+func NewCollectionItem(data []string) CollectionItem {
+	return CollectionItem{
+		_itemData: data,
+	}
+}
+
+type service interface {
+	add(t Collection)
+	Len() int
+	Collection(index int) Collection
+	CollectionLen(i int) int
+	CollectionItem(index int, listIndex int) CollectionItem
+}
+
+type CustomTreeModel struct {
+	core.QAbstractItemModel
+
+	_ func() `constructor:"init"`
+
+	// _ func()                                  `signal:"remove,auto"`
+	// _ func(item []*core.QVariant)             `signal:"add,auto"`
+	// _ func(firstName string, lastName string) `signal:"edit,auto"`
+
+	rootItem service // ROOT
+}
+
+func (m *CustomTreeModel) init() {
+	m.rootItem = &ROOT{
+		Collection{
+			title: "FirstName LastName",
+			_childItems: []CollectionItem{
+				CollectionItem{
+					_itemData: []string{"john", "doe"},
+				},
+			},
+		},
+	}
+
+	m.rootItem.add(Collection{
+		title: "FirstName LastName2",
+		_childItems: []CollectionItem{
+			CollectionItem{
+				_itemData: []string{"john", "bob"},
+			},
+			CollectionItem{
+				_itemData: []string{"jim", "bob"},
+			},
+			CollectionItem{
+				_itemData: []string{"jimmy", "bob"},
+			},
+		},
+	})
+
+	m.ConnectIndex(m.index)
+	m.ConnectParent(m.parent)
+	m.ConnectRowCount(m.rowCount)
+	m.ConnectColumnCount(m.columnCount)
+	m.ConnectData(m.data)
+
+	m.ConnectRoleNames(m.roleNames)
+}
+
+func (m *CustomTreeModel) index(row int, column int, parent *core.QModelIndex) *core.QModelIndex {
+	if !m.HasIndex(row, column, parent) {
+		return core.NewQModelIndex()
+	}
+
+	if !parent.IsValid() {
+		return m.CreateIndex2(row, column, something)
+	} else {
+		return m.CreateIndex2(row, column, uintptr(parent.Row()))
+	}
+
+	return core.NewQModelIndex()
+}
+
+func (m *CustomTreeModel) parent(index *core.QModelIndex) *core.QModelIndex {
+	if !index.IsValid() {
+		return core.NewQModelIndex()
+	}
+	id := int(index.InternalId())
+
+	if id == something {
+		return core.NewQModelIndex()
+	}
+
+	return m.CreateIndex2(id, 0, something)
+}
+
+func (m *CustomTreeModel) roleNames() map[int]*core.QByteArray {
+	return map[int]*core.QByteArray{
+		FirstName: core.NewQByteArray2("FirstName", -1),
+		LastName:  core.NewQByteArray2("LastName", -1),
+	}
+}
+
+func (m *CustomTreeModel) rowCount(parent *core.QModelIndex) int {
+	if !parent.IsValid() {
+		return m.rootItem.Len()
+	}
+	parentId := int32(parent.InternalId())
+
+	if parentId == something {
+		return m.rootItem.CollectionLen(parent.Row())
+	}
+
+	return 0
+}
+
+func (m *CustomTreeModel) columnCount(parent *core.QModelIndex) int {
+	if !parent.IsValid() {
+		return 1
+	}
+	parentId := int32(parent.InternalId())
+
+	if parentId == something {
+		return 1 //len(r[parent.Row()].title)
+	}
+
+	return 0
+}
+
+func (m *CustomTreeModel) data(index *core.QModelIndex, role int) *core.QVariant {
+	if !index.IsValid() {
+		return core.NewQVariant()
+	}
+
+	if int32(index.InternalId()) == something {
+		return core.NewQVariant17(m.rootItem.Collection(index.Row()).title)
+	}
+	switch role {
+	case FirstName:
+		return core.NewQVariant17(m.rootItem.CollectionItem(int(index.InternalId()), index.Row())._itemData[0])
+	case LastName:
+		return core.NewQVariant17(m.rootItem.CollectionItem(int(index.InternalId()), index.Row())._itemData[1])
+	}
+	return core.NewQVariant()
+}
+
+// func (m *CustomTreeModel) remove() {
+// 	if m.rootItem.childCount() == 0 {
+// 		return
+// 	}
+// 	m.BeginRemoveRows(core.NewQModelIndex(), len(m.rootItem._childItems)-1, len(m.rootItem._childItems)-1)
+// 	m.rootItem._childItems = m.rootItem._childItems[:len(m.rootItem._childItems)-1]
+// 	m.EndRemoveRows()
+// }
+
+// func (m *CustomTreeModel) add(item []*core.QVariant) {
+// 	m.BeginInsertRows(core.NewQModelIndex(), len(m.rootItem._childItems), len(m.rootItem._childItems))
+// 	m.rootItem.appendChild(NewTreeItem([]string{item[0].ToString(), item[1].ToString()}))
+// 	m.EndInsertRows()
+// }
+
+// func (m *CustomTreeModel) edit(firstName string, lastName string) {
+// 	if m.rootItem.childCount() == 0 {
+// 		return
+// 	}
+// 	m.BeginRemoveRows(core.NewQModelIndex(), len(m.rootItem._childItems)-1, len(m.rootItem._childItems)-1)
+// 	m.BeginInsertRows(core.NewQModelIndex(), len(m.rootItem._childItems)-1, len(m.rootItem._childItems)-1)
+// 	item := m.rootItem._childItems[len(m.rootItem._childItems)-1]
+// 	item._itemData = []string{firstName, lastName}
+// 	m.EndRemoveRows()
+// 	m.EndInsertRows()
+
+// 	//TODO:
+// 	//ideally DataChanged should be used instead, but it doesn't seem to work ...
+// 	//if you search for "qml treeview datachanged" online
+// 	//it will just lead you to tons of unresolved issues
+// 	//m.DataChanged(m.Index(item.row(), 0, core.NewQModelIndex()), m.Index(item.row(), 1, core.NewQModelIndex()), []int{FirstName, LastName})
+// 	//feel free to send a PR, if you got it working somehow :)
+// }
+
+func main() {
+	core.QCoreApplication_SetAttribute(core.Qt__AA_EnableHighDpiScaling, true)
+	if !core.QResource_RegisterResource("qml.rcc", "") {
+		panic("failure: resource needed")
+	}
+	// gui.QGuiApplication_Screens()[0].
+	app := widgets.NewQApplication(len(os.Args), os.Args)
+
+	view := quick.NewQQuickView(nil)
+	view.SetTitle("treeview Example")
+	view.SetResizeMode(quick.QQuickView__SizeRootObjectToView)
+	view.SetSource(core.NewQUrl3("qrc:/qml/main.qml", 0))
+	// view.SetPosition2(posx, posy)
+	view.ShowMaximized()
+
+	app.Exec()
+}
diff --git a/glfw.go b/glfw.go
deleted file mode 100644
index a859def..0000000
--- a/glfw.go
+++ /dev/null
@@ -1,57 +0,0 @@
-// PresentationApp project glfw.go
-package main
-
-import (
-	"fmt"
-
-	"github.com/go-gl/glfw/v3.1/glfw"
-)
-
-var (
-	monitorHeight    int // displayed width
-	monitors         []*glfw.Monitor
-	monitorWidth     int // displayed height
-	projectorMonitor *glfw.Monitor
-)
-
-func checkMon() {
-	monitors = glfw.GetMonitors()
-
-	if i := len(monitors); i < 2 {
-		fmt.Println("You only have 1 monitor!!!!!!!!!!! :-P")
-		monitorWidth = 800
-		monitorHeight = 600
-
-		projectorMonitor = monitors[0]
-	} else {
-		fmt.Printf("You have %d monitors\n", i)
-		monitorWidth = monitors[1].GetVideoMode().Width
-		monitorHeight = monitors[1].GetVideoMode().Height
-		projectorMonitor = monitors[1]
-
-	}
-	monitorInfo()
-
-}
-
-func monitorInfo() {
-	fmt.Println(len(monitors))
-	for _, mon := range monitors {
-		fmt.Printf("Monitor name: %s\n", mon.GetName())
-		x, y := mon.GetPos()
-		fmt.Printf("Position: %v, %v\n", x, y)
-		fmt.Printf("Size: %v x %v\n", mon.GetVideoMode().Width, mon.GetVideoMode().Height)
-
-	}
-
-}
-
-func glInit() {
-	if err = glfw.Init(); err == nil {
-		checkMon()
-		DisplayWindow.Root().Set("height", monitorHeight)
-		DisplayWindow.Root().Set("width", monitorWidth)
-		DisplayWindow.Root().Set("x", 0)
-		DisplayWindow.Root().Set("y", 0)
-	}
-}
diff --git a/image.go b/image.go
new file mode 100644
index 0000000..e8ae224
--- /dev/null
+++ b/image.go
@@ -0,0 +1,61 @@
+// PresentationApp project imagick.go
+package main
+
+import (
+	"image"
+	"io/ioutil"
+	"path/filepath"
+	"strings"
+
+	"github.com/disintegration/imaging"
+	"github.com/flopp/go-findfont"
+	"github.com/fogleman/gg"
+)
+
+/*resizeImage() src fullsize image
+newWidth, newHeight = size to be resized to
+keepSpecSize = return image with exactly the size specified or just the size of the resized image
+center = center the image
+*/
+func resizeImage(src image.Image, newWidth, newHeight int, keepSpecSize, center bool) (dst image.Image) {
+	imaging.Fit(src, newWidth, newHeight, imaging.Lanczos)
+
+	if keepSpecSize {
+		//blank image
+		dst = image.NewNRGBA(image.Rect(0, 0, newWidth, newHeight))
+		if center {
+			dst = imaging.OverlayCenter(dst, src, 1)
+		} else {
+			dst = imaging.Overlay(dst, src, image.Pt(0, 0), 1)
+		}
+	}
+
+	return dst
+
+}
+
+// adding text to image copied from example
+func (cl *Cell) imgtext(width, height int) image.Image {
+	ctx := gg.NewContextForImage(cl.image.resized)
+	ctx.SetColor(cl.Font.color)
+
+	if (cl.Font.name != "") || (cl.Font.name != "none") {
+		data, err := ioutil.ReadFile(cl.Font.name)
+		if err != nil {
+			return image.Rectangle{}
+		}
+		if err := ctx.LoadFontData(data, cl.Font.size); err != nil {
+			panic(err)
+		}
+	}
+	ctx.DrawStringWrapped(cl.text, 0, 0, 0, 0, float64(width), 1, gg.AlignCenter)
+	return ctx.Image()
+}
+
+func findFonts() {
+	paths := findfont.List()
+	for i, v := range paths {
+		_, paths[i] = filepath.Split(v)
+	}
+	QML.FontList = strings.Join(paths, "\n")
+}
diff --git a/imagick.go b/imagick.go
deleted file mode 100644
index a8db83f..0000000
--- a/imagick.go
+++ /dev/null
@@ -1,171 +0,0 @@
-// PresentationApp project imagick.go
-package main
-
-import (
-	"bytes"
-	"fmt"
-	"image"
-	"log"
-	"math"
-	"os/exec"
-	"strings"
-
-	"gopkg.in/gographics/imagick.v2/imagick"
-)
-
-/*resizeImage() mw fullsize image
-newwidth, newheight = size to be resized to
-keepSpecSize = return image with exactly the size specified or just the size of the resized image
-center = senter the image
-*/
-func resizeImage(mw *imagick.MagickWand, newWidth, newHeight int, keepSpecSize, center bool) (resmw *imagick.MagickWand) {
-	var (
-		width, height, origHeight, origWidth int
-	)
-	origHeight = int(mw.GetImageHeight())
-	origWidth = int(mw.GetImageWidth())
-
-	//check if requested size is the same as current size
-	if (origHeight != newHeight) || (origWidth != newWidth) {
-		// width / height * newheight = newwidth
-		if (round((float64(origWidth) / float64(origHeight)) * float64(newHeight))) <= newWidth {
-			width = round((float64(origWidth) / float64(origHeight)) * float64(newHeight))
-			height = newHeight
-		} else {
-			// height / width * newwidth = newheight
-			height = round((float64(origHeight) / float64(origWidth)) * float64(newWidth))
-			width = newWidth
-		}
-	} else {
-		height = newHeight
-		width = newWidth
-	}
-
-	//new magickwand for resized image
-	resmw = imagick.NewMagickWand()
-
-	if !keepSpecSize {
-		resmw.NewImage(uint(width), uint(height), imagick.NewPixelWand())
-		center = false
-	} else {
-		//blank image
-		resmw.NewImage(uint(newWidth), uint(newHeight), imagick.NewPixelWand())
-		if center {
-			err = mw.ResizeImage(uint(width), uint(height), imagick.FILTER_LANCZOS, 1)
-			if err != nil {
-				panic(err)
-			}
-			//centers image
-			resmw.CompositeImage(mw, imagick.COMPOSITE_OP_SRC_OVER, round(float64(newWidth-width)/float64(2)), round(float64(newHeight-height)/float64(2)))
-		} else {
-			resmw.CompositeImage(mw, imagick.COMPOSITE_OP_SRC_OVER, 0, 0)
-		}
-	}
-	mw.Destroy()
-	return resmw
-
-}
-
-//getImage() from imagick to image.RGBA
-func (cl *Cell) getImage(width, height int) (img *image.RGBA) {
-	mw := cl.image.img.GetImage()
-	if (width == 0) || (height == 0) {
-		width = int(mw.GetImageWidth())
-		height = int(mw.GetImageHeight())
-	}
-
-	mw = resizeImage(mw, width, height, true, true)
-	mw1 := cl.imgtext(width, height)
-	mw.CompositeImage(mw1, imagick.COMPOSITE_OP_OVER, 0, 0)
-	mw1.Destroy()
-
-	img = image.NewRGBA(image.Rect(0, 0, int(width), int(height)))
-	if img.Stride != img.Rect.Size().X*4 {
-		panic("unsupported stride")
-	}
-
-	Tpix, _ := mw.ExportImagePixels(0, 0, uint(width), uint(height), "RGBA", imagick.PIXEL_CHAR)
-	img.Pix = Tpix.([]uint8)
-	mw.Destroy()
-	return
-}
-
-// adding text to image copied from example
-func (cl *Cell) imgtext(width, height int) *imagick.MagickWand {
-	mw := imagick.NewMagickWand()
-	//defer mw.Destroy()
-	dw := imagick.NewDrawingWand()
-	defer dw.Destroy()
-	pw := imagick.NewPixelWand()
-	defer pw.Destroy()
-	pw.SetColor("none")
-
-	// Create a new transparent image
-	mw.NewImage(uint(width), uint(height), pw)
-
-	// Set up a 72 point white font
-	r, g, b, _ := cl.Font.color.RGBA()
-	pw.SetColor(fmt.Sprintf("rgb(%d,%d,%d)", r, g, b))
-	dw.SetFillColor(pw)
-	if (cl.Font.name != "") || (cl.Font.name != "none") {
-		dw.SetFont(cl.Font.name)
-	}
-	dw.SetFontSize(cl.Font.size)
-
-	otlne := "none"
-	// Add a black outline to the text
-	r, g, b, _ = cl.Font.outlineColor.RGBA()
-	if cl.Font.outline {
-		otlne = fmt.Sprintf("rgb(%d,%d,%d)", r, g, b)
-	}
-
-	pw.SetColor(otlne)
-	dw.SetStrokeColor(pw)
-	dw.SetStrokeWidth(cl.Font.outlineSize)
-
-	// Turn antialias on - not sure this makes a difference
-	//dw.SetTextAntialias(true)
-
-	// Now draw the text
-	dw.Annotation(cl.Font.x, cl.Font.y, cl.text)
-
-	// Draw the image on to the mw
-	mw.DrawImage(dw)
-
-	// equivalent to the command line +repage
-	mw.ResetImagePage("")
-
-	// Make a copy of the text image
-	cw := mw.Clone()
-
-	// Set the background colour to blue for the shadow
-	pw.SetColor("black")
-	mw.SetImageBackgroundColor(pw)
-
-	// Opacity is a real number indicating (apparently) percentage
-	mw.ShadowImage(70, 4, 5, 5)
-
-	// Composite the text on top of the shadow
-	mw.CompositeImage(cw, imagick.COMPOSITE_OP_OVER, 5, 5)
-	cw.Destroy()
-	return mw
-}
-
-func findFonts() {
-	cmd := exec.Command("grep", "-ivE", `\-Oblique$|-Bold$|-Italic$|-Light$`)
-	cmd.Stdin = strings.NewReader(strings.Join(imagick.QueryFonts("*"), "\n"))
-	var out bytes.Buffer
-	cmd.Stdout = &out
-	err := cmd.Run()
-	if err != nil {
-		log.Print(err)
-	}
-	QML.FontList = out.String()
-}
-
-func round(a float64) int {
-	if a < 0 {
-		return int(math.Ceil(a - 0.5))
-	}
-	return int(math.Floor(a + 0.5))
-}
diff --git a/main.go b/main.go
index b200a80..8b01005 100644
--- a/main.go
+++ b/main.go
@@ -5,45 +5,46 @@ package main
 
 import (
 	"fmt"
+	"image"
 	"image/color"
 	"os"
 
 	"github.com/go-gl/glfw/v3.1/glfw"
 	"github.com/limetext/qml-go"
-
-	"gopkg.in/gographics/imagick.v2/imagick"
 )
 
 type Cell struct {
 	Font                   Font
 	image                  Image
 	index, collectionIndex int
-	qmlObject              qml.Object
 	text                   string
 	textVisible            bool
 }
 
-type collection []*Cell
+type collection struct {
+	collection []*Cell
+	title      string
+}
 
 type Font struct {
 	color                   color.RGBA
 	name                    string
+	path                    string
 	outline                 bool
 	outlineColor            color.RGBA
 	outlineSize, size, x, y float64
 }
 
 type Image struct {
-	img       *imagick.MagickWand
-	imgSource string
-	qmlImage  qml.Object
+	path     string
+	original image.Image
+	resized  image.Image
 }
 
 type qmlVar struct {
 	FontList   string
 	Verses     string
 	VerseOrder string
-	//Img        string
 }
 
 type service []collection
@@ -56,7 +57,6 @@ var (
 )
 
 func main() {
-
 	if err = qml.Run(run); err != nil {
 		fmt.Fprintf(os.Stderr, "error: %v\n", err)
 		os.Exit(1)
@@ -69,7 +69,6 @@ func run() error {
 	engine = qml.NewEngine()
 	QML = &qmlVar{}
 	path = "qrc:///qml"
-	imagick.Initialize()
 	findFonts()
 
 	engine.Context().SetVar("go", QML)
@@ -82,16 +81,13 @@ func run() error {
 
 	currentService.Init(1)
 
-	//signals for whole qml
-	setSignals()
-
 	//image is ready for imageprovider
 	imgready = true
 
 	displayImg = DisplayWindow.Root().ObjectByName("displayImage")
 	serviceObject = serviceQml.Create(engine.Context())
-	serviceObject.Set("parent", MainWindow.ObjectByName("data1"))
-	serviceObject.Call("addLst", "shit")
+	serviceObject.Set("parent", MainWindow.ObjectByName("scview"))
+	serviceObject.Call("addLst", "not")
 
 	//edtQmlShow()
 	qml.RunMain(glInit)
@@ -99,7 +95,6 @@ func run() error {
 	slides.destroy()
 	fmt.Println(len(*currentService))
 
-	imagick.Terminate()
 	return nil
 }
 
@@ -174,21 +169,12 @@ func (sl *collection) add(text string) {
 	//problems occur otherwise
 	// now Im not an idiot and I know what this does
 	*sl = append(*sl, &cl)
-
-	//seperate image object in QML
-	cl.image.qmlImage.Set("source", fmt.Sprintf("image://images/cell;%d", cl.index))
-	cl.setSignal()
-	//give QML the text
-
 }
 
-//(slide) remove copied from github.com/golang/go/wiki/SliceTricks
+// remove copied from github.com/golang/go/wiki/SliceTricks
 func (sl *collection) remove(i int) {
 	cl := (*sl)[i]
 	cl.text = ""
-	cl.image.qmlImage.Destroy()
-	cl.qmlObject.Destroy()
-	cl.image.img.Destroy()
 	MainWindow.ObjectByName("gridRect").Set("count", MainWindow.ObjectByName("gridRect").Int("count")-1)
 	cl.index = -1
 
@@ -214,20 +200,6 @@ func (cl *Cell) Init() {
 	cl.Font.outlineSize = 1
 	cl.Font.size = 35
 	cl.Font.x, cl.Font.y = 10, 30
-
-	cl.qmlObject = cellQml.Create(engine.Context())
-	cl.image.qmlImage = cl.qmlObject.ObjectByName("cellImg")
-
-	//load image
-	cl.image.img = imagick.NewMagickWand()
-	cl.image.img.ReadImage("logo:")
-
-}
-
-func (cl *Cell) Select() {
-	selectedCell = cl.index
-	cl.qmlObject.ObjectByName("cellMouse").Call("selected")
-
 }
 
 //not really needed
diff --git a/qml.go b/qml.go
index f6a9fd3..dafa5ae 100644
--- a/qml.go
+++ b/qml.go
@@ -3,220 +3,19 @@ package main
 
 import (
 	"image"
-	"path/filepath"
-	"runtime/debug"
-	"strconv"
-	"strings"
-
-	"github.com/limetext/qml-go"
 )
 
-var (
-	selectedCell   int        //the focused cell
-	rightClickCell int        //the cell that was last right clicked
-	cellQml        qml.Object //file for the cell object
-	mainQml        qml.Object //main QML file
-	editQml        qml.Object
-	textEdit       qml.Object
-	displayQml     qml.Object
-	displayImg     qml.Object
-	DisplayWindow  *qml.Window
-	MainWindow     *qml.Window
-	songEditWindow *qml.Window
-	serviceObject  qml.Object
-	serviceQml     qml.Object
-	engine         *qml.Engine
-	quickEdit      bool = false
-	imgready       bool = false
-	QML            *qmlVar
-)
-
-func initQML() {
-	/*window2.ObjectByName("textClrDialog").On("accepted", func() {
-		window2.ObjectByName("textClrDialog").Color("color")
-	})*/
-}
-
-func qmlWindows() error {
-	mainQml, err = engine.LoadFile(path + "/Main.qml")
-	if err != nil {
-		return err
-	}
-
-	displayQml, err = engine.LoadFile(path + "/Display.qml")
-	if err != nil {
-		return err
-	}
-
-	editQml, err = engine.LoadFile(path + "/SongEdit.qml")
-	if err != nil {
-		return err
-	}
-
-	cellQml, err = engine.LoadFile(path + "/Cell.qml")
-	if err != nil {
-		return err
-	}
-
-	serviceQml, err = engine.LoadFile(path + "/Service.qml")
-	if err != nil {
-		return err
-	}
-
-	MainWindow = mainQml.CreateWindow(engine.Context())
-	songEditWindow = editQml.CreateWindow(engine.Context())
-	DisplayWindow = displayQml.CreateWindow(engine.Context())
-
-	textEdit = MainWindow.ObjectByName("textEdit")
-	return nil
-}
-
-func showWindows() {
-	MainWindow.Show()
-	songEditWindow.Show()
-	DisplayWindow.Show()
-}
-
-/*func (qv *qmlVar) Changed() {
-	qml.Changed(qv, qv.VerseLen)
-	qml.Changed(qv, qv.OrderLen)
-	qml.Changed(qv, qv.ImgLen)
-	qml.Changed(qv, qv.FontLen)
-}*/
-
-//signals for the cell and image in qml
-func (cl *Cell) setSignal() {
-	cl.qmlObject.ObjectByName("cellMouse").On("clicked", func(mouseEvent qml.Object) {
-		btn := mouseEvent.Property("button")
-		//right click
-		if btn == 2 {
-			//context menu
-			MainWindow.ObjectByName("mnuCtx").Call("popup")
-			rightClickCell = cl.index
-		} else {
-			//left click
-			//select and update image preview for cell
-			cl.Select()
-		}
-		//update image preview
-		cl.clearcache()
-	})
-
-	cl.image.qmlImage.ObjectByName("cellMouse").On("clicked", func(mouseEvent qml.Object) {
-		btn := mouseEvent.Property("button")
-		//right click
-		if btn == 2 {
-			//context menu
-			MainWindow.ObjectByName("mnuCtx").Call("popup")
-			rightClickCell = cl.index
-		} else {
-			//left click
-			//select and update image preview for cell
-			cl.Select()
-		}
-	})
-
-	cl.qmlObject.ObjectByName("cellMouse").On("focusChanged", func(focus bool) {
-		if focus {
-			cl.qmlObject.ObjectByName("cellMouse").Call("selected")
-		} else {
-			cl.qmlObject.ObjectByName("cellMouse").Call("notSelected")
-		}
-	})
-
-	cl.qmlObject.ObjectByName("cellMouse").On("doubleClicked", func() {
-		if quickEdit {
-			//cover the cell with the text edit
-			textEdit.Set("cell", cl.index)
-			textEdit.Set("x", cl.qmlObject.Int("x"))
-			textEdit.Set("y", cl.qmlObject.Int("y"))
-			textEdit.Set("height", cl.qmlObject.Int("height"))
-			textEdit.Set("z", 100)
-			textEdit.Set("visible", true)
-			textEdit.ObjectByName("textEdit1").Set("focus", true)
-			textEdit.Set("enabled", true)
-
-			//set the text
-			textEdit.ObjectByName("textEdit1").Set("text", cl.text)
-		}
-	})
-
-}
-
-//setSignals() for non dynamic elements
-func setSignals() {
-	MainWindow.ObjectByName("imgpicker").On("accepted", func() {
-		//delete file://  from url
-		url := filepath.Clean(strings.TrimPrefix(MainWindow.ObjectByName("imgpicker").String("fileUrl"), "file:"))
-
-		//replace new image
-		slides[rightClickCell].image.img.Clear()
-		slides[rightClickCell].image.img.ReadImage(url)
-	})
-
-	MainWindow.ObjectByName("btnAdd").On("clicked", func() {
-		slides.add("not")
-	})
-
-	MainWindow.ObjectByName("btnRem").On("clicked", func() {
-		slides.remove(len(slides) - 1)
-	})
-
-	MainWindow.ObjectByName("btnMem").On("clicked", func() {
-		//run GC
-		debug.FreeOSMemory()
-	})
-
-	MainWindow.ObjectByName("mnuEdit").On("triggered", func() {
-		quickEdit = !quickEdit
-	})
-
-	textEdit.ObjectByName("textEdit1").On("focusChanged", func(focus bool) {
-		var (
-			str  string
-			cell *Cell
-		)
-
-		if !focus {
-			//set text back to the cell
-			str = textEdit.ObjectByName("textEdit1").String("text")
-			cell = slides[textEdit.Int("cell")]
-			if textEdit.Bool("txt") {
-				cell.qmlObject.ObjectByName("cellText").Set("text", str)
-				cell.text = str
-			}
-		}
-	})
-}
-
-func edtQmlShow() {
-	//slc := window2.ObjectByName("fontPicker").Property("model")
-	//fmt.Println(slc)
-}
-
 //imgProvider() for preview images in QML
 func imgProvider(id string, width, height int) image.Image {
 	var img1 image.Image
 	if imgready && (len(id) > 0) {
 		//fmt.Println("source (provider): ", id)
-		i1 := strings.Index(id, `;`)
-		i, _ := strconv.Atoi(id[:i1])
-		img1 = slides[i].getImage(width, height)
+		// i1 := strings.Index(id, `;`)
+		// i, _ := strconv.Atoi(id[:i1])
+		// img1 = slides[i].getImage(width, height)
 	} else {
 		img1 = image.NewRGBA(image.Rect(0, 0, 340, 480))
 	}
 	return img1
 
 }
-
-//clear cache dosen't actually clear the cache
-//just gives a new source so that the cache isn't used
-func (cl *Cell) clearcache() {
-	str := cl.image.qmlImage.String("source")
-	i := strings.Index(str, `;`)
-	str1 := str[:i]
-	i1, _ := strconv.Atoi(str[i+1:])
-	str = str1 + `;` + strconv.Itoa(i1+1)
-	//fmt.Println("new source (click): ", str)
-	cl.image.qmlImage.Set("source", str)
-}
diff --git a/qml/Cell.qml b/qml/Cell.qml
index cdfda78..2f12bcd 100644
--- a/qml/Cell.qml
+++ b/qml/Cell.qml
@@ -1,83 +1,37 @@
 import QtQuick 2.4
+import QtQuick.Layouts 1.11
 
 Rectangle {
-    objectName: "cellRect"
-    property int index: 0
+    id: itm
     height: 100
-    border.width: 2
-    border.color: "black"
     anchors.right: parent.right
     anchors.left: parent.left
-
-    Text {
-        id: cellText
-        enabled: true
-        objectName: "cellText"
-        text: ""
-        clip: true
-        wrapMode: Text.WrapAtWordBoundaryOrAnywhere
-        anchors.fill: parent
-        anchors.right: parent.right
-        anchors.rightMargin: 0
-        anchors.left: parent.left
-        anchors.leftMargin: 2
-
-        MouseArea {
-            id: cellMouse
-            hoverEnabled: true
-            enabled: true
-            objectName: "cellMouse"
+            property alias text: cellText.text
+    Rectangle {
+        id: half1
+        height: 100
+        Layout.fillWidth: true
+        Layout.minimumWidth: 100
+        Rectangle {
+            objectName: "cellRect"
+            property int index: 0
             anchors.fill: parent
-            acceptedButtons: Qt.AllButtons
-
-            onMouseXChanged: cellHover()
-            onExited: focusChanged(focus)
-
-            function cellHover() {
-                if (containsMouse) {
-                    parent.parent.border.color = "skyblue"
-                    parent.parent.color = "darkblue"
-                    parent.color = "white"
-                } else if (focus) {
-                    parent.color = "black"
-                }
-            }
-
-            function notSelected() {
-
-                parent.parent.border.color = "black"
-                parent.parent.color = "white"
-                parent.color = "black"
-                cellHover()
-            }
-
-            function selected() {
-                parent.parent.border.color = "blue"
-                parent.color = "black"
-                parent.parent.color = "gainsboro"
-                cellHover()
+            border.width: 2
+            border.color: "black"
+            Text {
+                id: cellText
+                enabled: true
+                objectName: "cellText"
+                // text: "itm.model.text"
+                renderType: Text.NativeRendering
+                clip: true
+                wrapMode: Text.WrapAtWordBoundaryOrAnywhere
+                anchors.fill: parent
+                anchors.right: parent.right
+                anchors.rightMargin: 0
+                anchors.left: parent.left
+                anchors.leftMargin: 2
             }
         }
     }
-    Image {
-    id: img
-    antialiasing: true
-    source: "image://images/"
-    objectName: "cellImg"
-    property int index: 0
-    height: 100
-    transformOrigin: Item.TopLeft
-    fillMode: Image.PreserveAspectFit
-    anchors.right: parent.right
-    anchors.left: parent.left
-    //cache: false
-    MouseArea {
-            id: imgMouse
-            hoverEnabled: true
-            enabled: true
-            objectName: "cellMouse"
-            anchors.fill: parent
-            acceptedButtons: Qt.AllButtons
-            }
-}
 }
diff --git a/qml/Display.qml b/qml/Display.qml
index 5ebd864..ca8a118 100644
--- a/qml/Display.qml
+++ b/qml/Display.qml
@@ -1,5 +1,5 @@
 import QtQuick 2.4
-import QtQuick.Controls 1.3
+import QtQuick.Controls 2.4
 
 ApplicationWindow {
     flags: Qt.MaximumSize
@@ -13,5 +13,9 @@ ApplicationWindow {
         antialiasing: true
         anchors.fill: parent
     }
-
 }
+
+/*##^## Designer {
+    D{i:0;autoSize:true;height:480;width:640}
+}
+ ##^##*/
diff --git a/qml/img.qml b/qml/Img.qml
similarity index 61%
rename from qml/img.qml
rename to qml/Img.qml
index 1614a19..2d3552b 100644
--- a/qml/img.qml
+++ b/qml/Img.qml
@@ -13,11 +13,11 @@ Image {
     anchors.left: parent.left
     //cache: false
     MouseArea {
-            id: cellMouse
-            hoverEnabled: true
-            enabled: true
-            objectName: "cellMouse"
-            anchors.fill: parent
-            acceptedButtons: Qt.AllButtons
-            }
+        id: cellMouse
+        hoverEnabled: true
+        enabled: true
+        objectName: "cellMouse"
+        anchors.fill: parent
+        acceptedButtons: Qt.AllButtons
+    }
 }
diff --git a/qml/Main.qml b/qml/Main.qml
index 7e5f22c..55de047 100644
--- a/qml/Main.qml
+++ b/qml/Main.qml
@@ -1,9 +1,9 @@
 import QtQuick 2.4
-import QtQuick.Dialogs 1.2
-import QtQuick.Controls 1.3
-import QtQuick.Window 2.0
-//import "qml"
-import QtQuick.Layouts 1.0
+import QtQuick.Controls 1.6 as Quick
+import QtQuick.Controls 2.4
+import QtQuick.Dialogs 1.3
+import QtQuick.Window 2.11
+import QtQuick.Layouts 1.11
 
 ApplicationWindow {
     id: applicationWindow1
@@ -12,23 +12,108 @@ ApplicationWindow {
     objectName: "applicationWindow1"
     minimumWidth: 500
     minimumHeight: 500
-    width: 1000
-    height: 600
 
     FileDialog {
         id: imgpicker
-        // @disable-check M16
-        title: "Choose an image for this slide"
-        // @disable-check M16
         objectName: "imgpicker"
+        title: "Choose an image for this slide"
     }
 
-    Action {
-        id: aboutAction
-        text: "About"
-        onTriggered: aboutDialog.open()
-    }
+    Quick.SplitView {
+        id: spview
+        anchors.fill: parent
+        Rectangle {
+            id: preview
+            objectName: "col1"
+            border.width: 0
+            Layout.minimumWidth: 150
+            Layout.fillWidth: true
 
+            Flickable {
+                id: scview
+                objectName: "scview"
+                anchors.fill: parent
+                boundsBehavior: Flickable.OvershootBounds
+                flickableDirection: Flickable.VerticalFlick
+                pixelAligned: true
+                //verticalScrollBarPolicy: Qt.ScrollBarAlwaysOn
+                //horizontalScrollBarPolicy: Qt.ScrollBarAlwaysOff
+                //highlightOnFocus: false
+                //frameVisible: true
+                contentHeight: contentItem.childrenRect.height
+
+                Quick.SplitView {
+                    anchors.fill: parent
+                }
+
+                Rectangle {
+                    id: textEdit
+                    objectName: "textEdit"
+                    visible: false
+                    property bool keepText: true
+                    Keys.onPressed: {
+                        if ((event.key == Qt.Key_Return)
+                                && (event.modifiers & Qt.ControlModifier)) {
+                            keepText = true
+                            textEdit1.focus = false
+                            event.accepted = true
+                        }
+
+                        if (event.key == Qt.Key_Escape) {
+                            keepText = false
+                            textEdit1.focus = false
+                            event.accepted = true
+                        }
+                    }
+
+                    TextArea {
+                        id: textEdit1
+                        objectName: "textEdit1"
+                        anchors.fill: parent
+                        clip: true
+                        textFormat: Text.AutoText
+                        visible: true
+                        font.pixelSize: 12
+                        z: 99
+                        hoverEnabled: false
+                    }
+                }
+            }
+        }
+
+        Rectangle {
+            id: mainView
+            objectName: "mainView"
+            Layout.minimumWidth: 100
+            Layout.fillWidth: false
+
+            Button {
+                id: button1
+                objectName: "btnAdd"
+                x: 8
+                y: 8
+                text: qsTr("Add")
+                onClicked: sv.addLst("fail")
+            }
+
+            Button {
+                id: button2
+                x: 8
+                y: 49
+                text: qsTr("Remove")
+                objectName: "btnRem"
+            }
+
+            Button {
+                id: button3
+                x: 8
+                y: 90
+                text: qsTr("Button ")
+                objectName: "btnMem"
+            }
+        }
+    }
+    /*
     menuBar: MenuBar {
         Menu {
             title: "&File"
@@ -55,13 +140,13 @@ ApplicationWindow {
         }
 
         Menu {
-            title: "&Help"
+
             MenuItem {
-                action: aboutAction
+                text: "&help"
             }
         }
     }
-
+*/
     Menu {
         objectName: "mnuCtx"
         title: "new image..."
@@ -71,174 +156,4 @@ ApplicationWindow {
             onTriggered: imgpicker.open()
         }
     }
-
-    SplitView {
-        id: mainSlider
-        objectName: "mainSlider"
-        anchors.right: parent.right
-        anchors.bottom: parent.bottom
-        anchors.top: parent.top
-        anchors.left: parent.left
-        anchors.rightMargin: 0
-        anchors.bottomMargin: 0
-        anchors.leftMargin: 0
-        anchors.topMargin: 0
-        orientation: Qt.Horizontal
-        onResizingChanged: col1.width = gridData.width / 2
-
-        Rectangle {
-            id: gridRect
-            objectName: "gridRect"
-            width: 300
-            color: "#00000000"
-            border.width: 4
-            anchors.left: parent.left
-            anchors.leftMargin: 0
-            anchors.bottom: parent.bottom
-            anchors.bottomMargin: 0
-            anchors.top: parent.top
-            anchors.topMargin: 0
-            property int count: 1
-            property int expcount: 1
-
-            ScrollView {
-                id: scview
-                anchors.fill: parent
-                anchors.margins: 4
-                horizontalScrollBarPolicy: Qt.ScrollBarAlwaysOff
-                verticalScrollBarPolicy: Qt.ScrollBarAlwaysOn
-
-                SplitView {
-                    id: gridData
-                    objectName: "gridData"
-                    width: scview.width - 1
-                    height: data1.childrenRect.height //gridRect.count * 101
-
-                    Rectangle {
-                        id: col1
-                        objectName: "col1"
-                        width: gridData.width / 2
-                        color: "#00000000"
-                        transformOrigin: Item.TopLeft
-                        border.width: 0
-                        height: data1.childrenRect.height
-                        Rectangle {
-                            id: textEdit
-                            property int cell
-                            x: 232
-                            y: 622
-                            objectName: "textEdit"
-                            width: 200
-                            height: 200
-                            color: "#ffffff"
-                            visible: false
-                            property bool txt: true
-                            Keys.onPressed: {
-                                if ((event.key == Qt.Key_Return)
-                                        && (event.modifiers & Qt.ControlModifier)) {
-                                    txt = true
-
-                                    x = -100
-                                    y = -100
-                                    visible = false
-                                    focus = true
-                                    enabled = false
-                                    opacity = 0
-                                    textEdit1.focus = false
-
-                                    event.accepted = true
-                                }
-
-                                if (event.key == Qt.Key_Escape) {
-                                    txt = false
-                                    x = -100
-                                    y = -100
-                                    visible = false
-                                    focus = true
-                                    enabled = false
-                                    opacity = 0
-                                    textEdit1.focus = false
-
-                                    event.accepted = true
-                                }
-                            }
-
-                            TextArea {
-                                id: textEdit1
-                                objectName: "textEdit1"
-                                anchors.fill: parent
-                                clip: true
-                                textFormat: Text.AutoText
-                                visible: true
-                                font.pixelSize: 12
-                                z: 99
-                            }
-                        }
-
-                        Column {
-                            id: data1
-                            objectName: "data1"
-                            spacing: 1
-                            anchors.fill: parent
-                            clip: true
-                            height: data1.childrenRect.height
-                        }
-                    }
-
-                    Rectangle {
-                        id: col2
-                        objectName: "col2"
-                        color: "#00000000"
-                        border.width: 0
-
-                        Column {
-                            id: data2
-                            spacing: 1
-                            objectName: "data2"
-                            anchors.fill: parent
-                        }
-                    }
-                }
-            }
-        }
-
-        Rectangle {
-            id: mainView
-            border.width: 0
-            objectName: "mainView"
-            anchors.right: parent.right
-            anchors.rightMargin: 0
-            anchors.leftMargin: 0
-            anchors.left: gridRect.right
-            anchors.bottom: parent.bottom
-            anchors.top: parent.top
-            z: 1
-            clip: false
-            visible: true
-
-            Button {
-                id: button1
-                objectName: "btnAdd"
-                x: 8
-                y: 8
-                text: qsTr("Button") + data1.childrenRect.height
-            }
-
-            Button {
-                id: button2
-                x: 8
-                y: 43
-                text: qsTr("Button ")
-                objectName: "btnRem"
-            }
-
-            Button {
-                id: button3
-                x: 8
-                y: 78
-                text: qsTr("Button ")
-                objectName: "btnMem"
-            }
-        }
-    }
 }
diff --git a/qml/Service.qml b/qml/Service.qml
index 088434d..e4398c3 100644
--- a/qml/Service.qml
+++ b/qml/Service.qml
@@ -1,197 +1,35 @@
 //https://gist.github.com/elpuri/3753756
 import QtQuick 2.4
+import QtQuick.Controls 1.6
+import QtQuick.Controls.Styles 1.4
 
-Item {
-    id: rt
-    property ListElement def: ListElement {
-        property string cellText: "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"
-
-\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
-<html >
-
-<head>
-<meta content=\"text/html; charset=utf-8\" http-equiv=\"Content-Type\" />
-<title>Untitled 1</title>
-<style type=\"text/css\">
-.auto-style2 {
-font-family: \"Times New Roman\", Times, serif;
-font-size: small;
-}
-.auto-style3 {
-background-color: #FFFF00;
-}
-</style>
-</head>
-
-<body>
-<p><b>Header text</b><br/></p>
-<span class=\"auto-style3\">This is paragraph text</span>
-
-<hr />
-</body>
-
-</html>"
-        property int collectionIndex: 0
-        property string imageSource: "image://images/list:;cell:"
+TreeView {
+    id: view
+    anchors.fill: parent
+    anchors.margins: 2 * 12 + row.height
+    model: colors
+    alternatingRowColors: false
+    style: TreeViewStyle {
+      branchDelegate: Rectangle {
+        width: 16
+        height: 16
+        color: styleData.isExpanded ? "green" : "red"
+      }
+      frame: Rectangle {border {color: "blue"}}
+      backgroundColor: "blue"
     }
 
-    Component.onCompleted: addLst("Haha :-P")
-    height: ((lst.count) * 50) + (lst.subCount * 100)
-
-    anchors.right: parent.right
-    anchors.left: parent.left
-    anchors.leftMargin: 0
-    function remove(List, index) {
-        lst.subCount--
-        nestedModel.get(List).subItems.remove(index, 1)
-    }
-
-    function pop(List) {
-        lst.subCount--
-        nestedModel.get(List).subItems.remove(nestedModel.get(
-                                                  List).subItems.count - 1, 1)
-    }
-    function newdef(index, txt, src) {
-        var item = Object.create(def)
-        item.collectionIndex = index
-        item.text = txt
-        item.imageSource = src
-        return item
-    }
-    function remLst() {
-        nestedModel.remove(nestedModel.count - 1, 1)
-    }
-
-    function apppend(List, obj) {
-        lst.subCount++
-        nestedModel.get(List).subItems.append(obj)
-    }
-
-    function insert(List, index, obj) {
-        lst.subCount++
-        nestedModel.get(List).subItems.insert(index, obj)
-    }
-
-    function get(List, index) {
-        return nestedModel.get(List).subItems.get(index)
-    }
-
-    function set(List, index, obj) {
-        nestedModel.get(List).subItems.set(index, obj)
-    }
-
-    function addLst(str) {
-        var newCollection
-        var i = 0
-        var temp = Qt.createComponent("Sublist.qml").createObject(rt, {
-
-                                                                  })
-
-        newCollection = temp.get(0)
-        newCollection.name = str
-        newCollection.subItems.clear()
-        for (i = 0; i < 1; i++) {
-            newCollection.subItems.append(newdef(nestedModel.count, "idiot"))
-        }
-
-        nestedModel.append(newCollection)
-    }
-
-    ListView {
-        id: lst
-        anchors.fill: parent
-        y: 0
-        height: ((lst.count) * 55) + (lst.subCount * 100)
-        interactive: false
-        property int subCount: 0
-        model: nestedModel
-        delegate: Component {
-            id: categoryDelegate
-            Column {
-                anchors.right: parent.right
-                anchors.left: parent.left
-
-                //width: 200
-                Rectangle {
-                    id: categoryItem
-                    anchors.right: parent.right
-                    anchors.left: parent.left
-                    border.color: "black"
-                    border.width: 5
-                    color: "white"
-                    height: 50
-
-                    //width: 200
-                    Text {
-                        anchors.verticalCenter: parent.verticalCenter
-                        x: 15
-                        font.pixelSize: 24
-                        text: name
-                        clip: true
-                        anchors.left: parent.left
-                        anchors.right: parent.right
-                        anchors.rightMargin: 15
-                        anchors.leftMargin: 5
-                    }
-
-                    Rectangle {
-                        color: "red"
-                        width: 30
-                        height: 30
-                        anchors.right: parent.right
-                        anchors.rightMargin: 15
-                        anchors.verticalCenter: parent.verticalCenter
-
-                        MouseArea {
-                            anchors.fill: parent
-
-                            // Toggle the 'collapsed' property
-                            onClicked: {
-                                nestedModel.setProperty(index, "collapsed",
-                                                        !collapsed)
-                                if (!nestedModel.get(index).collapsed) {
-                                    lst.subCount = lst.subCount + subItemLoader.subItemModel.count
-                                } else {
-                                    lst.subCount = lst.subCount - subItemLoader.subItemModel.count
-                                }
-                            }
-                        }
-                    }
-                }
-
-                Loader {
-                    id: subItemLoader
-
-                    // This is a workaround for a bug/feature in the Loader element. If sourceComponent is set to null
-                    // the Loader element retains the same height it had when sourceComponent was set. Setting visible
-                    // to false makes the parent Column treat it as if it's height was 0.
-                    visible: !collapsed
-                    property variant subItemModel: subItems
-                    sourceComponent: subItemColumnDelegate
-                    onStatusChanged: if (status == Loader.Ready) {
-                                         item.model = subItemModel
-                                     }
-                }
-            }
+    TableViewColumn {
+        title: "Name"
+        role: "display"
+        resizable: true
+        delegate: Cell {
+            text: "hell"
         }
     }
-
-    Component {
-        id: subItemColumnDelegate
-        Column {
-            property alias model: subItemRepeater.model
-
-            width: rt.width
-            Repeater {
-                id: subItemRepeater
-                objectName: "repeater"
-                delegate: Cell {
-                }
-            }
-        }
-    }
-    ListModel {
-        id: nestedModel
-        objectName: "nestedModel"
-    }
 }
+
+/*##^## Designer {
+    D{i:0;autoSize:true;height:480;width:640}
+}
+ ##^##*/
diff --git a/qml/SongEdit.qml b/qml/SongEdit.qml
index 3859e31..b6b2242 100644
--- a/qml/SongEdit.qml
+++ b/qml/SongEdit.qml
@@ -1,8 +1,7 @@
 import QtQuick 2.4
-import QtQuick.Controls 1.4
-import QtQuick.Layouts 1.1
-import QtQuick.Dialogs 1.2
-//import Qt.labs.controls 1.0
+import QtQuick.Controls 1.6
+import QtQuick.Layouts 1.11
+import QtQuick.Dialogs 1.3
 
 ApplicationWindow {
     minimumHeight: 480
@@ -79,7 +78,7 @@ ApplicationWindow {
                 }
                 ListView {
                     id: lstVerses
-		    objectName: "lstVerses"
+                    objectName: "lstVerses"
                     clip: true
                     highlight: Rectangle {
                         color: "lightsteelblue"
@@ -119,7 +118,7 @@ ApplicationWindow {
                 }
                 ListView {
                     id: lstOrder
-		    objectName: "lstOrder"
+                    objectName: "lstOrder"
                     clip: true
                     highlight: Rectangle {
                         color: "lightsteelblue"
@@ -180,11 +179,6 @@ ApplicationWindow {
                     objectName: "fontPicker"
                     Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                     model: go.fontList.split("\n")
-                    /*// @disable-check M16
-                    delegate:Text {
-                        text: go.fontList(index)
-                    }*/
-
                 }
 
                 SpinBox {
@@ -228,7 +222,7 @@ ApplicationWindow {
                 ComboBox {
                     id: imgPicker
                     objectName: "imgPicker"
-                    model: go.img.split("\n")
+                    //model: go.img.split("\n")
                     /*// @disable-check M16
                     delegate: Text {
                         text: go.img(index)
@@ -236,7 +230,7 @@ ApplicationWindow {
                 }
                 TextArea {
                     id: txtVerse
-		    objectName: "txtVerse"
+                    objectName: "txtVerse"
                     width: 80
                     height: 20
                     text: qsTr("Text Edit")
diff --git a/qml/Sublist.qml b/qml/Sublist.qml
index 9765b6f..6f87bb3 100644
--- a/qml/Sublist.qml
+++ b/qml/Sublist.qml
@@ -8,7 +8,7 @@ ListModel {
         return get(0)
     }
     ListElement {
-        categoryName: "Cars"
+        title: "Cars"
         collapsed: true
         subItems: [
             ListElement {
diff --git a/qml/fileDialogs.qml b/qml/fileDialogs.qml
index a725a8b..e6e0f76 100644
--- a/qml/fileDialogs.qml
+++ b/qml/fileDialogs.qml
@@ -1,13 +1,15 @@
-import QtQuick 2.2
-import QtQuick.Dialogs 1.0
+import QtQuick 2.4
+import QtQuick.Dialogs 1.3
 
 FileDialog {
     id: imgDialog
     title: "Please choose an image"
     folder: shortcuts.home
     onAccepted: {
+
     }
     onRejected: {
+
     }
     Component.onCompleted: visible = true
 }
diff --git a/qrc.go b/qrc.go
index 5fe4aeb..8d1f8c1 100644
--- a/qrc.go
+++ b/qrc.go
@@ -39,7 +39,11 @@ func qrcRepackResources() error {
 			if err != nil {
 				return err
 			}
-			rp.Add(filepath.ToSlash(path), data)
+			if filepath.Ext(info.Name()) == ".conf" {
+				rp.Add("/", data)
+			} else {
+				rp.Add(filepath.ToSlash(path), data)
+			}
 			return nil
 		})
 		if err != nil {
@@ -51,3 +55,4 @@ func qrcRepackResources() error {
 }
 
 var qrcResourcesRepacked []byte
+var qrcResourcesData = "qres\x00\x00\x00\x01\x00\x00X\xed\x00\x00\x00\x14\x00\x00W\xdb\x00\x00\x026import QtQuick 2.4\n\nListModel {\n    id: nestedModel\n    objectName: \"nestedModel\"\n    function get1() {\n        console.log(get(0))\n        return get(0)\n    }\n    ListElement {\n        title: \"Cars\"\n        collapsed: true\n        subItems: [\n            ListElement {\n                itemName: \"tst\"\n            },\n            ListElement {\n                itemName: \"Tota\"\n            },\n            ListElement {\n                itemName: \"vy\"\n            },\n            ListElement {\n                itemName: \"Audio Adrenaline\"\n            }\n        ]\n    }\n}\n\x00\x00\x01\xfdimport QtQuick 2.4\n\nImage {\n    id: img\n    antialiasing: true\n    source: \"image://images/\"\n    objectName: \"cellImg\"\n    property int index: 0\n    height: 100\n    transformOrigin: Item.TopLeft\n    fillMode: Image.PreserveAspectFit\n    anchors.right: parent.right\n    anchors.left: parent.left\n    //cache: false\n    MouseArea {\n        id: cellMouse\n        hoverEnabled: true\n        enabled: true\n        objectName: \"cellMouse\"\n        anchors.fill: parent\n        acceptedButtons: Qt.AllButtons\n    }\n}\n\x00\x00\x1e.import QtQuick 2.4\nimport QtQuick.Controls 1.3\nimport QtQuick.Layouts 1.1\nimport QtQuick.Dialogs 1.2\n\nApplicationWindow {\n    minimumHeight: 480\n    minimumWidth: 640\n\n    ColorDialog {\n        id: textClrDialog\n        //objectname: \"textClrDialog\"\n        title: \"Please choose a color for the text\"\n        showAlphaChannel: true\n    }\n\n    ColorDialog {\n        id: outlineClrDialog\n        //objectname: \"outlineClrDialog\"\n        title: \"Please choose a color for the text\"\n        showAlphaChannel: true\n    }\n\n    menuBar: MenuBar {\n        Menu {\n            title: \"&File\"\n            MenuItem {\n                text: \"Close\"\n            }\n        }\n        Menu {\n            title: \"&Edit\"\n            MenuItem {\n                text: \"quick edit\"\n                objectName: \"mnuEdit\"\n            }\n        }\n\n        Menu {\n            title: \"Window\"\n\n            MenuItem {\n                text: \"Display\"\n                objectName: \"mnuDisplay\"\n            }\n        }\n\n        Menu {\n            title: \"&Help\"\n            MenuItem {\n                //action: aboutAction\n            }\n        }\n    }\n\n    RowLayout {\n        id: rowLayout1\n        enabled: true\n        smooth: true\n        antialiasing: true\n        anchors.fill: parent\n\n        RowLayout {\n            id: rowlayout3\n            Layout.fillHeight: true\n            Layout.alignment: Qt.AlignTop\n            Layout.maximumWidth: 225\n\n            ColumnLayout {\n                id: columnlayout2\n                Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                Layout.fillHeight: true\n\n                Label {\n                    id: label1\n                    text: qsTr(\"Verses\")\n                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                }\n                ListView {\n                    id: lstVerses\n                    objectName: \"lstVerses\"\n                    clip: true\n                    highlight: Rectangle {\n                        color: \"lightsteelblue\"\n                        radius: 5\n                    }\n                    width: 110\n                    Layout.fillHeight: true\n                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                    focus: true\n                    keyNavigationWraps: true\n                    boundsBehavior: Flickable.StopAtBounds\n                    model: go.verseLen\n\n                    delegate: Item {\n                        x: 5\n                        width: 80\n                        height: 40\n\n                        Text {\n                            text: go.verses(index)\n                            anchors.verticalCenter: parent.verticalCenter\n                            font.bold: true\n                        }\n                    }\n                }\n            }\n\n            ColumnLayout {\n                id: columnlayout3\n                Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                Layout.fillHeight: true\n\n                Label {\n                    id: label2\n                    text: qsTr(\"Verse Order\")\n                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                }\n                ListView {\n                    id: lstOrder\n                    objectName: \"lstOrder\"\n                    clip: true\n                    highlight: Rectangle {\n                        color: \"lightsteelblue\"\n                        radius: 5\n                    }\n                    width: 110\n                    Layout.fillHeight: true\n                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                    boundsBehavior: Flickable.StopAtBounds\n                    model: go.orderLen\n                    delegate: Item {\n                        x: 5\n                        width: 80\n                        height: 40\n\n                        Text {\n                            text: go.verseOrder(index)\n                            anchors.verticalCenter: parent.verticalCenter\n                            font.bold: true\n                        }\n                    }\n                }\n            }\n        }\n\n        ColumnLayout {\n            id: columnlayout4\n            Layout.fillWidth: true\n            Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n            Layout.fillHeight: true\n\n            RowLayout {\n                id: rowLayout3\n                Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                Layout.maximumHeight: 30\n                Layout.minimumHeight: 30\n                Layout.preferredHeight: 30\n                Layout.fillWidth: true\n\n                ToolButton {\n                    id: textColorPicker\n                    objectName: \"textColorPicker\"\n                    text: \"Text Color\"\n                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                    tooltip: \"Pick the color of the text\"\n                }\n\n                ToolButton {\n                    id: outlineColorPicker\n                    objectName: \"outlineColorPicker\"\n                    text: \"Outline Color\"\n                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                    tooltip: \"Pick the color of the text outline\"\n                }\n\n                ComboBox {\n                    id: fontPicker\n                    objectName: \"fontPicker\"\n                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                    model: go.fontList.split(\"\\n\")\n                    /*// @disable-check M16\n                    delegate:Text {\n                        text: go.fontList(index)\n                    }*/\n                }\n\n                SpinBox {\n                    id: fontSize\n                    objectName: \"fontSize\"\n                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                    maximumValue: 1000\n                    value: 1\n                    suffix: \"Pt\"\n                }\n\n                SpinBox {\n                    id: outlineSize\n                    stepSize: 0.1\n                    decimals: 1\n                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                    objectName: \"outlineSize\"\n                    maximumValue: 10\n                    value: 1\n                }\n            }\n            RowLayout {\n                id: rowLayout2\n                Layout.preferredHeight: 30\n                Layout.maximumHeight: 30\n                Layout.minimumHeight: 30\n                Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                Layout.fillHeight: true\n                Layout.fillWidth: true\n\n                ComboBox {\n                    id: versePicker\n                    objectName: \"versePicker\"\n                    model: go.verses.split(\"\\n\")\n                    /*// @disable-check M16\n                    delegate: Text {\n                        text: go.verses(index)\n                    }*/\n                }\n\n                ComboBox {\n                    id: imgPicker\n                    objectName: \"imgPicker\"\n                    //model: go.img.split(\"\\n\")\n                    /*// @disable-check M16\n                    delegate: Text {\n                        text: go.img(index)\n                    }*/\n                }\n                TextArea {\n                    id: txtVerse\n                    objectName: \"txtVerse\"\n                    width: 80\n                    height: 20\n                    text: qsTr(\"Text Edit\")\n                    textFormat: Text.AutoText\n                    Layout.fillHeight: true\n                    Layout.fillWidth: true\n                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop\n                    font.pixelSize: 12\n                    selectByKeyboard: true\n                    selectByMouse: true\n                }\n            }\n        }\n    }\n}\n\x00\x00\x00\xebimport QtQuick 2.2\nimport QtQuick.Dialogs 1.0\n\nFileDialog {\n    id: imgDialog\n    title: \"Please choose an image\"\n    folder: shortcuts.home\n    onAccepted: {\n\n    }\n    onRejected: {\n\n    }\n    Component.onCompleted: visible = true\n}\n\x00\x00\x01nimport QtQuick 2.4\nimport QtQuick.Controls 1.3 as Quick\nimport QtQuick.Controls 2.1\n\nApplicationWindow {\n    flags: Qt.MaximumSize\n    Component.onCompleted: visible = true\n\n    Image {\n        id: image1\n        objectName: \"displayImage\"\n        sourceSize.height: 768\n        sourceSize.width: 1024\n        antialiasing: true\n        anchors.fill: parent\n    }\n}\n\x00\x00\x12<import QtQuick 2.3\nimport QtQuick.Controls 1.3 as Quick\nimport QtQuick.Controls 2.1\nimport QtQuick.Dialogs 1.2\nimport QtQuick.Window 2.0\nimport QtQuick.Layouts 1.0\n\nApplicationWindow {\n    id: applicationWindow1\n    title: \"Presentation App\"\n    visible: true\n    objectName: \"applicationWindow1\"\n    minimumWidth: 500\n    minimumHeight: 500\n\n    FileDialog {\n        id: imgpicker\n        objectName: \"imgpicker\"\n        title: \"Choose an image for this slide\"\n    }\n\n    Quick.SplitView {\n        id: spview\n        anchors.fill: parent\n        Rectangle {\n            id: col1\n            x: 300\n            y: 0\n            objectName: \"col1\"\n            color: \"#00000000\"\n            transformOrigin: Item.TopLeft\n            border.width: 0\n            Layout.fillWidth: true\n\n            Rectangle {\n                id: textEdit\n                property int cell\n                x: 232\n                y: 622\n                objectName: \"textEdit\"\n                width: 200\n                height: 200\n                color: \"#ffffff\"\n                visible: false\n                property bool txt: true\n                Keys.onPressed: {\n                    if ((event.key == Qt.Key_Return)\n                            && (event.modifiers & Qt.ControlModifier)) {\n                        txt = true\n\n                        x = -100\n                        y = -100\n                        visible = false\n                        focus = true\n                        enabled = false\n                        opacity = 0\n                        textEdit1.focus = false\n\n                        event.accepted = true\n                    }\n\n                    if (event.key == Qt.Key_Escape) {\n                        txt = false\n                        x = -100\n                        y = -100\n                        visible = false\n                        focus = true\n                        enabled = false\n                        opacity = 0\n                        textEdit1.focus = false\n\n                        event.accepted = true\n                    }\n                }\n\n                TextArea {\n                    id: textEdit1\n                    objectName: \"textEdit1\"\n                    anchors.fill: parent\n                    clip: true\n                    textFormat: Text.AutoText\n                    visible: true\n                    font.pixelSize: 12\n                    z: 99\n                }\n            }\n            Flickable {\n                id: scview\n                objectName: \"scview\"\n                anchors.fill: parent\n                boundsBehavior: Flickable.OvershootBounds\n                flickableDirection: Flickable.VerticalFlick\n                pixelAligned: true\n                //verticalScrollBarPolicy: Qt.ScrollBarAlwaysOn\n                //horizontalScrollBarPolicy: Qt.ScrollBarAlwaysOff\n                //highlightOnFocus: false\n                //frameVisible: true\n                contentHeight: contentItem.childrenRect.height\n            }\n        }\n\n        Rectangle {\n            id: mainView\n            objectName: \"mainView\"\n            clip: false\n            visible: true\n            Layout.minimumWidth: 300\n            Layout.fillWidth: false\n\n            Button {\n                id: button1\n                objectName: \"btnAdd\"\n                x: 8\n                y: 8\n                text: qsTr(\"Add\")\n                onClicked: sv.addLst(\"fail\")\n            }\n\n            Button {\n                id: button2\n                x: 8\n                y: 43\n                text: qsTr(\"Remove\")\n                objectName: \"btnRem\"\n            }\n\n            Button {\n                id: button3\n                x: 8\n                y: 78\n                text: qsTr(\"Button \")\n                objectName: \"btnMem\"\n            }\n        }\n    }\n    /*\n    menuBar: MenuBar {\n        Menu {\n            title: \"&File\"\n            MenuItem {\n                text: \"Close\"\n                shortcut: StandardKey.Quit\n            }\n        }\n        Menu {\n            title: \"&Edit\"\n            MenuItem {\n                text: \"quick edit\"\n                objectName: \"mnuEdit\"\n            }\n        }\n\n        Menu {\n            title: \"Window\"\n\n            MenuItem {\n                text: \"Display\"\n                objectName: \"mnuDisplay\"\n            }\n        }\n\n        Menu {\n\n            MenuItem {\n                text: \"&help\"\n            }\n        }\n    }\n*/\n    Menu {\n        objectName: \"mnuCtx\"\n        title: \"new image...\"\n        MenuItem {\n            objectName: \"mnuImgPick\"\n            text: \"new Image...\"\n            onTriggered: imgpicker.open()\n        }\n    }\n}\n\x00\x00\x00\x1a[Controls]\nStyle=Material\n\x00\x00\r\rimport QtQuick 2.3\nimport QtQuick.Controls 1.3 as Quick\nimport QtQuick.Layouts 1.0\n\nRectangle {\n    id: itm\n    height: 100\n    anchors.right: parent.right\n    anchors.left: parent.left\n    Quick.SplitView {\n        id: splitView\n        anchors.fill: parent\n        Rectangle {\n            id: half1\n            height: 100\n            Layout.fillWidth: true\n            Layout.minimumWidth: 100\n            Rectangle {\n                objectName: \"cellRect\"\n                property int index: 0\n                anchors.fill: parent\n                border.width: 2\n                border.color: \"black\"\n                Text {\n                    id: cellText\n                    enabled: true\n                    objectName: \"cellText\"\n                    text: \"itm.model.text\"\n                    renderType: Text.NativeRendering\n                    clip: true\n                    wrapMode: Text.WrapAtWordBoundaryOrAnywhere\n                    anchors.fill: parent\n                    anchors.right: parent.right\n                    anchors.rightMargin: 0\n                    anchors.left: parent.left\n                    anchors.leftMargin: 2\n\n                    MouseArea {\n                        id: cellMouse\n                        hoverEnabled: true\n                        enabled: true\n                        objectName: \"cellMouse\"\n                        anchors.fill: parent\n                        acceptedButtons: Qt.AllButtons\n\n                        onMouseXChanged: cellHover()\n                        onExited: focusChanged(focus)\n\n                        function cellHover() {\n                            if (containsMouse) {\n                                parent.parent.border.color = \"skyblue\"\n                                parent.parent.color = \"darkblue\"\n                                parent.color = \"white\"\n                            } else if (focus) {\n                                parent.color = \"black\"\n                            }\n                        }\n\n                        function notSelected() {\n\n                            parent.parent.border.color = \"black\"\n                            parent.parent.color = \"white\"\n                            parent.color = \"black\"\n                            cellHover()\n                        }\n\n                        function selected() {\n                            parent.parent.border.color = \"blue\"\n                            parent.color = \"black\"\n                            parent.parent.color = \"gainsboro\"\n                            cellHover()\n                        }\n                    }\n                }\n            }\n        }\n        Rectangle {\n            id: half3\n            Layout.fillWidth: false\n            Layout.minimumWidth: 100\n            Layout.maximumHeight: 400\n            onXChanged: {\n                var temp = (cellImg.sourceSize.height / cellImg.sourceSize.width) * half3.width\n                if (temp < 100) {\n                    temp = 100\n                }\n                if (temp > 150) {\n                    temp = 150\n                }\n\n                itm.height = temp\n            }\n\n            Img {\n                id: cellImg\n                anchors.fill: parent\n                objectName: \"cellImg\"\n                source: \"itm.model.imageSource\"\n            }\n        }\n    }\n}\n\x00\x00\x13\x86//https://gist.github.com/elpuri/3753756\nimport QtQuick 2.4\n\nItem {\n    id: rt\n    property ListElement def: ListElement {\n        property string cellText: \"DOCTYPE html PUBLIC\"\n        property int collectionIndex: 0\n        property string imageSource: \"image://images/list:;cell:\"\n    }\n\n    Component.onCompleted: addLst(\"Haha :-P\")\n    height: lst.contentHeight\n    anchors.right: parent.right\n    anchors.left: parent.left\n    anchors.leftMargin: 0\n    function remove(List, index) {\n        lst.subCount--\n        lst.model[List].subItems.remove(index, 1)\n    }\n\n    function pop(List) {\n        lst.subCount--\n        lst.model[List].subItems.remove(lst.model[List].subItems.count - 1, 1)\n    }\n    function newdef(index, txt, src) {\n        var item = Object.create(def)\n        item.collectionIndex = index\n        item.title = txt\n        item.imageSource = src\n        return item\n    }\n    function remLst() {\n        lst.model.remove(lst.model.count - 1, 1)\n    }\n\n    function apppend(List, obj) {\n        lst.subCount++\n        lst.model[List].subItems.append(obj)\n    }\n\n    function insert(List, index, obj) {\n        lst.subCount++\n        lst.model[List].subItems.insert(index, obj)\n    }\n\n    function get(List, index) {\n        return lst.model[List].subItems.get(index)\n    }\n\n    function set(List, index, obj) {\n        lst.model[List].subItems.set(index, obj)\n    }\n\n    function addLst(str) {\n        var newCollection\n        var count = 2\n        var i = 0\n        var temp = Qt.createComponent(\"Sublist.qml\").createObject(rt, {\n\n                                                                  })\n\n        newCollection = temp.get(0)\n        newCollection.title = str\n        newCollection.subItems.clear()\n        for (i = 0; i < count; i++) {\n            newCollection.subItems.append(newdef(lst.model.count, \"idiot\"))\n        }\n\n        lst.model.append(newCollection)\n    }\n\n    ListView {\n        id: lst\n        anchors.fill: parent\n        y: 0\n        interactive: false\n        model: nestedModel\n        delegate: Component {\n            id: categoryDelegate\n            Column {\n                anchors.right: parent.right\n                anchors.left: parent.left\n\n                Rectangle {\n                    id: categoryItem\n                    anchors.right: parent.right\n                    anchors.left: parent.left\n                    border.color: \"black\"\n                    border.width: 5\n                    color: \"white\"\n                    height: 50\n\n                    Text {\n                        anchors.verticalCenter: parent.verticalCenter\n                        x: 15\n                        font.pixelSize: 24\n                        text: index + ' ' + cellText\n                        clip: true\n                        anchors.left: parent.left\n                        anchors.right: parent.right\n                        anchors.rightMargin: 15\n                        anchors.leftMargin: 5\n                    }\n\n                    Rectangle {\n                        color: \"red\"\n                        width: 30\n                        height: 30\n                        anchors.right: parent.right\n                        anchors.rightMargin: 15\n                        anchors.verticalCenter: parent.verticalCenter\n\n                        MouseArea {\n                            anchors.fill: parent\n\n                            // Toggle the 'collapsed' property\n                            onClicked: {\n                                lst.model.setProperty(index, \"collapsed\",\n                                                      !collapsed)\n                            }\n                        }\n                    }\n                }\n\n                Loader {\n                    id: subItemLoader\n\n                    // This is a workaround for a bug/feature in the Loader element. If sourceComponent is set to null\n                    // the Loader element retains the same height it had when sourceComponent was set. Setting visible\n                    // to false makes the parent Column treat it as if it's height was 0.\n                    visible: !collapsed\n                    property variant subItemModel: subItems\n                    sourceComponent: subItemColumnDelegate\n                    onStatusChanged: if (status == Loader.Ready) {\n                                         item.model = subItemModel\n                                     }\n                }\n            }\n        }\n    }\n\n    Component {\n        id: subItemColumnDelegate\n        Column {\n            property alias model: subItemRepeater.model\n\n            width: rt.width\n            Repeater {\n                anchors.right: parent.right\n                anchors.left: parent.left\n                id: subItemRepeater\n                objectName: \"repeater\"\n                delegate: Cell {\n                }\n            }\n        }\n    }\n    ListModel {\n        id: nestedModel\n        objectName: \"nestedModel\"\n    }\n}\n\x00\x03\x00\x00x<\x00q\x00m\x00l\x00\v\x00\x12&\\\x00S\x00u\x00b\x00l\x00i\x00s\x00t\x00.\x00q\x00m\x00l\x00\a\x00:X\x9c\x00I\x00m\x00g\x00.\x00q\x00m\x00l\x00\f\x00K\xc3\\\x00S\x00o\x00n\x00g\x00E\x00d\x00i\x00t\x00.\x00q\x00m\x00l\x00\x0f\x00\xd2\f\\\x00f\x00i\x00l\x00e\x00D\x00i\x00a\x00l\x00o\x00g\x00s\x00.\x00q\x00m\x00l\x00\v\x02\x1eD\xdc\x00D\x00i\x00s\x00p\x00l\x00a\x00y\x00.\x00q\x00m\x00l\x00\b\b\x01^\\\x00M\x00a\x00i\x00n\x00.\x00q\x00m\x00l\x00\x15\b\x1e\x16f\x00q\x00t\x00q\x00u\x00i\x00c\x00k\x00c\x00o\x00n\x00t\x00r\x00o\x00l\x00s\x002\x00.\x00c\x00o\x00n\x00f\x00\b\f/a\x1c\x00C\x00e\x00l\x00l\x00.\x00q\x00m\x00l\x00\v\x0f'Ǽ\x00S\x00e\x00r\x00v\x00i\x00c\x00e\x00.\x00q\x00m\x00l\x00\x00\x00\x00\x00\x02\x00\x00\x00\x01\x00\x00\x00\x01\x00\x00\x00\x00\x00\x02\x00\x00\x00\t\x00\x00\x00\x02\x00\x00\x00\f\x00\x00\x00\x00\x00\x01\x00\x00\x00\x00\x00\x00\x00(\x00\x00\x00\x00\x00\x01\x00\x00\x02:\x00\x00\x00<\x00\x00\x00\x00\x00\x01\x00\x00\x04;\x00\x00\x00Z\x00\x00\x00\x00\x00\x01\x00\x00\"m\x00\x00\x00~\x00\x00\x00\x00\x00\x01\x00\x00#\\\x00\x00\x00\x9a\x00\x00\x00\x00\x00\x01\x00\x00$\xce\x00\x00\x00\xb0\x00\x00\x00\x00\x00\x01\x00\x007\x0e\x00\x00\x00\xe0\x00\x00\x00\x00\x00\x01\x00\x007,\x00\x00\x00\xf6\x00\x00\x00\x00\x00\x01\x00\x00D="
diff --git a/tst.qml b/tst.qml
deleted file mode 100644
index 4969692..0000000
--- a/tst.qml
+++ /dev/null
@@ -1,173 +0,0 @@
-//https://gist.github.com/elpuri/3753756
-import QtQuick 2.4
-import QtQuick.Controls 1.3
-
-ApplicationWindow {
-    id: app1
-    minimumWidth: 200
-    minimumHeight: 50
-
-    Item {
-        id: tst4
-        height: 50 + ((tst3.count-1)*50) + (tst3.subCount * 40)
-        anchors.right: parent.right
-        anchors.rightMargin: 0
-        anchors.left: parent.left
-        anchors.leftMargin: 0
-
-
-        ListView {
-            id: tst3
-            anchors.fill: parent
-            property int subCount: 0
-            model: nestedModel
-            delegate: Component {
-                id: categoryDelegate
-                Column {
-                    anchors.right: parent.right
-                    anchors.left: parent.left
-
-                    //width: 200
-                    Rectangle {
-                        id: categoryItem
-                        anchors.right: parent.right
-                        anchors.left: parent.left
-                        border.color: "black"
-                        border.width: 5
-                        color: "white"
-                        height: 50
-
-                        //width: 200
-                        Text {
-                            anchors.verticalCenter: parent.verticalCenter
-                            x: 15
-                            font.pixelSize: 24
-                            text: categoryName
-                        }
-
-                        Rectangle {
-                            color: "red"
-                            width: 30
-                            height: 30
-                            anchors.right: parent.right
-                            anchors.rightMargin: 15
-                            anchors.verticalCenter: parent.verticalCenter
-
-                            MouseArea {
-                                anchors.fill: parent
-
-                                // Toggle the 'collapsed' property
-                                onClicked: {
-                                    nestedModel.setProperty(index, "collapsed", !collapsed)
-                                    if (!nestedModel.get(index).collapsed) {
-                                        tst3.subCount = tst3.subCount + subItemLoader.subItemModel.count
-                                    } else {
-                                        tst3.subCount = tst3.subCount - subItemLoader.subItemModel.count
-                                    }
-                                }
-                            }
-                        }
-                    }
-
-                    Loader {
-                        id: subItemLoader
-
-                        // This is a workaround for a bug/feature in the Loader element. If sourceComponent is set to null
-                        // the Loader element retains the same height it had when sourceComponent was set. Setting visible
-                        // to false makes the parent Column treat it as if it's height was 0.
-                        visible: !collapsed
-                        property variant subItemModel: subItems
-                        sourceComponent: collapsed ? null : subItemColumnDelegate
-                        onStatusChanged: if (status == Loader.Ready)
-                                             item.model = subItemModel
-                    }
-                }
-            }
-        }
-
-        Component {
-            id: subItemColumnDelegate
-            Column {
-                property alias model: subItemRepeater.model
-
-                width: tst4.width
-                Repeater {
-                    id: subItemRepeater
-                    delegate: Rectangle {
-                        color: "#cccccc"
-                        height: 40
-                        anchors.right: parent.right
-                        anchors.left: parent.left
-                        //width: 200
-                        border.color: "black"
-                        border.width: 2
-
-                        Text {
-                            anchors.verticalCenter: parent.verticalCenter
-                            x: 30
-                            font.pixelSize: 18
-                            text: itemName
-                        }
-                    }
-                }
-            }
-        }
-        ListModel {
-                        id: nestedModel
-                        ListElement {
-                            categoryName: "Cars"
-                            collapsed: true
-                            subItems: [
-                                ListElement {
-                                    itemName: "Nissan"
-                                },
-                                ListElement {
-                                    itemName: "Toyota"
-                                },
-                                ListElement {
-                                    itemName: "Chevy"
-                                },
-                                ListElement {
-                                    itemName: "Audi"
-                                }
-                            ]
-                        }
-                        ListElement {
-                            categoryName: "Cars"
-                            collapsed: true
-                            subItems: [
-                                ListElement {
-                                    itemName: "Nissan"
-                                },
-                                ListElement {
-                                    itemName: "Toyota"
-                                },
-                                ListElement {
-                                    itemName: "Chevy"
-                                },
-                                ListElement {
-                                    itemName: "Audi"
-                                }
-                            ]
-                        }
-                        ListElement {
-                            categoryName: "Cars"
-                            collapsed: true
-                            subItems: [
-                                ListElement {
-                                    itemName: "Nissan"
-                                },
-                                ListElement {
-                                    itemName: "Toyota"
-                                },
-                                ListElement {
-                                    itemName: "Chevy"
-                                },
-                                ListElement {
-                                    itemName: "Audi"
-                                }
-                            ]
-                        }
-                    }
-    }
-}