Forum consepet
You are not logged in. Please Login.

Forum consepet > Member Profile
Announcements
If you don't want to register but you would like to comment login using the temp account. ID sp_cc Password 12345678. If you want me to know who you are leave your first name or handle at the end of your post. http://tiny.cc/energ.

Viewing profile for cgetty
cgetty




Login to contact
General
Joined:
2013-12-25
Posts made:
137
Homepage:
http:// 
Status:
   
Email:
not public
Location:
usa texas 
Contact
 ICQ:
 
 AIM:
 
 Yahoo!:
 
 MSN:
 
 Skype:
 
 

In forum "CrossUI"
In topic "CrossUI Forum is back up"


As of 2.7.24 CrussUi Forum is back up. https://crossui.com/community/

In topic ""
Topic was moved to forum : CrossUI General
You should be redirected in 2 seconds.  If not, click here.
In topic "Introduction to an older version before CrossUI"

I wish I had the screen cast software I used to make this demo video.

This is a video I made back around 2009. This software reminds me of Delphi. But instead of working on a specific operation platform UI Builder seems to be based on javascript, the internet.

This type of software seems to be targeted toward the Citizen developers. For more on that go here.

These are the type of demos that might spark peoples interest.

What do YOU think?


As of 11.19.23 you can check out the older version here.
vb3builder.atwebpages.com/vb3/

The software has been upgraded. It is now called CrossUi you can check it out here. https://www.crossui.com/RAD/
There are many new features.  :) 

In topic "Sample progects ideas using CrossUI"


- A project using MQTT
- Making Components slimier to Delphi
- Away to hook up a SQL light database that's easy
- A project that can read a file in the directory Jason loaded up in a grid. Make edits to the grid and have the ability to save it back to the file after you make changes (after editing the grid).

In topic "General Observations About CrossUI"

These are my observations about the software CrossUI.

Around the time 2008/2009 I work for the city of Azusa and the electrical department electric meters.

Since meters stop being mechanical and started being electronic well then software came to my life and I started to learn about software and using it at my work with the meters and keeping track of records and databases and so on.

I ran across some software called sigma widgets or something like that. it was basically a javascript that you could use easily plug onto a HTML page and it looked pretty good and it was via the Internet I liked it.

Around 2009 I ran across UI Builder. The person who developed this his name is Jack Lee. He comes from China and he had a little bit of effort in regards to the language and I can appreciate that. In spite of that the UI Builder program that he made it was very good I liked it it reminded me of Delphi or other types of software that was like drag and drop components onto a pallet and then push a button and you could run it on the internet.

But unlike Delphi which was specifically made for the Windows operating system they tried a version for PHP and aversion for Linux but they didn't go anywhere. But I like the idea.

Writing for a specific platform like Windows or Linux or Unix or whatever you're confined to that operating system kind of a slave to it. Of course in the case of like javascript for example that seems to be targeted towards people who use the internet instead of a specific operating system. although javascript operates different it takes things off the internet loads them on to your client machine that you're working on and then it sends things back and forth to the internet and that's how it works basically seems to me.

I think of software kind of like an art like people who write music or do poetry or draw I think there's something that draws me to software development. Of course when I did my job at the city and the electric department it wasn't a full-time part of my job so I was able to enjoy it with less pressure. But because it wasn't my main focus I never got really under the hood of the nuts and the bolts I tried to learn c I tried to learn Pascal I tried to learn basic I tried to learn javascript I tried to learn a lot of stuff.

But in my case I just started to get under the surface and then I would hit walls and roadblocks and technology changes in the internet or the operating system and eventually you put it down and then you come back later and you work it until you make some more progress and then that cycle seems to go on.

It's not so bad if you can keep making upward progression but when you get to a flat spot where you get no support there's no user base you got other things to do in life you just got to you know do what you can.

I think Jack Lee is I'd consider him probably being a genius. in 2009 I don't know if it was him alone but he seemed to be the major player in the development of UI Builder. The last version I got my hands on was version 3 and then he switched over to using an upgraded version which he calls CrossUI. And it seems to me that the version of UI Builderr ver 3 that I have includes the source code it was an open project I think at the time now it is not but it was then I think.

And CrossUI he made many improvements in the framework whatever you want to call the IDE.

I still use UI Builder because I learned how to work the IDE and I can get certain things done with it. I also use a newer version of CrossUI because of the many improvements he added to it.

And with CrossUI you are you can do cross-platform so you can put it on Windows you could put it I think on Linux or you could apply to the internet I'm talking about when you deploy it.

There are many many examples that Jack Lee put out with both versions. he has an example of a full-fledged order entry system using mySQL database.

And there are many snippets of code examples that you could also learn from.

With a program like Delphi it was dumb down quite a bit in a good way. if I wanted to use a database I just plop a database component on my pallet and I could hook things up to it and it was easy to make an application and whatever would run on Windows and I functioned well that way for a while. But I came to the conclusion that writing for a specific operating system probably wasn't the best way and to just write applications it would be able to be used on the internet was probably a more generic way a better way.

Of course humans cannot seem to leave anything alone they always got to keep messing with it and technology is just part of life I suppose but with software you always going to have to keep updating it either the version of PHP that you're using going to get old or some standard in the Dom for the Internet's going to change and you just got to keep on board with these things otherwise you get left behind.

And of course that's not such a bad thing if you're not under pressure you're savoring the experience and the changes that happen through technology that are good are not so bad. it's the it's a commercialization of the product that makes me irritated people put a lot of things in there just to make a buck course everybody's got to make a living things that are not necessary and they get added into the standard and then you have to confront it at some point. life such as it is.

I remember with Delphi,  Delphi had a good user base a lot of people had websites that dealt with Delphi and Delphi had this concept of components I don't know that they came up with it but they use this concept of components. where they could make a little encapsulated pieces of software that you could pop down on the pallet and do some really cool things with making it easier to throw applications together.

Of course the people who wrote the components they had to be really good at the nuts and bolts about writing software it was not a visual experience for the most part it was something that you had to do with a text editor and you had to know what you were doing otherwise it didn't work.

Delphi in my experience work good from version 1 to version 7 then after that it just went down the drain. I suspect it has to do with just competition in business things work for a while and other competitors would get in there and they promote something different in the world goes on.

I remember hearing Steve Jobs mentioned one time that he didn't like the concept of flash so he didn't allow it on any of his operating system which in turn kind of changed the events of the world of software in a direction that perhaps wasn't the best. And of course there's all sorts of powerful / influential people that make decisions like that that have effects on the world that we work with in regards to software.

But if you're good at the nuts and bolts and you know what you're doing well then that's not such a problem because there's a workaround for everything.

So in regards to CrossUI I think that many people who use the new IDE are basically what I would refer to as citizen developers. people who don't really get too far under the hood into the nuts and bolts of it.

People who get into the nuts and bolts of it and write good software and a text editor and can do it and have a good understanding of software probably wouldn't use that type of IDE drag and drop framework I mean not too much. Without much knowledge you could throw some windows on and some tabs and things and make it look pretty on the internet and deploy easily but it's just not going to have much substance to it if you you aren't able to connect it to a database or do certain clever things with the software.

So in a nutshell as of November 2023 these are some of my thoughts about CrossUI software and software in general

In topic "CrossUI Tips and tricks Requested"

For those brave souls who don't mind helping newer ones

After I get enough of them I hope to organize the better, But for now they will be on this post.

Request for tip
This one is something I want to know how to do but I don't know how to yet.
Reflecting a path of a URL and displaying it in a ctl_panel in the caption property for example. I would like the program to be running for about 10 seconds (a certain amount of time) and then show the URL.

For example: I load a json file from the web like mobile1.onlinewebshop.net/cat1/meg/data/data.json
The URL is what I would like to paste into a caption property for example.


Request for tip
Code snip-it that acting as a timer. That shows a count down. After reaching 0 some action is taken. Also there should be a time delay before the timer starts.




In topic "CrossUI Tips and tricks offered"

I started doing this back with the predecessor of CrossUI UI Builder. Now CrossUI has the ability to format many of the proprieties just fine.

The snip-it of code below (what shall we call it HTML content ?) can be pasted directly into a caption property. You can for example do this with a form caption or a messages and a few others (just experiment).

<b><font color="#0000ff">Menu editor    </font><font color="#8a2be2">Updated </font><font color="#ff0000">6/7/24</font><font color="#8a2be2"> </font></b><br>

I think this way of "Extended formatting" should be kept simple. If it is too elaborate it may break your code, or at least enter unexpected side effects into your program.

If you go to https://www.crossui.com/RAD/ and open the project "elmo ross Extended Formatting" you can see an example of how it works.
In topic "links to some programs I have on line"

splash-screen-code.txt Deep seek


=== splash.html ===
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Splash Screen</title>
  <style>
    /* Splash screen styles */
    body {
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #000;
      color: #fff;
      font-family: Arial, sans-serif;
    }
    .splash-content {
      text-align: center;
    }
    .splash-content img {
      max-width: 100%;
      max-height: 80vh;
    }
    .splash-content h1 {
      font-size: 2.5rem;
      margin: 20px 0;
    }
    .splash-content p {
      font-size: 1.2rem;
    }
  </style>
</head>
<body>
  <div class="splash-content">
    <!-- Image will be injected here dynamically -->
    <img src="" alt="Splash Screen Image">
    <h1>Welcome to the UI Builder</h1>
    <p>Loading your application, please wait...</p>
  </div>
</body>
</html>

=== splash.js ===
// App/components/splash/splash.js
class SplashScreen {
  constructor(imageDirectory, splashHtmlPath, duration = 3000) {
    this.imageDirectory = imageDirectory; // Directory containing images
    this.splashHtmlPath = splashHtmlPath; // Path to the splash HTML file
    this.duration = duration; // Duration in milliseconds (default: 3 seconds)
    this.currentIndex = 0; // Track the current image index
    this.images = []; // Store loaded image paths
    this.splashElement = null; // Reference to the splash screen DOM element
  }

  // Load all images from the directory
  async loadImages() {
    try {
      const response = await fetch(this.imageDirectory);
      const text = await response.text();
      const parser = new DOMParser();
      const htmlDocument = parser.parseFromString(text, "text/html");
      const imageFiles = Array.from(htmlDocument.querySelectorAll("a"))
        .map((link) => link.href)
        .filter((href) => /.(png|jpg|jpeg|gif)$/i.test(href)); // Filter image files

      this.images = imageFiles;
    } catch (error) {
      console.error("Failed to load images:", error);
    }
  }

  // Load the splash screen HTML file
  async loadSplashHtml() {
    try {
      const response = await fetch(this.splashHtmlPath);
      const html = await response.text();
      return html;
    } catch (error) {
      console.error("Failed to load splash screen HTML:", error);
      return null;
    }
  }

  // Display the splash screen
  async show() {
    if (this.images.length === 0) {
      await this.loadImages();
    }

    if (this.images.length === 0) {
      console.error("No images found in the directory. Skipping splash screen.");
      return; // Skip the splash screen if no images are found
    }

    const splashHtml = await this.loadSplashHtml();
    if (!splashHtml) {
      console.error("Splash screen HTML not found. Skipping splash screen.");
      return; // Skip the splash screen if the HTML file fails to load
    }

    // Log the image being loaded
    console.log("Loading image:", this.images[this.currentIndex]);

    // Create a container for the splash screen
    this.splashElement = document.createElement("div");
    this.splashElement.style.position = "fixed";
    this.splashElement.style.top = "0";
    this.splashElement.style.left = "0";
    this.splashElement.style.width = "100%";
    this.splashElement.style.height = "100%";
    this.splashElement.style.zIndex = "1000";
    this.splashElement.innerHTML = splashHtml;

    // Inject the current image into the splash screen
    const imgElement = this.splashElement.querySelector("img");
    if (imgElement) {
      // Construct the correct image path
      const imagePath = `./App/components/splash/graphics/${this.images[this.currentIndex]}`;
      imgElement.src = imagePath;
      console.log("Image path:", imagePath); // Log the image path for debugging
    }

    // Append the splash screen to the body
    document.body.appendChild(this.splashElement);

    // Cycle to the next image for the next run
    this.currentIndex = (this.currentIndex + 1) % this.images.length;

    // Hide the splash screen after the specified duration
    setTimeout(() => {
      this.hide();
    }, this.duration);
  }

  // Hide the splash screen
  hide() {
    if (this.splashElement) {
      document.body.removeChild(this.splashElement);
      this.splashElement = null;
    }
  }
}

// Export the SplashScreen class for use in other modules
export default SplashScreen;

=== Debugging Steps ===
1. Ensure the image file (`delphi.helment.jpg`) exists in:
  C:xampphtdocsvb3VisualJSprojectsbuilder_my_try1Appcomponentssplashgraphicsdelphi.helment.jpg

2. Check the browser console (F12) for:
  - "Loading image:" log to verify the correct image is being loaded.
  - "Image path:" log to verify the correct path is being used.

3. If the image still doesn't load:
  - Verify the image file exists at the specified path.
  - Check the Network tab in the browser's developer tools for errors.

=== Notes ===
- The `splash.html` file defines the splash screen layout and styling.
- The `splash.js` file handles loading and displaying the splash screen.
- The `graphics` directory contains the images for the splash screen.



In topic "CrossUI :: New Topic"
I'm watching Avatar from the year 2009. This is the first one. Some things that I'd like. One thing is that the way these people live they're like in touch with the earth they remind me of how Indians are as in Cowboys and Indians in regards to how they treat the Earth.

The way they govern themselves and. The beliefs they have with their creator and the way they work in harmony with the Earth I just think those things are beautiful. I've watched this movie many times and every time I watch it I seem to get something else out of it.

In the movie when you look at the plants like at night time everything lights up and the plants are kind of animated and I guess James Cameron made this movie. But he got the idea from somewhere I wonder where? And if you can create it in your mind it may get into a movie like he did I think something like this probably really existed out there in the universe.

There's a part of the movie where they have like floating mountains and they built some structure there for their laboratory work but it's just so beautiful to think like living on something like that. Also the animals the way they have this thing in the back of their head like A connection in the animals have these two and when you connect it to you feel what the animal feels.

I wouldn't mind incarnating into a life like that. I don't think I'd wanna be born a baby and live like that I like the way they do it they just link their consciousness to this body and could work it I think that's cool.

Just saying you guys have a beautiful day

In forum "General Chatter"
In topic "It would be nice if things worked this way"


This is how it works fore some people, I'll take it anytime!!



https://www.youtube.com/watch?v=TKtECmM_HR4

Dude, We're Falling Right Out of the Sky
https://www.youtube.com/watch?v=6HiXYx6RgVI
In topic "They have to tell up befoe they do it to us?"






In topic "Texas Cold snap "week from hell""

Energy / Weather Update From Somerser Texas


(ck) Update 2.16.21 Power has been cycling for most of the day. This SUCkS!!





(ck) Update 2.15.21 Power has been cycling for most of the day. Last outage was 7:00 PM. Will run generator for the rest of the night.





(ck) At 5:37 AM I noticed the power went out. It was very cold - just stayed in bed. By 11:30 AM I decided to get the generator ready. Shortly about 12:00 PM the power was back on. Power went back down at 2:00 PM, got the generator running now.

Most who have been paying the attention to the weather were aware that the temperature was going to be in the teens. In my neck of the woods it got as low as 10 degrees.  Snow everywhere out side. First time for us since we moved here from Calif in 2012.

I heard reports of issues with under frequency. and rolling power outages. Looks like it weather related. 
Keep in mind this is a dynamic situation and things are always changing (power stats)






In topic "Paula White and Kenneth Copeland rap"


A video mix / rap staring Paula
White & Kennith Copland


I don't follow the path of these two. Each picks their own path. I have nothing to say negitave regarding them.

I liked the snappy head bobing tune. Well done who ever made this video.  (C) 

In topic "Wanker Bell"

Ringing the wanker bell
Clickimage to view video


You can right click on the video to download it, the server dose not render it well. elmoross.atwebpages.com/av/wankerbell.mp4

When I saw this video regarding the coronavirus treatment (yes this is satire) showing the shaman and this woman smacking the Bell. There seems to be a bell tide to a string. And the string is also tide to the mans penis. It seemed pretty (funny / silly). To many this ritual would seem ridiculous.

And unless one was on some kind of a psychedelic drug (not in their right mind) Most people would not likely take part in this kind ritual.

Many see the Hyperbolic parallel between this video and the way the people running this clown show (the world as we know it) are acting. 

The coronavirus it would seem obvious probably to many people (by this time) that there's an agenda, people are being coerced by the president by governors by peoples religions, local governments (world wide deep state) to get this vaccination like it's the only solution to the problem. From my perspective I don't believe there is a problem. Yeah somebody's directing this orchestrating all this that's obvious to me.

People need to do there own research. Take for example just one. Dr David Martin PHD.

I have seen many of the videos that he has put on line I've seen about 5 that convinced me that this Covid crap is BS!!! David names names and spells it all out.

And he is just one source, There are hundreds of additional sources ( that I have personalty looked into, that show the same thing. Its all Bull .

Anyway people will believe what every they chose to believe. Everyone has right to make their own choice.  Also the perspective of people changes over time. I also believe that people have the right to make their own decisions regardless of weather (we / I)  believes they are right or wrong. 

In the bible someone asked what was the most important commandment. Jesus said love God with your whole heart and mind and to love your neighbor as your self. I think that pretty much sums it up. 
In topic "Electrical interference via harmonics"


I think this lady is very passionate in her sharing of this information and enthusiastic. I think that she references a lot of material that is verifiable if you want to go out and check it some of it I'm familiar with some not. I think it's one of those deals where it's very very deep most people will just have their eyes gloss over after watching this video asking themselves well what can I do about it? This woman is into some very heavy stuff and I wouldn't dismiss it easily. Thank you for sharing really cool.

Regarding power quality in general here are some of my observations.

First of all I have worked for the electric utility in the electric test department as a test technician for 33 years.

And so I have been exposed to the concept of signals sine waves frequency equipment that you buy that generates frequencies that can affect us refrigerators motors things of that nature.

As of this time in my life I feel that everything is based on frequency humans the world we live in the universe frequencies.

I can't speak to many of the things that this woman talked about because they are topics that I am not very familiar with.

But during the time when electric meters like the kind on your house that you read changed from mechanical gears for the most part two electronics well things have changed a lot.

I remember back in 1995 we were going to install telephone modems when it became available but phones in our meters so that we could call them and read them.

And I remember reading some research where the European standards for cell phones were much higher than those of the American or us standards.

Some of this was due to the fact that the American standards to my opinion they're looking to cut corners so when it came to radio frequencies and health they weren't so concerned with it because it cost more money to make these things safer.

For example during the time I worked at the electric utility we would get calls for power quality issues. And some of these factories like Rain Bird ( They make water sprinklers for your lawn) was one and they were other company's that called us for help. They had these machines / controllers they used in production to make their product.

We would set up very expensive monitoring equipment and try to track down any power quality issues. 

Some of these machines were variable speed motor controllers. And the way they would control the motor speed was by controlling the frequency going to the device. They would use electronics in order to control the speed of the motor by slicing up the sine wave and only letting it run during certain portions of the sine wave.

Early on in the production of these issues occurred, I don't think it was intentional at the time but in order to save money on the early electronic devices, there were certain components that could have been installed to mitigate these frequencies that caused electrical interference (when you chop up the sine wave and you manipulate the electricity like that other harmonics are generated which can cause interference or affect your health.) but because of the extra cost manufacturers didn't initially install these to save money.

So by slicing the sine wave and only letting the motor run for a certain part of the sine wave turning it on and off very quickly that action in itself generated new harmonics (frequencies). most of the time the interference generated could be distributed all over the power system that you were hooked to. So if you had a computer monitor in one room which was considered sensitive equipment and the guy was running the motor controlling the speed of it in the other room because they're on the same electrical circuit or system on the same transformer these harmonics were generated back and forth not even to the same building but anybody hooked to that distribution transformer. There could be 10 or 15 customers connected to the same a distribution transformer and they would all get this generated noise (electrical interference).

Because this issue regarding power quality got out of hand pretty quick the rules and standards changed forcing the manufacturers of such equipment to mitigate these issues which cost more money but hey they had to fix it. That's just an example of something I experienced first hand during my time working in the electric utility.

Also when electronic meters for revenue meters (like the kind on the side of your house that you get a bill for using the electricity) became electronic there were many people that became concerned and complained regarding the frequencies (harmonics or electrical interference) generated by these electric meters.

Of course today we have electronic components in our house we have the internet they are frequencies flying all around in your house out of your house definitely we're being infected by these no doubt.

To the extent that we're being affected by these things well the people causing the problems are not going to speak up and tell you the straight up truth I don't suspect, they're going to downplay as much as possible because a lot and fix it because that cost money. and I wouldn't be surprised if there were some people like three letter agencies of our government that have a darker intention is regards these signals for eavesdropping for spying for harming people intentionally I would not be surprised at all.

I'm sure that you've seen videos on YouTube they talk about people who received vaccination then they were able to be registered via a Bluetooth as a result of the vaccine I've seen those videos. Are they fake or are they real well we just choose to believe what we want.

I suspect that there are some people governments that would stoop to doing things to harm others using electricity intentionally.

In topic "Hurricane Helene 2024"

Death toll reaches 225

The death toll from Hurricane Helene has reached at least 225, according to The Associated Press.

Hurricane Helene laid waste to the southeastern United States. Its sheer wind force and deadly floods left behind a path of destruction stretching over 500 miles from Florida to the Southern Appalachians.

Communities were cut off and stranded as floodwaters washed away hundreds of roads, buildings, homes and vehicles. Communication infrastructure is in shreds. Millions of people have also lost power and access to water across at least six states.

Helene’s path of devastation started on Florida’s Gulf Coast, as it traveled to the Big Bend. At 11:10 p.m. on September 26, it made landfall near the city of Perry as a powerful Category 4 hurricane and brought record-breaking storm surge late into the night.
In topic "Nag Hammadi at a glance"

mp3 here Click to play right click to save as play time about 3 min

If you wish you may coment below.
If you want me to know who you are at least leve your first name.

The Nag Hammadi for dummies



I was making an attempt to teach my 17 year old son about the Nag Hammadi text.

So I got a tablet and a pencil and this is what I came up with. keep in mind I'm learning these things for the first time myself.

At the very top we have the true source the unnamable Creator. a creator who seems to be a bit abstract from our incarnated perspective.

Just below the source are a number of aeons. I used to think aeons were just a period of time but apparently they can refer to entitys also.

The last one to the right is Pistis Sophia.

Normally when the aeons create something they're supposed to work in conjunction with the source. well Sophia decided to go it on her own and it didn't turn out so well.  the result of her effort was referred to as being like an aborted featus.

So what does Sophia do.... the same thing we would have probably done.... try to sweep it under the carpet and that's what she did. but in time everything was revealed regarding the situation.

So from my perspective this seems to be the analogy of the fall of humanity.

This is the start of the material universe of polarity. and the name of the one that Sophia gave birth to was called yaldabaoth.

Now yaldabaoth was ignorant he believed that he was the only one and that beyond him there was no other. It's like a branch that's been pruned from the tree oh... it's still has some life in it the leaves are still green or some fruit on it but in time it will wither and die.

But in short order he was clued in that that wasn't the case. there were others above him.

In spite of that yaldabaoth created many like him in his image. separated from the source. needing to be vampirizing other souls in order for them to sustain their existence, because now they are like the branch that's been severed from the tree.

Yes even though yaldabaoth is a troublemaker he didn't ask to come into existence.... Sophia has to deal with this.

So after a lot of rigmarole takes place a solution is proposed in order for souls to be redeemed to be able to ascend back to the source. to be grafted back into the tree.

Reincarnation comes on to the scene. the only problem is those who could be called service to self keep resisting. they don't want to cooperate. that are just trying to vamperize others.

As it turns out it seems like The reincarnation solution was hijacked by the service to self group.

There are some reports that this reincarnation rence and repeat cycle has been going on for hundreds of thousands of years.

The way I think it was supposed to work was that there was consciousness different levels of consciousness and in these levels of consciousness people were supposed to grow and higher levels of consciousness raising their frequency and at some point they would be able to break free of The reincarnation cycle.

In the drawing when you look at the levels of consciousness just like little circles on these circles represent soul groups and apparently depending on how high you raise your frequency you go to that group where you have the same frequency as others like you.

So in my little drawing below the levels of consciousness you see if you spaceships and some planets and low and behold the Earth, and the Earth has people inside of it and you'll notice it one pops out?

Surrounding his Head there are question marks. he's not sure what has happened.... well he just died and there's some character saying hey go to the light and then if he goes to the light he gets sucked in he does a Life review it's like a soul trap they say just one more time and he goes back inside the Earth for another incarnation.

I suppose it's like a merry-go-round when you were little you went on merry-go-rounds and they were fun but as an adult today would you get on a Merry-Go-Round no it just doesn't appeal to us I think that's what's going to happen with these service to self people they're just going to get tired and at some point they'll come around I guess we just have to be patient

To Joseph

General thoughts on July 20th 2025 the way I feel at the moment about this stupid world we live in.

I happen to see a youtube video where this person was talking about abandoned oil rigs. How these large companies oil companies build them exhaust the oil in them and then just before it runs out of oil they sell it to some other company that squeeze out the last little bit and then it gets sold to a smaller company which goes bankrupt and then nobody's responsible for cleaning it up removing the abandoned oil rigs.

He showed a picture along the Gulf of all the dots that represent were oil rigs were from Louisiana Texas all over the coast of the western United States and there was a lot of them.

When people agree to drill for oil they put up bonds in order to clean up but after 10 or 15 years and then when the people sell the well they don't deal with the liability of it that goes to the next person or the next person until it gets bankrupt and then the government's dealing with it.

I remember watching the matrix movie in the matrix movie the character Mr Smith who I guess is a program was talking to Morpheus. And Mr Smith compares humans to cancer and how we just come in and consume things and screw everything up I so much agree with that assessment of humans.

When it comes to energy people do nuclear energy they don't even have a way to clean up the waste. They did the job halfway they said we can generate cheap electricity, we just don't have a way to clean it up. I hear that some types of nuclear waste can last up to 10,000 years. I think people in general are just plain stupid And greedy! Not that all people are bad but there are enough troublemakers who screw it up for everyone.

And there's so many things similar to this besides energy and the oil companies I mean again and again and again almost on every topic their stupid human thinking behind it, just irresponsible.

And then I hear people talk about this earth we live in this incarnation we have in this hellhole. A lot of people think that after you die you're not free you're just in a waiting room on the other side of the veil waiting to get roped into another reincarnation tricked into it whatever.

They say when you leave this world you're the same person you were the day before. I don't remember asking to come here. You said we're here because of actions that we took. I don't remember any of that.

I hope I don't forget the way I feel today because if some person comes up and says oh I'm your guide or I'm here to meet you or come with me let's go into the light. I'm gonna tell him to go pound sand I hope I remember to do that because I do not wanna ever come back here again.

That's how I feel today.
Clark

In topic "Monsters, Inc. (2001) Loosh"

These are some thought about reincarnation.

Many wounder how we ended up in these meat suits. Some say that during the time of Atlantis. Around 200,000 BCE to 50,000 BCE. It is said that spirit entities entered into the life forms on earth to experience what it would feel like to be them.

Some felt that by not being balanced eventually These spirit entities lost the memory of their spiritual heritage and believed themselves to be the creatures that they were inhabiting (getting stuck).  Others refer to this event as the fall of man. There are many many ideas as to how we ended up here. But here we are.

Being incarnate human creatures (spirits encased in this mortal coil for a time) It seems impossible to verify much of anything. As with everything we chose to believe the ideas that resonate with us until we change our minds and revise our beliefs.

As I recall the concept of reincarnation was supposed to be a way to restore one self to source, God or whatever. The idea was that by living a series of good lives (by being incarnated into this circus world) one could get to a point where you could raise ones spiritual conscious so the spirit didn't need to reincarnate anymore.

But the catch was If one lived a so called bad life they would dig themselves deeper in the hole. Then there are a few other things like the concept of karma, life review, astrology oh yes we don't want to forget the mind wipe.

Some feel that if the reincarnation system ever did work that it must have been Hi jacked. It is thought by many that after we pass to the other side of the vale that there are entities that live in what is sometimes referred to as the astral realms are waiting for any the enter that realm are severely persuaded to reincarnate back to earth. for more on this go to tiny.cc/nag. 
 

Monsters, Inc. (2001) is a animated movie where monsters enter to a child's room from another dimension and scare the children.

Depending on how much the child is scared determines how much energy is gathered. Yes the movie is entertaining and innocent in appearance.

Although there are many entertaining TV shows some of them seem to have a bit more to them than one initially realizes. For example the first matrix movie in 1999 even though it is entertaining many people feel it's closer to a documentary than a fiction film.

What is loosh, as it was described to Robert Monroe? It is a kind of energy that animals and humans generate in situations that involve two things: an intense desire plus a negative emotion.

more to add later

In topic "A little about Clark"

Updated : 7.25.24

I was born in Houston Texas I was raised in California I've been married twice widowed twice I retired at 55 as of now I'm 67 and have a 21 year old son.

The work I did growing up was in the electrical field. I got a job at the Department of water and power in Los Angeles , I worked for the city of Glendale CA , And the rest of my time I spent at the city of Azusa Calif as an electrical test technician. My main job with to calibrate electric kilowatt hour meters. More detailed information about the kind of work I did and here too. More detailed information here also

I live in Somerset Texas on 20 acres I have two dogs life is good (except my internet service sucks.

We also have about 20 happy cows. 


Some of the people I follow on Youtube & TelaGram

Alex Collier,  GhostEza,  Project Camelot,  Robert Mike Adams,
Simon Parks

More to add to the list


This list is a work in progress (crg)

Some books I've read

Barbara Marciniak
Earth Pleiadian Keys to the Living Library by Barbara Marciniak_R3.pdfauthors
Family of Light Pleiadian Tales and Lessons in Living by Barbara Marciniak_R1.pdf
Bringers of the Dawn. Teachings form the Pleiadians by Barbara Marciniak_R2.epub
Path of Empowerment New Pleiadian Wisdom for a World in Chaos by Barbara Marciniak_R1.epub

Briad T Spalding  (ck) these are my favorites
Life and Teaching of the Masters of the Far East 1924 Vol 1_R5.pdf
Life and Teaching of the Masters of the Far East 1927 Vol 2_R5.pdf
Life and Teaching of the Masters of the Far East 1935 Vol 3_R5.pdf
Life and Teaching of the Masters of the Far East 1948 Vol 4.pdf
Life and Teaching of the Masters of the Far East 1955 Vol 5_R4

Carla Rueckert
the_law_of_one_book_1.pdf
the_law_of_one_book_2.pdf
the_law_of_one_book_3.pdf
the_law_of_one_book_4.pdf
the_law_of_one_book_5.pdf

Ashayana Dean
Voyagers 1_R4.pdf
Voyagers 2_R4.pdf

Dolores Cannon
Keepers of the Garden.pdf_R1
Jesus and the Essenes.pdf_R1
A Soul Remembers Hiroshima.pdf_R1
The Legend of Starcrash.epub_R1.pdf
The Convoluted Universe Book 1.pdf._R1
The Convoluted Universe Book 2.pdf _R1
The Convoluted Universe Book 3 .epub_R1.pdf
The Convoluted Universe Book 4.epub_R1.pdf
Between death  life Conversations with a spirit.pdf_R1
The Search for Hidden, Sacred Knowledge.epub.pdf_R1
Legacy from the Stars (Psychic Powers Psychic Phenome)_R1
The Custodians Beyond Abduction by Dolores Cannon.pdf_R1
The Three Waves of Volunteers and the New Earth.epub_R1
Conversations with Nostradamus His Prophecies Explained, Vol2.pdf_R1

Edgar Cayce
Edgar Cayce on Atlantis by Edgar Evans Cayce_R1.epub
Prophecies Converging in Our Times by John van Auken_R1.epub
Edgar Cayces Tales of Ancient Egypt by Van Auken, John_R2.epub
The Story of Edgar Cayce There Is a River by Thomas Joseph Sugrue_R1.epub
The Edgar Cayce Primer Discovering the Path to Self Transformation by Herbert Puryear Richard I. Abrams_R1.epub
Awakening Your Psychic Powers Open Your Inner Mind And Control Your Psychic Intuition Today (Edgar Cayce Guides)_R1.epub

Joseph's Communications Group
The Joseph Communications_ The Fall_R2.azw
the-Spaces-Between--Unseen-Forces-That-Shape-Your-Life_R2.pdf

Raymond Franz
Crisis of Conscience by Raymond Franz_R1.pdf
In Search of Christian Freedom by Raymond Franz.pdf

Jane Roberts
Conversations with Seth, Volume 1, 2 by Susan M. Watkins Seth (Spirit) Jane Roberts_R1

Melchizedek Drunvalo
The Ancient Secret of the Flower of Life Vol. 2.pdf
The Ancient Secret of the Flower of Life Vol. 1_R1.pdf
The Mayan ouroboros  the cosmic cycles come full circle  the true positive Mayan prophecy is revealed_R1.epub
The Mayan ouroboros  the cosmic cycles come full circle  the true positive Mayan prophecy is revealed_R1.epub

Defending Sacred Ground by Alex Collier_R2
The Life Beyond Death by Arthur Ford_R1.pdf
The World Before Arthur Ford and the Spirit Guides Reveal Earth’s Secret Past and Future by Ruth Montgomery_R3.epub

James Mahu
10YearPaper_R1.txt
WingmakerDefinition_R1.txt
Wingmakers by James_R1.txt
WingmakersPhilosophy_R1.txt
The-Complete-Neruda-Interviews-1-5_R1.pdf

Bob Sanders The Great White Brotherhood
Prophet_R1.epub
unveiled-mysteries_R1.epub
aliens-the-strange-truth_R1.epub
dna-beyond-the-physical_R1.epub
linking-with-the-4th-dimension_R1.epub
The Stairway to Freedom by Bob Sanders_R1.epub
Auras - Interpretation and Comprehension_R1.epub
The Human Aura Chakras Elizabeth Clare Prophet Kuthumi Djwal kul_R1.epub
personalities-an-exploration-into-the-origins-and-developmen_R1.epub
File:the-path-of-mankind-the-journey-from-created-to-creator_R1.epub
The Great White Brotherhood In the Culture, History and Religion of America by Elizabeth Clare

Other Authors
Your Life After Death_R2.pdf
TheOnlyPlanetOfChoice_R4.pdf
10-m-the-dayspring-of-youth_R1.pdf
Alice Bailey Collected Works by Alice A. Bailey_R1
Connecting with the Arcturians by David k. Miller_R1
Tao The Watercourse Way by Alan W. Watts_R1.mobi
Thirty Years Among The Dead Dr Carl Wickland.pdf_R1
Connecting with the Arcturians by David k. Miller_R1.epub
The story of Atlantis the lost Lemuria by W Scott-Elliot_R1.pdf
The Pleiadian Mission A Time of Awareness by Randolph Winters_R2.pdf
We The Arcturians A True Experience by Norma J. Milanovich Betty Rice_R1
The Pleiadian Agenda A New Cosmology for the Age of Light by Barbara Hand Clow_R1.epub
Connecting with the Arcturians 3 Energy Fields, Higher Vibrations, and the Evolution of Humanity by David K. Miller_R1


DestinyofSouls_R2.pdf
Gnostic Handbook_R1.pdf
Joe Crane Blessings Gifts and Deeds_R1.pdf
The Council of Seven Lights by George W. Van Tassel_R1.pdf
Johannes-Greber-Communication-With-the-Spirit-World_R2.txt
Many Voices Autobiography of a Medium by Eileen J. Garrette_R1.epub
Not in His Image Gnostic Vision Sacred Ecology and the Future of Belief by John Lamb Lash_R1.epub
Pleiadian Prophecy 2020 The New Golden Age by Carwin, James_R2.azw3
A World Beyond A Startling Message from the Eminent Psychic Arthur Ford from Beyond the Grave by Ruth Shick Montgomery_R2.epub
Born to Heal The Amazing True Story of Mr. A and The Astounding Art of Healing with Life Energies by Ruth Montgomery_R1.pdf
Conversations with Seth, Volume 1  2 by Susan M. Watkins Seth (Spirit) Jane Roberts_R1.pdf

And many more, may update later.
More books to add to the list pick up @ seth
In topic "Random thoughts"


Random thoughts Clark July 22nd 2021

Some thoughts I had this morning

Just some thoughts that came across my mind this morning no need to respond, just thought I'd share.

Life is like a beautiful machine a delicate mechanism that worked perfectly. Like a clock with gears all connected to each other all working in harmony.

John Schroeder associated with the Edgar Casey's group once said that part of the purpose of our existence is to be friends and true companions of the creator, I agree with that.

It appears that some one (which is really you and me, all is one, Source pushed out) decided that we could tinker with this delicate mechanism and improve on it.

In spite of being warned WE tinkered with the mechanism and now it stopped working the way it was supposed to.

It's like a branch that's been pruned from the tree oh it's still has some life in it. The leaves are still green or some fruit on it but in time it will wither and die.

It would seem that for most of us that our goal is to try to become regrafted to the source of life.

Another thing I learning in this incarnation is that truth does not seem to be found all in one place it's not like you can look under a rock and say "hey there it is".

I watch the video the other day and the person mentioned that where we focus our attention is what we draw to us sharing that we create our own reality. I agree with that statement too.

So I guess ultimately our goal is to be on our journey and try to discern what is truth make application of the truth that we learn in our lives. Practice the Golden rule. Focus on positive things and then perhaps we will fair pretty well in this incarnation. Of course being a service to others is very important in addition to balance.

So these are my thoughts for today on July 22nd 2021 and I wanted to share them with you and yours.

Clark

----------------------------------(crg)------------------------------

In forum ""Cloister-Dora-Teura Plates""
In topic ""Cloister-Dora-Teura Plates" related links"
Mainly looking for websites that are related to Tan-Tri-Ahura, Keylontic Science, Freedom Teachings, these 12 plates of which they speak. If you know of any log in and post them below please.

Some website links in no particular order
Lisa Renee
The Amenti Series
Emerald Guardians
Lisa Renee Ascension Glossary
ARhAyas Productions AMCC-MCEO
Pat Barkman The Black Sheep of the family  LOL

Some FaceBook links in no particular order
randy keith
wakingearth144

Some Video links in no particular order 
KSReality
KS & The Tan-Tri-Ahura Teachings




In topic "The Fall Of Man by Noel Huntley, Ph.D."
This is a long read. The LONG text (about an hour) is what I used to make the mp3 file, just there for reff.

mp3 link 

FALL OF MAN AND HUMANITY'S ORIGINS

Part I (March, 2003) Noel Huntley, Ph.D.
It is difficult to keep track of the many explanations for the 'fall' of man. Most, however, could have some validity but play a more minor role---in particular, since there were clearly many genuine 'falls' of man. Accounts range from the Adam and Eve story to much more sophisticated scenarios. There are channelled and other accounts attributing man's decline to Lucifer. In some versions he was a visiting extraterrestrial from Sirius, a feminine planet, though he himself possessed excessive masculine traits, which were inherited from his father who was from an Orion and masculine planet (note that physics will eventually identify electrical properties with the male and magnetic with the female---see article: The Real Reason Why Women have been Oppressed). Excess masculine energy untempered by the magnetic energy will result in individuality but over-ego development, and loss of unity and integrity of consciousness. Needless to say the visiting Lucifer succeeded in teaching the Earth inhabitants to emphasise self more and not recognise higher spiritual authority.

A further ET inspired explanation is that our planet, living in peaceful coexistence with about 49 other planets in our sector of the galaxy volunteered to arrest its own evolution and development to host a laggard race from another planet, which without this benevolent action the civilisation would have become lost souls (disconnected from Source) as the whole group of other planets evolved into higher realms. Moreover, the excess proportion of digressed beings then on planet Earth resulted in human deterioration.

There are also more general forms which have some validity for man's fall from grace. For example, the idea of creating separate entities from a single collective (which in turn would be a portion of Source), that is, to be given a programme to exist as individuals. These people would have a programmed motivation for exploring independence and the subsequent probabilities which would accompany this, but resulting in over-individuation and ego-development and the consequences of this. In fact, this would then include initially to actually introduce a little negativity (enforced separation) into the individual's relationship to discourage the natural tendency for the separate consciousness to return to Source---a much safer and more comfortable state, involving much greater awareness of all things---and defeat the object of exploring individuation. We see that this is indeed a valid theme for the fall of man and could represent the overall trend of race development. But are there more specific examples which we can take seriously?

There is the Luciferian Rebellion of the Guardian Alliance material, transmitted by Anna Hayes, which occurred in 25,500 BC, utilising advanced technologies to create DNA mutations and produce a 'shadow' self in all forms of life on Earth. Excellent though this material is as an explanation of man's fall, it is subordinate to the Guardian's recount of the more serious consequences of the fall of man from harmonic universe-2 (HU-2) to HU-1 some 560 million years ago.

We shall focus on this particular fall of man since it is very relevant to our condition today. Nevertheless before becoming involved with this it will be of interest to the reader to know that even this wasn't the 'original sin'. According to the Guardian material our time matrix (a sector of what we think of as the universe) began 950 billion years ago. It was not until around 250 billion years ago that the elements of negativity entered into the existences of races. This was caused apparently by interbreeding amongst different ET races living in bliss and total harmony. This was a similar problem to the results of inbreeding amongst close relatives with humans. Mutations began to appear, and although consciousness is not a product of the brain or genetics it is subject to parallel or corresponding distortions. Ascension to higher realms was thus denied for those groups so affected. Conflict, resistance and wars ensued. The resistance groups eventually destroyed stargate 12 (energy centre), which is the principal source in the Kathara grid blueprint---see cosmic map article. This is like removing the president of a company, causing loss of the main integrating factor and leaving the company vulnerable to infiltration and degeneration. This then in turn prevented ascension of even the unaffected beings. Thus the elements of negativity were already present when the 560-million-year fall of man occurred.

Let us now give an extensive account of this major decline in our civilisation (560 million years ago), though we are dealing with a science and concepts of life, generally, well beyond our current understanding, making the task of bringing this to the reader extremely difficult. (See cosmic map article.)

This event was a gigantic catastrophe dwarfing the sinking of Atlantis of which the latter in turn would dwarf the result of a thousand atomic-bomb explosions. We go back to an appropriate starting place for the human race; on a planet named Tara. This is a higher harmonic body of which our Earth is destined to evolve into (envisage as a parallel planet connected vertically). Planet Tara is in Harmonic Universe-2, whereas present Earth is in HU-1.

On Tara, 560 million years ago, it was decided to genetically create a master race as guardians of the planetary system. This was a decision made by the overseers, the Sirian Council, in HU-2 who were seeded from the Elohim in HU-3 and who in turn were an extension of the Lyrans in HU-3. Moreover, these advanced races were monitored by the Breneau from HU-5. Thus with the agreement of the existing races on Tara, this experiment, known as the Turaneusium experiment, was commenced.

The Turaneusiams were given a 12-strand DNA (which covers frequencies in the range 1 to 12 dimensions). The planet Tara was of dimensions 4D, 5D and 6D with corresponding DNA frequencies of the population, in general, in that range (the DNA is structured from the same dimensions as our time matrix, 1 - 4 harmonic universe systems; see Cosmic Map article). The Turaneusiam era of 8 million years, and known as the First World, did however incur digressions in evolution and due to gradual DNA contamination from ET interbreeding on Tara. As a result, during this period of 8 million years, the race split into two groups, known as Alanians and Lumarians. Alanians were more digressed and were aggressive, seeking to dominate the more passive Lumarians. The Alanians were involved in harnessing the energy of the core of Tara. However, the Lumarians realised they were misusing this energy and that there were dangers of causing an eruption. The Lumarians appealed to the Sirian Council and the Elohim in HU-3 and further relocated to the island of Mu to a region called Ur. In addition, some Alanians, perceiving the dangers of an explosion in Tara's core, of which the project was under the direction of the Templar Solar Initiates, defected to Mu.

With the aid of the Elohim, genetic upgrading took place on Mu and the Turaneusiam DNA template of 12 strands was restored amongst the Lumarians and some Alanians. The race was renamed the Ur-Tarranates. The Priesthoods of Ur were a product of the Ur-Tarranates and stood against the Templar Solar Initiates and Alanians. The scientists and priests of Mu were aware of the probability of this forthcoming disaster, and preparations were made. At this more advanced and higher-dimensional existence, time experience is more nonlinear, that is, less linear. The linear future is much easier to know about from a more nonlinear perspective.

Such a disaster involving higher-dimensional energies would cause the civilisation to fragment from their collective/soul and planetary level, and souls would be lost (this means the human extensions on Tara of the higher soul collective are lost in not being connected up). The individual consciousness of personalities would be trapped in dimensional suspension, unable to hook up to their collective state and the morphogenetic field of the planet Tara. In anticipation a great plan for a rescue mission was devised.

Many races of different harmonic universes were involved. Some of these were Pleiadians from HU-2, the Elohim, Sirian Council, and Lyrans working with the HU-5 Breneau. They were collectively referred to as the Palaidorians and the agreement was known as the Covenant of Palaidor.

With the help of the Palaidorian races, the Ur-Tarranates, previously referred to as the Turaneusiam Master Guardian Race, now with restored 12-strand DNA and located on Mu, time travelled into the probable future, containing the fallen Earth. They converted their forms, at the collective level of the Ur-Tarranates, into pure energy, creating a gestalt of consciousness that took the form of a sphere. This was named the Sphere of Amenti (a name taken from the planet Tara).
The Sphere of Amenti was anchored into the core of future Earth (fallen dimensional fields of Tara yet to occur). In doing so, a portal was created from this Earth to Tara prior to its collapse, that is, a condition in which Tara was intact. Similar Spheres of Amenti were provided by the Palaidorians for the other planets in our solar system, but apparently not for the antiparallel planets.

The inevitable disruption occurred in the core of Tara. Components of its grid system and morphogenetic field were ripped off. Owing to the higher dimensions of these frequencies and structure many inhabitants, including some Ur-Tarranates, lost their connection with their collective and, moreover, their higher soul level, and also Tara's fields. It took about 10,000 years for the climate to stabilise. Those who escaped the disaster went underground and many of these race members still remain in these subterranean cities of Tara. Thus a great many souls were lost, meaning they had become trapped in dimensional suspension. They no longer had a dimension and frequency gradient back to their previous dimensional condition. If they were stranded in, say, the 4th-dimensional band with missing upper dimensions only, corresponding to higher parts of their consciousness, they could evolve by reassembling their upper DNA strands for existence on Earth, then Tara.

A period of some 250 million years passed, during which the fragmented matter of Tara's core and land masses were reduced to their basic morphogenetic fields, which in turn reduced in frequency and corresponding dimensions. The third dimension of reality existed with the presence of our Sun, enabling the morphogenetic components and fragments of Tara, in 'falling' to this level, to accrete matter and take on planetary forms orbiting the Sun. Ultimately though all these morphogenetic fields must be returned to Tara. Tara could not evolve and merge with its upper planet Gaia in its present condition. Thus Earth was formed (which included antiparallel Earth). Note that Tara had, long before this, evolved successfully from a 3D planet like Earth.

The fall having occurred, the Sphere of Amenti, set in the core of Earth before the fall, was now securely in place with a portal through its core to that of Tara's intact past; in effect, a time line. Initially some ET civilisations and animal species were allowed to flourish on Earth, which was/is a planet of dimensions 1D, 2D and 3D. (Remember these are frequency bands and represent a somewhat different interpretation of dimensions from the academic one, which are purely spatial and not qualitative.)

Before the Sphere of Amenti could be applied, the Earth had to evolve and grid speed increased. After millions of years, during which Earth was being populated by races essentially unrelated to the mission of rescuing the lost souls, the second stage of the plan unfolded. The Palaidorian group consciousness, now the Sphere of Amenti in Earth's core, which included the Ur-Tarranates (previously the Master Guardian Race, the Turaneusiams), was divided into five smaller groups or spheres, corresponding to and encompassing the range of lost souls in genetic categories denoted by skin colour: brown, red, white, yellow, and black. These were known as the five Cloister races. Their consciousness, however, incarnated into the anti-particle Earth side, producing races with these appropriate traits, in which some of the lost souls could combine and link their consciousness for an evolution back to Tara. In effect, the Palaidorians of the Sphere of Amenti were creating new bodies for the lost, fragmented souls. Thus the Sphere of Amenti was made up of five individual Cloisters and these collectively were referred to as the Palaidorians.

Note that merging of consciousness, such as the lost souls with the incarnating Cloister races, is not weird but very common, however, Earth people are not aware of it and, in addition, separation of consciousness in our society is emphasised. As an easy example, one might wish to imagine the merging of consciousness of twins. While it is occurring neither will feel an intrusion but will experience wholeness, a singular condition.

Now the physics of oscillations is such that the wave, every cycle, changes into its opposite, like a mirror image---positive to negative. This also gives rise to particles and anti-particles, even though these particles can be separate from one another. This means even a planet will have an opposite or antiparallel side which can be inhabited. It is created simultaneously as part of an oscillating wave of energy in which one half of the wave creates, say, Earth and the opposite side of the wave creates the antiparallel Earth---these waves are spiral structures and are called merkabas. (Realise modern physics, relatively speaking, is elementary and still in its primitive stages.)

In spite of the huge amount of time required for a race to be restored in this way, the quickest, nevertheless, is by means of the portal system through the Sphere of Amenti. At this point there was one portal connecting Earth with Tara's past. The Cloisters, with the aid of the Priesthoods of Ur and Mu on Tara, created more portal extensions from Earth to Tara in the range two to six dimensions. In time mechanics, this represented five more portals connected to stages of Earth's future corresponding to the DNA dimensions and frequency development (movement into a future is governed by ascending frequencies or dimensions).

There were then six portals into the Sphere of Amenti, creating a new track in time for Earth to evolve back to Tara. These were called the Halls of Amenti. The next step was to draw from Tara's 5D core the morphogenetic field which supplied the grid system for Tara. The purpose of this was to prevent Tara's ascension to 7D of the upper planet Gaia (7D, 8D, 9D) which would have exploded Tara under the latter's present condition. Now this morphogenetic field was divided amongst the 3D planets of our Sun system placing a portion of this morphogenetic field at the core of all the planets, including Earth. This morphogenetic field is called the Blue Flame, which is an energetic portal for transmuting the frequencies of the races returning to Tara through the Sphere of Amenti. The Blue Flame was called the Staff of Amenti and is the key to man's evolution and return to Tara. It has been called the Pearly Gates of Heaven.

To recapitulate, we have seven portals from the core of Earth to Tara. One to Tara's past 552 million years ago, five portals to five different stages of the future as the 2 to 6 strands of DNA are restored and entered into the Sphere of Amenti as the times arise, and one more Blue Flame energy portal for purposes of transmutation of bodily forms for attunement with Tara---thus the latter, the Staff of Amenti, is the final gate after passing through the Halls of Amenti (the other 6 portals).

The plan was for all five Cloisters to have the imprint of 8 strands of the 1 to 12-strand DNA, with strands 1 and 7 to 12 present in all of them. The five remaining strands were to be distributed amongst the five Cloisters for rebuilding. For example, Cloister one had strands 1, 2, then 7, 8, 9, 10, 11, 12. Cloister two had strands 1, 3, and 7 to 12 and so on. A particular Cloister from the Sphere of Amenti thus provided a template (a dimensional framework for the fragmented consciousness') for the lost souls to incarnate into, combined with the Cloister consciousness, each would build one of the DNA strands 2 to 6. At the completion of this, each race could return to the Sphere of Amenti and pick up in the 'gene pool' the rest of the strands from the other four Cloisters and return to Tara. All five races would produce a full set, a 12-strand DNA. In effect, the Sphere of Amenti acted as a bridge between Tara's intact (repaired) future, as Earth and the planets evolved back to Tara and Tara's intact past, that is, by passing the cataclysm.

The Cloisters (five smaller spheres) did not originally provide for gender and, in addition, as previously stated, they incarnated in the faster evolving antiparallel Earth, enabling many lost souls of Tara to be saved---we can only imagine that these particular souls were least impaired, and were in the upper bands, and gender discrimination was not necessary for their evolution during this era of about 225 million years. This took place in the etheric spectrum. However, many failed and digressed during this period or simply were not responding to the regenesis opportunity, and others were lost souls in a lower category, needing more stringent requirements for their DNA restoration.

Now, as we are implying, the mechanism for the ascending gradient to return to Tara was the provision by the Cloister/Palaidorian races of a DNA template for the lost souls. However, these souls, known as Root Races, must now pull in, accrue, frequencies by experience in incarnations. As each strand accrues the 12 sub-frequencies, the next strand is normally brought in but in this case it could be picked up completed by another Root Race in the Sphere of Amenti. Each dimension has 12 sub-frequencies---similarly for the DNA. These souls must restructure the dimensional frequencies lost on Tara, which now correspond to the DNA values, by rebuilding the DNA. The dimensions lost on Tara were in the range 4D, 5D, and 6D. (Tara's three-dimensional structure is 4D, 5D and 6D; see article on dimensions.) To restore the DNA, 1 to 12 strands, the following range had to be rebuilt: 1D, 2D, and 3D of Earth and dimensions 4D, 5D, and 6D of Tara since they were disrupted. Note that Tara originally evolved via 1D, 2D, 3D but now these frequencies of Earth must be regenerated and pulled in from the unified field (ground level field of energy of consciousness units from which everything springs---the basic matrix). As stated, the Cloisters initially operated and aided souls in antiparallel Earth, however, there were still a great many lost souls and the ones more digressed incarnated on Earth.
This period, known as the Third World, from 25 million years ago was when the Root Races (lost souls) combined with the Cloisters) began to appear on Earth. For those lost souls requiring regeneration of the gender chromosomes, a provision was now made by the Cloisters for gender/polarisation within the relevant strand. The first DNA strand D1 was divided into two so that 50% of the Cloister races had half of strand 1 and the other 50% the other half. This procedure was actually carried out in the higher frequency---lower physical density---world of Gaia, an upper Tara counterpart of dimensions 7D, 8D, and 9D.

Thus now 50% of the first Cloister race had DNA 1/2, 2, 7, 8, 9, 10, 11, 12; the second Cloister race, had 1/2, 3, 7 to 12, and so on, setting up an imprint for those lost souls who could not achieve ascension back to Tara with the previous arrangement. These two groups (two genders) separated according to which half of strand 1 they had formed and were named Root Races 1 and 2. These were known respectively as the Polarians and Hyperborneans, which were seeded on the higher planet Gaia. But Root Race 1 was seeded on (particle) Gaia and Root Race 2 was seeded on Gaia's antiparallel planet (referred to as parallel Gaia or anti-particle Gaia, etc.). Thus this took place at the level of etheric matter and the planets provided the masculine and feminine basis in this case.
This is where the physics becomes very complex and confusing. There are different kinds of 'opposites', even conjugates, and interdependent and complimentary relationships: particle/anti-particle, positive/negative, male/female, electrical/magnetic, etc. The particle side (particle Earth or Tara or Gaia) does have the characteristic of the magnetic and therefore female energy, whereas the anti-particle side (anti-particle Earth) has the electrical and masculine energy. Our particle Earth can have particle and anti-particles, and similarly anti-particle Earth can have particle and anti-particles. But the planet's condition of masculine or feminine would give a powerful bias one way or the other.
In simpler terms, we are stating that the population polarity, masculine/feminine/ exists within each of the planets. That is, on, say, anti-particle Earth, there is masculine and feminine but this polarity rides on the more basic polarity of anti-particle Earth (electrical/anti-particle/masculine). Thus, the masculine aspect of anti-Earth superimposes on the population polarity masculine/feminine. There may be, say, 10% more masculine on the antiparallel Earth than on Earth (a bias acting on the population poles---masculine and feminine). This might give an explanation of why the anti-Earth is under Phantom Matrix control. We can know that excessive masculine energy, which is exploring, risk-taking, active, promotes independence and rapid change (see article The Real Reason Why Women have been Oppressed) will eventually distort towards ego-development and conflict, lacking in the stabilising influence of the magnetic. In addition, it appears that this imbalance has overridden the advantages of antiparallel Earth's higher-dimensional status (the fact that antiparallel Earth is 1-dimensional band higher). Why are the planets, Earth and its counterpart, antiparallel Earth, not on the same dimensional level? Possibly to allow greater variables in the population from Earth to anti-Earth.

Thus the first and second Root Races, Polarians and Hyperborneans (each made up of all the Cloisters), established the DNA template for strand 1. Now the Cloister races: brown, red, white, yellow, and black would provide the remaining strands 2 to 6 as previously described. As they were acquired, the souls would return to the Sphere of Amenti and retrieve the remaining pooled DNA strands 7 to 12 and then pass into the collective Cloisters (the Palaidorians) to pick up the strands developed by the other Root Races. For example, the brown race rebuilt DNA 2, known as Root Race 3, the Lumarians. Then strand 3 was accrued by the red race, Alanians, Root Race 4, from the second Cloister race. These two (second and third) root races were the main product of the Turaneusiam experiment, in which the Alanians, under the Templar Solar Initiates, destroyed much of Tara, creating the fall of man. These two races now lived harmoniously, 25 million to 5.5 million years ago, on Earth with advanced cultures. Many souls ascended, who retained the integrity of the DNA, back through the Halls of Amenti, through the Sphere of Amenti, where they picked up the remaining strands from the Palaidorian collective (all Cloisters) and returned to Tara.

The procedure continued in which other Cloisters manifested further root races for the assembly of DNA strands 4 to 6 but in the meantime, as stated, many souls ascended who already had these strands intact. However, although each incarnate originally lived in one body only for the whole process, many members had digressed and had to reincarnate several times before completing the necessary assembly of their DNA for return to Tara. For example, the third Root Race had to reincarnate into the fourth Root Race.
As the lost souls returned to Tara, so, gradually, were the lost portions of Tara's morphogenetic field within the solar system planets returned to Tara. This activity ran parallel on these other planets but incarnation into the other planets was not at the physical level. Thus Earth was the main body for the rescue mission.

In summary, after the First World of the Turaneusiam era of 8 million years, the fall from Tara occurred. The Sphere of Amenti was formed and the Halls of Amenti and the Staff of Amenti created. Next the Sphere of Amenti was divided into five Cloister races, and a long era of 225 million years, the Second World, past in which the incarnating Cloisters enabled many lost souls to return to Tara. This took place at the etheric level on anti-particle Earth, and they did not need to incarnate into physical bodies. The Third World, about 25 to 5 million years ago, involved physical incarnations into Earth after Root Races 1 and 2, the Polarians, and Hyperborneans, establishing DNA strand 1 (on planet Gai), then followed Root Races 3 and 4, the Lumarians, later known as Lemurians, and the Alanians, later known as the Atlantians on Earth, who were to assemble DNA strands 2 and 3.

This was the First Seeding of the human race, which terminated with the Electric Wars, after which a Second Seeding was planned. As we shall see a third Seeding continues today.

  'FALL OF MAN'
HUMANITY'S ORIGINS

Part II (March, 2003) Noel Huntley, Ph.D.

To recapitulate briefly on Part I, the five Halls of Amenti (future-time) portals opened into dimensional fields 2 through 6 with corresponding time periods, enabling lost souls, through their Cloister races, to assemble their particular DNA strand (in the range DNA 2 to 6), and then pick up from their Cloister race, strands 7 to 12, and pass through to the Palaidorian collective and pick up the other strands, assembled by the other root races. On attaining the full 12-strand DNA, they could then transmute into less dense bodies through the blue flame transduction portal and ascend to Tara (upper parallel Earth), all achieved in one long lifetime. This also restored Tara's morphogenetic fields in 3D for return to the higher dimensions. (Note that ascension, which is by frequency accretion and increase, is equivalent to ascension into future states.)

Lost souls, as related here, are fragmented. Some dimensional bands of their inner-dimensional configuration are missing. They are not connected up to their higher soul level, collective or Source. Those missing frequency bands have to be filled in. Since the universal dimensional structure is reflected in the human DNA, the lost souls, if provided with a template (framework) they can accrue frequencies into this template or DNA imprint from the unified field for that dimension, and reset the DNA for activation. Thus this was achieved by forming a composite entity with the Palaidorians, which provided the DNA template, and then by frequency accretion, through experience, the DNA could be assembled, enabling the lost souls to evolve back into their soul matrix. The Palaidorians, in effect, provided bodies; morphogenetic blueprints for the formless consciousness fragments of the lost souls.



The First Seeding of races for the continued rescue of lost souls from Tara proceeded successfully until extraterrestrial interbreeding created genetic digressions. As a result of this, the dangers of allowing race members from Earth to possibly contaminate Tara races was given serious attention by the Sirian-Anunnaki from Harmonic Universe-2 (HU-2) and other beings from higher realms. This occurred about 5 million years ago. They decided they wanted to stop the evolution on Earth and prevent ascension of the Turaneusiam race to Tara for fear of subsequent contamination of Tara. Deterioration was already occurring on Earth and they needed to protect Tara.

Normally a race's own frequency determines its spiritual selection (level); and dimensionally speaking with normal evolution there is no problem. However, the planetary system as previously explained had special access modes set up, that is, the Halls of Amenti portals, for easier and more rapid evolution, and there were dangers of incompatible frequencies getting through.

[Note that the clearance level was normally 5D, for access, though more recently after the last successful initiation of a Stella (ascension) Activation Cycle in 208,216 BC, which then had to be terminated due to a sabotaged and blocked D12 stargate (blueprint energy centre), 2.5 D frequencies could get through.]

Nevertheless the Elohim and the Palaidorians rejected this plan to terminate the continuing Turaneusiam experiment and the rescue of lost souls. Consequently the opposition races or resistance groups resorted to war with the intention of taking over the portals of the Halls of Amenti.

Battles ensued, involving advanced technologies, lasting about 900 years and were known as the Electric Wars. This occurred within Earth's atmosphere, causing death to digressed Earth races and many animal species. Others either escaped to Tara or were relocated to other planets by the Elohim. Earth would have been completely destroyed but the Breneau from HU-5 intervened.

The Breneau introduced a treaty; a compromise in which the rescue mission was not allowed to occur via the more rapid method of the Halls of Amenti portal transmission to Tara but by the method of death, reincarnation and DNA development.

Now, any mutations as a result of ET interbreeding, causing genetic digression, were present in strands 2 and 3 of the Third and Fourth Root Races; that is, the strands the Lumarians and Alanians were assembling respectively. The plan was to place a seal in DNA strands 2 and 3 in the Sphere of Amenti, achieved by removing the electrical overtones in these strands, leaving the magnetic base tones. Normally Root Races, such as 3 and 4, which held the base tone templates, into which frequencies are accrued through experiences, would take the overtones from the corresponding Cloisters, but for these Third and Fourth Root Races the overtones 2 and 3 were removed in the Cloister. They could still evolve into their Cloister in the Sphere of Amenti and pick up strands 7 - 12 but not pass through this level into the Palaidorian collective (all 5 Cloisters) also in the Sphere of Amenti, and pick up the other strands, 4 - 6. This was called the Seal of Amenti. This then prevented 7 - 12 from plugging in (being active), meaning that the particles (magnetic part of spiral vortex) could not merge with the anti-particles (electrical part), preventing further assembly and activation of DNA strands 7 - 12. This meant the natural merging, during assembly of strands 3 and 4 (dimensions 3D, 4D), could not take place. That is, without the electrical overtones, DNA strand 3, for example, would not fuse with the upper DNA strand 4 (a natural process of DNA development). This period was still about five and a half million years ago.

[Note that each strand has 12 subfrequencies---each frequency oscillates from base magnetic tone to electrical overtone (pictured as two interacting spirals).]

For over 4000 years, as a result of the Electric Wars, Earth could not sustain life, and experienced severe climactic conditions and slight poleshift due to damaged grid and portal system. Eventually as the Earth entered stable periods, visiting ETs reseeded animal forms. A pole shift correction, however, then caused an ice age, destroying life on the surface. The Earth's grid frequencies dropped rapidly during this time and as a result, if the higher frequencies of the Sphere of Amenti were allowed to remain in Earth's core, the latter would explode.

To resolve this, the Elohim, HU-2, relocated the Sphere of Amenti in deep space in its natural 4D frequency band (this is the astral inner space). It was now no longer housed in the 2D core of Earth where it was accessible to dimensional bands 2 and 3 (and corresponding races handling strands 2 and 3). This absence automatically created a further block, a 4D one, in the DNA strand development, which would prevent the Third and Fourth Root Races (strands 2 and 3) from assembling DNA strand 4.

This was a disaster as it meant the races would be stranded in time, isolated from their future and collective by the missing component in the dimensional gradient, the form-holding morphogenetic field of D4. With this blockage the root races, in completing their strand, could not pass into the Palaidor collective through the Sphere of Amenti and pick up the other strands. Thus this 4D block was known as the Seal of Palaidor.

The Seal of Amenti 'safety' procedure, to avoid Tara contamination, and now the Seal of Palaidor, gave rise to a severance of physical body and astral field---a missing frequency band in the aura. Moreover it caused much of the condition today in most people; that of a duality between body and consciousness---a lack of natural perception of the relationship between the two. Humans became trapped in a physical body. The body could not be regenerated beyond a certain strand development and it would die.

This now brought about the necessity to reincarnate from one root race to another---instead of completing the task in one body and being able to pick up the strands at the collective level from the other root races. Thus the Third and Fourth Root Races, the Lumarians and Alanians, respectively, when having established DNA strands 2 and 3 wouldn't be able to pick up DNA strands 4, 5 and 6 (they all had 7 - 12 strands given in the Sphere of Amenti) from the collective but had to regenerate them by accruing frequencies themselves from experience in order to ascend. Furthermore, they had to wait for the Fifth Root Race to be introduced, which became known as the Aeiran Root Race. Thus the Fifth Root Race could assemble the 4th strand, which then enabled the others as members of the Fifth Root Race to continue DNA assembly, since the Fifth Root Race provided strand 4 and it could access the Sphere of Amenti in 4D, out in deep space.

Note that the Alanians, the race with the greatest digression prior to Tara's fall, had to assemble strand 3 (containing a mutation) themselves. Then strand 4 had to be assembled by waiting for, and reincarnating into, the Fifth Root Race (from the third Cloister) since it was no longer available to be picked up in the 'gene pool'.

The Cloisters were normally providing perfect DNA templates for the lost souls to accrue (fill in) the appropriate frequencies. But now they had the Seal of Amenti and the Seal of Palaidor.

The Third and Fourth Root Races, the Lumarians and Alanians, as stated could not pass through to the Palaidorian collective to assemble strands 4 - 6 and therefore could not plug in strands 7 - 12 for activation. The important and drastic result of this was that strands 2 and 3, being blocked, pulled in subpersonalities from the astral 4D dimensions, which could not be handled with Root Races 3 and 4. Thus they would now have to be handled by the Fifth Root Race with the availability of DNA strand 4 and subsequently greater awareness of the 4D astral field. Owing to the presence of the Seal of Amenti it was now necessary to incarnate three times, once within each of the Third, Fourth and Fifth Root Races, to complete the ascension process for Tara.

In summary, what we are saying is that the original plan for the rescue of lost souls (see Part I), which was, for each of the five Cloisters (and subsequently root races) to assemble one strand (from 2 to 6) and pick up the rest in the Sphere of Amenti and Palaidorian collective (strands 1 and 7 to 12 were given), was prevented by the seals imposed to stop any DNA mutations getting through to Tara.

This 4D astral seal also blocked the chakra system, causing a build up of electrical particles accelerating the manifestation of disease. Thus, as mentioned, it was necessary for the Fifth Root Race to develop DNA strand 4 to free the Third and Fourth Root Races.

Prior to this, however, after physical death, as a result of the Seals the normal 4D consciousness, perceiving 3D (as solid reality), would now drop to 3D consciousness, perceiving a second dimensional reality in Earth's core, changing the nature and format of their consciousness from human to elemental (Earth's core being the natural abode of the elementals); that is, their previous consciousness (4D) fragmented and reincarnated in elemental consciousness forms. Furthermore, others from the lost souls' group when coming in, that is, reincarnating through the 4D blockage and seal, released disembodied astral consciousness fragments. [As previously mentioned, merging of consciousness, and fragmenting and fusing, is a natural process; it simply needs to be done constructively and harmoniously. It does not seem strange for two consciousness' to combine---each feels like itself alone but enhanced---if positive.]

As stated, however, souls coming in as the Fifth Root Race (human race today) would already have the template for the 4th strand--- this is the strand which Cloister 3 and the Fifth Root Race could accrue frequencies into, during incarnation for full assembly. Prior to this, the Atlantian (Alanian) Fourth Root Race (DNA 3) and Lemurian (Lumarians) Third Root Race, would have to pick up the strands 2, 4, 5, 6 and 3, 4, 5, 6 respectively (1 and 7 - 12 were given), and strand 4 wasn't then available to acquire in this way. Now the Third and Fourth Root Races couldn't reincarnate as Fifth root Race members due to the blocked 4D astral frequency band, causing fragmentation of consciousness. They had to merge their consciousness with the Fifth Root Race incarnates instead of reincarnating as the Fifth Root Face.

Thus a burden was placed on the Aryan Fifth Root Race as they then had the responsibility of assimilating the fragmented consciousness of the Third and Fourth Root Races as they integrated these soul fragments into their own consciousness, before they could ascend. The Aryan's experience of this was one of chaotic memories as though of earlier incarnations, and the presence of subpersonalities in their consciousness. Such a blockage disconnects the race members from the collective morphogenetic field. The D4 strand imprint was thus absent. Race memory was lost.

Present humans are in the Fifth Root Race Aryan cycle with DNA strand 4 to be activated in the ascension cycle. Humans thus are still subconsciously, or consciously in a few, involved in cellular clearing, integration of the emotional, mental and astral bodies, and assembling the 4th strand, which will then release the Seal of Amenti for ascension of humans back to Tara. (Humans have one biological double strand and eleven, mostly unplugged, electromagnetic double strands.)

The consequences of the Seal of Palaidor was known by the Elohim and allowed so that extreme genetic digressions would be removed and would in fact fragment back into basic consciousness units of the unified field (in effect, recycled). This fragmentation involved units breaking off the DNA, disrupting logical sequences and giving rise to what scientists call junk DNA.

The Seal of Amenti caused races to enter into incarnation with no memory of identity or higher realms, normally available in 4D and accessed through the astral dimension. Races forgot their connections to each other and to Earth. Humans of the Second Seeding and Third Seeding would now have a different kind of consciousness---a perception of increased duality and sense of separation from everything. Also a subconscious mind developed which included D2 sub-personality fragments from the elemental unified field. Dream assimilation was now necessary. Even advanced visitors couldn't access the planet's history except through the Sphere of Amenti in 4D. Earth was thus in quarantine---races could no longer know they were part of multidimensional universes of higher-conscious forms. Humans in general are still in this condition today.

Thus, in effect, the Sphere of Amenti constituted a host matrix transplant, a procedure for assembling the DNA, and subsequently the dimensions of the individual consciousness, by both direct reconstruction through experience, and by 'splicing': acquiring strands via the collective in the Sphere of Amenti. But the mission was greatly hampered by disagreement, conflicts and wars aided by direct manipulation from the Fallen Angelics, who have their own agenda, which might be called the quest for the Holy Grail (see article on this).

'FALL OF MAN'
HUMANITY'S ORIGINS

Part III (April, 2003)

Noel Huntley, Ph.D.

Before the fall of man and the planet Tara, the cataclysm of fragmented Tara grids and lost souls was anticipated. We as our higher selves (remember, consciousness is fractalised like everything else), plus other higher races, set up a plan for the rescue of these souls. These higher beings formed a gestalt of consciousness, the Sphere of Amenti, which was installed in future probable Earth (fragments of Tara). A portal within the Sphere of Amenti connected Tara before the fall, and therefore intact, with Earth, after the fall; thus connecting future restored Tara (to be) with a positive time line into its (intact) past.

The cataclysm occurred. Souls were lost in different dimensional bands, and sufficiently fragmented such that they couldn't incarnate on Earth through the normal system of body and DNA. This is where the Sphere of Amenti came in. The damaged dimensions and DNA strands were 2D, 3D, 4D, 5D and 6D. The plan was for lost souls to regenerate one of these missing DNA strands each. Then when all were complete, each would pick up the other strands in the gene pool in the Sphere of Amenti (DNA 1, and 7 - 12 were provided). However, in order for them to incarnate, the Sphere of Amenti divided into 5 smaller spheres called the Cloisters. Each of these provided a body and DNA template with a required single strand (which we call a double strand) to be regenerated---this would also include a portion of their consciousness. The lost incarnating souls with Cloister aid were called Root Races. The gender of the first strand D1 was provided by Root Races 1 and 2, the Polarians and Hyperborneans, achieved earlier on Gai. Many souls in a more advanced condition used the Sphere of Amenti and were saved.

Owing to the portal method of rescue and one which was relatively quick for lost souls to return to Tara, certain races on Tara didn't want to risk contamination again and resisted the rescue mission. This resulted in the 900-year Electric Wars until the Breneau collective intervened and arranged for the Root Races to incarnate into three life times before ascension could be attained or allowed. The Sphere of Amenti portal was blocked in D2 and D3. This was called the Seal of Amenti. Further problems arose as a result of the wars. Earth's frequencies were dangerously low, creating the possibility of the planet's implosion from incompatibility with the high frequencies of the Sphere of Amenti. The decision was made to remove the Sphere of Amenti from Earth's core and place it in deep space. This absence, however, resulted in a 4D blockage to the evolving Root Races and was called the Seal of Palaidor.

In addition to the mutations in DNA strands 2 and 3, strand 1 (its 6th overtone) was also affected. Thus the Seal of Amenti referred to these three mutations in strands 1, 2 and 3. Then the main problem was the placement of the Sphere of Amenti in the 4D frequency band, having been removed from the Earth's 2D core owing to increasing incompatible frequencies between Earth and the Sphere of Amenti. This created a barrier to development of the 4D fourth strand of DNA, referred to as the Seal of Palaidor, and thus even the Fourth and Fifth Root Races would have to wait within the Sphere of Amenti until it could be returned to Earth's core.

Within three years after the removal of the Sphere of Amenti a great flood covered over 85 percent of Earth's surface. There were two other major floods but the Bible recorded them as one, the Great Flood.

Now the Seal of Palaidor must be released before the Seal of Amenti was released by Root Races assembling the full 4D strand. The Third and Fourth Root Races, Lumarians and Alanians, could still pass into the Sphere of Amenti but not pick up the other strands by passing through and into the Palaidorian collective because the Sphere of Amenti had been removed and 4D was not available. Moreover, the Fifth Root Race would not be able to incarnate since it would normally incarnate with strands 1, 2, 3, and the base tones of 4, but now couldn't pick up strands 2 and 3.

During this time, about five and a half million years ago, severe climactic changes occurred, including a great flood. It would take millions of years before the vibration rate of Earth would be sufficient to sustain the 4D coding of the Fifth Root Race and the Sphere of Amenti could be returned. Thus evolution was stunted during this period.

Root Races 3 and 4 were intended to complete strand 2 and 3 but now encountered the Seal of Amenti in 2D and 3D. This would prevent these Root Races 3 and 4 from incarnating into the Fifth Root Race, after they completed the strands, and consequently would cause them to merge, consciousness-wise, into the minds of the future Fifth Root Race. This is happening today.

After about one and a half million years, the Sirian Council of HU-2, working with the Elohim and other groups, devised a plan to restart human evolution on Earth. Earth's frequencies, however, were still too low to sustain life with 4D coding or assemble DNA strand 4, or to receive the Sphere of Amenti. The souls in the Sphere of Amenti could re-enter into Earth from 4D by a process known as downgrading. This meant reducing the Fifth Root Race and others in frequency by passing their race morphogenetic field through another planet in HU-1. A suitable planet was found to be Sirius B in the Sirius star system. This was the beginning of the Second Seeding.

To recap: the Palaidorian morphogenetic field and Amenti morphogenetic field were in the Sphere of Amenti and comprised the collective soul matrix. The Sphere of Amenti needed to be returned to Earth's core to release the Seal of Palaidor.

Thus about 4 million years ago a portal bridge was constructed between the core of Sirius B, the Sphere of Amenti in D4, and Earth's core in D2. The soul essences from the Sphere of Amenti were passed into the core of Sirius B. Some of these souls combined their consciousness with etheric consciousness on Sirius B, creating a hybrid Sirian-human. This race became known as the Kantarians who founded the Kantarian Federation to serve as guardians for the Earth humans of the Second and Third Seedings, and became involved with the old Sumerian and Egyptian cultures as well as that of Atlantis.

The Fourth and Fifth Root Races, by residing within the morphogenetic field of Sirius B, enabled the individual identity to be retained and frequencies to be accrued. They could then pass into the Sphere of Amenti and assemble the remainder of the fourth strand, and wait for the seeding of the Fifth Root Race to begin. This would release the Sphere of Palaidor but not the Sphere of Amenti. This portal bridge connecting to Sirius B eventually became known as the Hall of Amorea in the Second Seeding. Later, in the Third Seeding, it became known as the Third Eye of Horus. This option of passage through Sirius B for evolution of the Fourth Strand was reserved for races who carried the third DNA strand, for example, Alanians/Atlantians, but not, for instance, the Lumarians who had not completed the third DNA strand.

The human-Sirian imprint was strengthened by further hybridisation from immigrating Pleiadians. These were originally from Earth but escaped to the Pleiades during the Electric wars. The Pleiadian DNA was now being brought in with further hybridisation with the Kantarians (human-Sirian hybrids). This new hybrid race (smaller group) was called the Dagos. All these imprints were combined with the original templates of the Turaneusiam master race project.

This hybridisation procedure from Pleiadians now enabled Cloister 1 and its Third Root Race, the Lumarians, to begin incarnating via the Sirius portal passage on Earth, now with more compatible frequencies---this was around three million years ago. (They were then known as the Lamanians, denoting their passage through Sirius B.)

Next, the Fourth Root Race (second Cloister), originally known as the Alanians, followed about two and a half million years ago. The Fifth Root Race, the Aryans, were then entered around 1,275,000 years ago. In all cases the Cloister race is entered first (for DNA overtone development) and then the corresponding Root Race (with base tones) projected into incarnations on Earth. This period from the Second Seeding about four million years ago and extending into the Third Seeding, bringing us to the present, is referred to as the Fourth World of native American legend.

There are many moe important events about one million years ago, to which we shall return in Part IV such as the Thousand Years war that ended the Second Seeding, but meanwhile let's continue with the root race purposes and plans and where it leads.

The Fifth Root Race, the Aryans, would now be able to assemble the important 4D DNA strand, bringing up the frequencies of energy so that eventually the Sphere of Amenti could be returned to the Earth's core---though as we shall see in Part IV further problems arose and new solutions had to be devised. If the Sphere of Amenti were returned, this action would release the Seal of Palaidor (4D block) and the Lumarian and Alanian races waiting in the Sphere of Amenti could now incarnate with the Fifth Root Race. Recall that the Fifth Root Race has the template for strand 4 (4D) to be assembled (accrue frequencies), whereas Lumarians and Alanians had templates 2 and 3 respectively, originally able to pick up other strands in the Sphere of Amenti, but since the Seal of Amenti was installed they had to reincarnate into future root races to assemble those other strands themselves. The Fifth Root Race, the Aryans, in assembling D4 would be conscious of the astral 4D and have the capability of repairing their gene codes. The Aryans had DNA strands 1, 2, 3 plus the base codes (tones) of strand 4, and its Cloister had the imprint for 7 to 12; the overtones (electrical) would be added to the base tones (magnetic) of strand 4 during the incarnation (from the Cloister overtones).

Now the Seal of Amenti also affected activation of the grounding codes. All the races had within each dimensional strand of their DNA, within the sub-frequencies of each dimension, partial codes (frequency patterns) to enable the races' energies to link ground frequencies with Earth's lower dimensions. They apparently provided an extra refinement to the gradient in the dimensional increments, which also, vice versa, enabled transmutation to occur when the overtones were completed and activated.

The grounding codes, however, couldn't be activated while the mutation (missing 6th overtone in strand 1) was present in the first strand. Thus the Third, Fourth and Fifth Root Races, who had DNA templates 2, 3, and 4 respectively to be assembled, would be born with the Seal of Amenti (1, 2, 3 strands) and Seal of Palaidor (4D block). Moreover, the Fifth Root Race already had the D4 template and it was possible to assemble this (it would have picked up the lower strands).

This would release the Seal of Amenti, which was, in effect, the seals on strands 1, 2, and 3. This being achieved, DNA strands 1 - 4 could plug into one another, and with this development the 5th, 6th and 7th grounding codes would fire. The DNA strands 7-12 were already given, and the completion of the DNA enabled the body to transmute through the Blue Flame portal and the Halls of Amenti to ascend to Tara. (Note that this process is more complicated. When the 12 strand DNA is complete, in the Blue flame portal the Root Race must merge its DNA with its double in the antiparallel Earth (sometimes referred to as simply parallel Earth.)

Next, the Sixth Root Race, the Muvarians would develop the fifth strand, that is, they had the base tones of D5 and would obtain the overtones from their Cloister. Root Race 6 had strands 1, 2, 3, 4 and the base tones of 5. We haven't given the names of the Cloisters to reduce complexities but the Sixth Root Race's Cloister was the Melchizedeks, which initially corresponded to the yellow-skinned races on Earth. But since the First Seeding, modifications to this Cloister race consciousness enabled it to take on various racial strains. Thus it was not limited to manifesting the yellow race. With the establishment of 5 DNA strands they were free of the Seals of Palaidor and Amenti, and at the completion of strand 5 could ascend.

A few incarnations of higher Root Races such as 6 and 7 have occurred in Seedings 2 and 3 but have not entered full manifestation (the complete 6th Root Race) during Seedings 2 and 3. The Sixth Root Race is due to begin with Melchizedek Cloisters birthing onto planet Earth---this period is one which will culminate in Earth merging with Tara.

With the Seventh Root Race there is no death or biological breeding and bodies are less dense resulting in less gravity. They will be able to time travel. This would be after the planetary merging and return to Tara with the potential to ascend to Gai.

Returning to the Sixth Root Race, the Melchizedeks assisted other Root Races (lower ones) with their genetic digression. They intervened on numerous occasions. In aiding Root Race 5 during the Third Seeding they created a mixed Cloister race carrying genetic codes of both lines (Root Races 5 and 6). But this later became a problem for their descendants. The Root Race 5 Cloister contribution was called Hibiru. These particular Melchizedeks became known as the Templar Melchizedeks. The mixed Cloister race of 6 and 7, Hibiru/Melchizedek, became known as the Hebrew race, this genetic advancement was also carried by the Essenes (Melchizedek family), Christian lineages, and the Templar Melchizedek. However, there were problems due to a genetic propensity that occurred 10,000 years ago. This was a patriarchal slant, with gender subservience, also subjugation of elemental kingdoms---there was an elitist philosophy. This was a genetic distortion with the Templar Melchizedek genetics. The original Cloister Melchizedeks were still the pure strain. This distinction had great repercussions on future societies, in particular, it has created hidden negative undercurrents to present-day ideologies. This will be pursued in Part IV.

FALL OF MAN'
AND HUMANITY'S ORIGINS
Part IV (September, 2005)

Noel Huntley, Ph.D.

There are many more significant details to fill in as we move from the Second Seeding to the Third and present time, but we shall continue focussing on the root races and their future expectations.

We finalised Part III with a reference to a genetic degradation within the Templar Melchizedek compared with their original strain, the Cloister Melchizedeks. Both Templar Melchizedeks and Cloisters, about 65,000 years ago, prior to the sinking of Atlantis, retreated underground to Inner Earth, a separate dimensional modulation zone more recently called Agartha (originally, Ar-Retoth, then Agratath).

The Melchizedeks created a Priesthood which became guardians of the Blue Flame portal ascension route, but was gender biassed due to influence from Sirian-Anunnaki cultures, which were instrumental in the Tara cataclysm. Some of the Melchizedeks, however, became affiliated with the matriarchal Priesthood from Mu (small continent on Tara), creating balance, and practised the sacred Law of One, as taught by the original Cloister Melchizedeks. As a result, the Palaidorian Council transferred guardianship of the Blue Flame portal to the balanced Cloister Melchizedeks.

Greater caution and more stringent measures were taken to avoid genetic deviations and two more seals (Templar seals) were placed on the sixth Melchizedek Cloister (in the Sphere of Amenti which at this point in time had been returned to Earth's core), since this was the original source of the mutation, and also any descendants of the Templar Melchizedeks would have it. The first, which occurred 10,000 years ago, was a 6-dimensional seal in the Sphere of Amenti. The second, a 7D seal was placed on the descendants of the Templar Melchizedeks (3,500 years ago), who infiltrated Egyptian culture and violated the covenant of Palaidor by opening Earth's D2 portals with the intention of achieving ascension via D1 and D2, but in doing so caused chaotic soul fragments to pass into the Sphere of Amenti and through to Tara, creating drastic events.

Anyone possessing the Templar-Axion seal could not pass through the Sphere of Amenti for ascension, except over a period of time, and only as the Sixth Root Race, not the Seventh. The seal would ensure sufficient reincarnations had taken place on Earth to remedy their errors (clear karma). The Templar-Axion seal became a curse on the human lineage. Assistance was available from higher councils to purge the genetic distortions in humans who had merely acquired them through inheritance.

The Templar-Axion seal created, amongst other distortions, polarisation of the astral identity into high and low (known within some religious teachings as 'evil twin' or 'dweller on the threshold'). Tara could be achieved the long way by means of a Sixth Root Race, but with the Templar-Axion 7D seal present they could not evolve into the Seventh Root Race and claim the immortal body.

The genetic configuration of the Templar-Axion seal relates to the so-called Satan's number '666'. The sixth base tones of strands 1, 5, and 6, were removed. It was arranged that other star systems, the Pleiades, Arcturus, and Andromeda had jurisdiction over the Templar-Axion seal. By incarnating into these other star systems they could learn the Law of One and finally enter Tara. However, this group is close to completing this 'route' since merging of Earth and Tara will occur within a few generations. The '666' became part of the human genetic code and the concept 'judgement day' resulted from Templar-Axion souls who were 'reviewed' by the Ra Confederacy. If they passed they were cleared of the seals and could rebirth into the 6th and 7th Root Races on Tara.

Many persons today carry some or all of the Templar-Axion seal and will after death come under review with the Ra-Confederacy. Others can work with guardians during the physical lifetime on spiritual principles and have the seal removed before death with the potential, during these ascension processes at this time, of attaining body transmutation through the Blue Flame portal to Tara. Generally humans, between lives, will return and merge with their soul level which is aware of ascension processes and the next life experience is chosen best suited for the individual.

It is helpful for humans to know before death whether they have the Templar-Axion seal so they can work with the Guardians and Ascended Masters to remove them, otherwise those in this category will have to be reviewed by the Ra-Confederacy after death. The DNA imprint is carried over after death. However, most humans have the potential to rebuild DNA strand 4, which relates one to the astral identity, and acquire an understanding and conviction of the soul (higher-fractal) level of consciousness.

During the ascension cycle the Seventh Root Race will emerge upon Tara. This represents the Fifth World of native American legend. Evolution is not just of bodily physical forms. There is primarily an ascension of consciousness from simple forms to more complex. Consciousness is an energy with a spectrum, and functions much like the antenna on the roof: it only 'perceives' a 'reality' (e.g., TV picture) or waveband that it is structured or framed to perceive (create).

Evolution of Earth is intimately connected to the planet Tara (in the next higher spectrum 4D to 6D) that was the original mass from which Earth was formed. Fragmented particles, and also particles and antiparticles must be merged to bring about this ascension process. Current physics tells us that when particle and antiparticle combine, for example, an electron and a positron, they disappear in a flash of radiation ('pair production') but they will have been transmuted into a new unity. In the ascension process magnetic base tones (particles) and electrical overtones (antiparticles) merge and resonate, creating quantum regeneration. This new state corresponds to a higher strata of dimensional frequencies from the unified field, out of which a higher-frequency level of particles and antiparticles emerge, corresponding to this next upper-dimensional band. The ascension hierarchy appears to consist of a system of polarities within polarities---see Cosmic Map article.

The Sixth Root Race is just beginning now. This is the prophesied 5th World. Following this the 7th Race will be the completion of the original human and a return to the 12-strand DNA and immortal body, free from disease and aging.

We have moved ahead in time to show a brief glimpse of the purpose, direction, and hope for the human race via the root-race mission for rescuing the lost souls of the Tara cataclysm. There were many other interesting events, however, with which we shall now continue, following the Sirius B reseeding plan and the introduction of the Third Seeding.

To recap, we explained that about 4 million years ago the construction of the portal bridge to enable continuation of this evolutionary process, which connected Sirius B with Earth, made it possible for the stuck Root Races to continue their return to Tara. The Alanians entered into incarnations by this procedure around two and a half million years ago and the 5th Root Race, 1.275 million years ago. This Second Seeding now extended into the Third Seeding.

As we continue then from the Second Seeding, the Fifth Root Race gave hope to a continuation and successful completion of the plan since they had the frequency patterns of the 4th dimension. The Elohim assisted in the return of the Sphere of Amenti to Earth's core (to enable the Seal of Palaidor to be removed) by selecting Root Race 5 families, who were free from mixed-breeding contamination, and by transplanting part of their energies into the Elohim morphogenetic fields, accelerated their evolution and return to Tara. The idea being that their higher frequencies would raise those of Earth's grid, making it compatible with the Sphere of Amenti.

About one million years ago the Drakon race from HU-1 Orion system came to Earth and became a threat to the human race. They were a digressed strain from their original source in HU-3 and were dragon-like in appearance, though upright. They were experts in genetics and tampered with the human DNA, creating, in particular, a human-Drakon hybrid now known as the Dracos. The Dracos were more lizard-like and human than the Drakons but still possessed the aggressive traits of the Drakon.

Moreover, the Drakons created the carnivorous dinosaurs, such as T-Rex, via mutations of the original herbivorous dinosaurs imprint, engineered earlier by other ETs races. These terrifying carnivores containing aggressive Drakon genes were used as monitors of the human race (the similar DNA would enable the Drakons to merge their consciousness with the dinosaurs for extended observation and control). Note also that at this time the Phalzants were created, combining Drakon genes with Earth animal genes. It has been claimed quite recently in the press that Phalzants have been seen today and are referred to as Chupacabras. What happened to the dinosaurs? This was one of several destructive episodes by the intruder ETs who may eliminate collective species to alter the total life frequency of the planet in their quest for spiritual and physical territory.

Owing to the tyranny of the Drakon invasion the more advanced races of humans on Atlantis, with the aid of Anunnaki visitors from Sirius A, made plans to end this Drakon menace. They attempted to utilise the power of the Earth's grid but the plan backfired and severe climactic conditions were created followed by a small global ice age. Nevertheless the Drakons departed from these hostile conditions on Earth. Humans retreated underground and where permitted, to Inner Earth, eventually to return to the surface, but the Drakons left their legacy of mutations on the human race.

The human race digressed further and while host matrix transplants were being applied in an attempt to realign the human genetic development, visiting ETs also opportunely experimented further, producing primitive manlike forms and certain ape species.

The Lamanians (Lumarians) and Atlanians (Alanians) became enemies again. During this period, about 950,000 years ago, the Anunnaki visitors influenced, in particular, the Atlanians and brought further distortions of the Law of One, creating the belief that women were subservient and that they were to be used as breeders of hybrids, also establishing the belief that the Anunnaki were gods of the human race.

As a consequence the Nephilim, human-Anunnaki hybrids, were bred. These Nephilim, mentally superior to the humans, dominated and were instrumental in bringing a highly advanced materialistic culture to Earth. Further distortions of the human DNA were produced, involving the creation of varieties of animal-humans. The Nephilim mutations were eventually removed from the human DNA by the Elohim and the RA Confederacy. Drastic measures were used involving disconnection of higher electromagnetic strands from the biological strand, leaving regions of the so-called 'junk' DNA but now enabling the human to rebuild and reorder the DNA. (Note that the Luciferian Rebellion of 25,500 BC also produced muchof the 'junk' DNA.)

Many more complex transplantations occurred but finally the Sphere of Amenti could be returned to Earth's core about 900,000 years ago. However, the Anunnaki, embittered by the Elohim's interference with their Nephilim, planned to destroy the Sphere of Amenti and enslave the human race to mine for gold. As a result, war broke out between the Elohim and the Anunnaki, referred to as the Thousand Years war around 850,000 years ago. The Breneau of HU-5 intervened and established a treaty between the Elohim and the Anunnaki (the Treaty of El-Anu) to actually aid in the Third Seeding of the human race, but it was also agreed that the Nephilim would be removed from Earth and allowed to evolve in other systems. Nevertheless, in spite of the treaty there were a few Anunnaki in opposition to it and formed the Anunnaki Resistance which was supported and joined by Drakons. In the interests of peace the Ra Confederacy and other higher entities were petitioned, and the decision was made to apply the Templar-Axion seal (the '666' genetic configuration) described earlier, to the Resistance group. The Thousand Years war was brought to an end but this long period of conflict arrested the Second Seeding's evolution.

We mentioned above that the Anunnaki intended to use humans as a slave race to mine for gold. At that time the Anunnaki were using white powder gold in their atmosphere. This by-product of metallic gold boosted their DNA (but eventually caused further mutations and insanity)---see article on the Illuminati and Neanderthal man regarding the creation of the Neanderthal by the Anunnaki and the eventual manifestation of a DNA template, combining ET and human genes, which resulted in the origin of the Illuminati.


I used a android phone app called "T2T Text to Voice-Read Aloud" to convert this text to an audio file (mp3). You can get this app at Google playstore. Free and easy to use. 
In topic "History of the Human Race "The Truth" RodrigoA"
This is a long read. The LONG text is what I used to make the mp3 file, just there for reff.

Right click to save as or click to play  play time = 43 min

I used a android phone app called "T2T Text to Voice-Read Aloud" to convert this text to an audio file (mp3). You can get this app at Google playstore. Free and easy to use. 



History of the Human Race "The Truth" 
August 25, 2017    RodrigoA

Guardian Alliance (GA) = immense group of beings who reside in a myriad of locations in the Time Matrix. They are a member of the Interdimensional Assoc of Free Worlds (IAFW)
AIFW Members consist of Biological (below 7D), Etheric (7D-9D) and Light (10D-15D) beings.
Administrators of IAFW & GA are beings of pure immense, meta-maths consciousness. Guardians of the Cosmic Matrix.
Cosmic Matrix = Energy Matrix + Time Matrix.
Geomantic Entities (16D and above) reside in the Energy Matrix. These entities viewed from 3D would appear as geometric shapes made of living light.
The Fall:
Earth is in HU-1
Tara is in HU-2
Gaia is in HU-3
Project Turaneusiam-1 (T-1)
560 MYA (million years ago) Project Turaneusiam-1 (T-1) begins.
Many ET + meta-ET’s created a master race to serve as guardians of Planet Tara.
Founders of project T-1 =3D meta-ET from HU-4 & HU-5 Lyrans HU-3 =3D Seed Race of T-1 Sirian Council HU-2 =3D Directors/Overseers of T-1 Elohim HU-3 =3D race of beings created by Lyrans to oversee Sirian races in HU-2.

T-1 was made up of 12-subraces (genetics from 12 ET races).
12-subraces are:
Bra-ha-man
Dhr-ah-men
Atoni
Trin-iten
Azurtan
Celtos
Addami
Yutarans
Cerrasz
Nexack-tai
Melchizedek
Manipulation/Interbreeding by UNRELATED ET races caused major digression/division.

T-1 split into two main strains:
Alanians (Beli-Kudyem)
Lumians (Adami-Kudmon)
Alanians sought control over Luminians - experimented with power generation thru Tara’s core - Lumians asked for assistance from Sirian Council HU-2 and Elohim HU-3.

Lumians set up “Council of Mu”, moved large numbers across ocean to small continent with tiny/simple/unorganized culture - Continent named “MU”.

Elohim HU-3 interbred with Lumians (Cerrasz strain) to purify genes - new strain called Ceres/Seres - Seres went on to become Priesthood of Mu.

Alanians =3D Templar Solar Initiates - combines forces with Sirian Anunnaki and refused to listen to Sirian Council.

Sirian Anunnaki =3D opposed anti-Sirian Council. Group of Alanians not happy with TempSolar defected to Mu. Ceres + Lumians interbred with these Alanians - new breed known as Priesthood of Ur. Sirian Rebellion War - p/hood of Ur lost battle to TempSolar and retreated underground. Impending Tara Grid implosion many evaded to other star systems.

Tara Cataclysm  550 MYA Alanian deep underground power crystals exploded - Tara grid blown apart - Tara detached from morphogenetic grid. Tara now missing portions of it’s grid - could not continue evolution/ascension to HU-3 to merge with Gaia D7 - frozen in time-tracks until repaired.
The fragments of the grid that fell apart, fell in vibration, got sucked thru a black-hole at the centre of Tara’s sun and re-emerged in a galaxy HU-1.

These fragments broke up into 12-pieces, which densified into planets in HU-1. 550 MYA Mercury, Venus, Earth, Mars, Maldek (imploded) Jupiter, Saturn, Uranus, Neptune, Pluto, Nibiru (has very long orbit) and the Sun (which was a HU-2 planet that fused with a HU-1 star). This event is interwoven with other earth events/history, eg: Fall of Man, Fall of Adam, Flood. The Fallen souls of Tara became trapped in HU-1 and a rescue mission was required. Rescue mission was formulated by the Ceres, which the priests of Ur would implement.

Assistance was provided by Sirians, Pleiadans, Elohim, Lyran, Lumians, Alanians, Ceres. This consortium was known as the Covenant of Palaidor, working thru the HU-5 Breneau Rishi and further assistance by the metagalactic core/gestalt known as the RA Confederacy. Of the 12 RA sub-groups, only 4 approved the rescue mission (Azurites, Aton-A, Amonites, Brigihidelt). The Brigi are currently incarnating into earth as members of the ascended master family of Vairigi. Several other sub-groups also assisting are Azar-Azara of HU-2 ET race known as the Zhar Confederacy. The Ur-Tarranates time travelled to Earth HU-1 after the fall of Tara and with help of the Sirian Council, transmuted into pure energy becoming one-consciousness, serving as the Morphogenetic field for the 12-DNA T-1 race prototype on Earth.

The Morphogenetic Field of consciousness is known as the Sphere of Amenti. Amenti = 3D part of Tara’s core connected to portals on MU, placed on Earth would link back to Tara’s pre-fall time-cycles. When grids blow apart they lose portions of history stored in genetic cellular memory. With out this the planet can not evolve/ascend into the next HU. Project Turaneusiam-2 (T-2) 550-250 MYA many species where seeded by HU-1 ET’s (plants, animals, insects)... Also some ether beings spent time here...

There were wars were fought by races who did not want this rescue mission to succeed.
Once Earth was secured the Ur-Tarranates of the Sphere of Amenti began birthing on Earth.
This was known as the T-2 experiment, the 12-tribe seeding. 5-Cloister races emerged known as the Palaidorians. These races were less dense and did not possess gender, their bodies contained 8-DNA strands (active). They were the guardians for DNA evolution.

The five Cloister Races were: Ur-Antrians (brown skin, DNA Strand-2) Breanoua (Red skin, DNA#3) Hibiru (White skin, DNA#4) Melchizedeks (Yellow skin, DNA#5) Yunaseti (Black, DNA#6)
These cloistered races left no remains on earth, as they were here during an Anti-particle universe cycle.
Sphere of Amenti = Hall of Records (Time/Portal) Each planet in our solar system holds a part of Tara’s HU-2 Morphogenetic field.

Tara HU-2 can not ascend to become Gaia HU-3 unless all these planets in our HU-1 solar system complete the full manifestation of these morph-fields. The pattern of the Morph-field appears as a standing wave of blue colour with a pale shade of green. This Blue flame is earth’s portion of Tara (Staff of Amenti) Earth’s own flame is Orange-Gold.

Tara’s own flame is Blue-Green (known as the Gates of Ivory, Pearly gates) Gaia’s own flame is Violet-Gold
metagalactic Core’s own flame White-Gold Earth Human Race 1st Seeding 1st Seeding of the 3rd World (25 MYA to 5.5 MYA) 5 x C/Races entered earth in different locations. Each race physically created 6 Male + 6 Female adult humans who bred to seed the earth population at the time. (all up 60 humans)
1st emerged was the 3rd root race, Lumanians.

Lumanians =3D Brown =3D Ur-Antrians =3D 15MYA =3D DNA#2 2nd emerged was the 4th root race,
Alanians. Alanians =3D Red =3D Breanoua =3D 9MYA =3D DNA#3. 5.5 MYA interbreeding with HU-1 ETs caused genetic digression, thus loss of immortality and not able to transmute/ascend. Members of the Sirian-Anunnaki HU-2 and other ET + meta-ET’s wanted to stop/halt earth’s evolution (T2/12-tribe experiment) due to the fact they did not want the digressive elements of humans returning/ascending to Tara.

Other’s had ulterior reasons, as they wanted earth for themselves.
Basically all hell broke lose - electric wars of pure energy fought in local galaxy and atmosphere.
Those humans remaining ascended to Tara, and those with the digressive gene could not/perished.
Earth was almost a goner until HU-5 Breneau intervened. Earth Human Race 2nd Seeding After the Electric wars, the 3rd+4th root races had to be re-seeded but this time carrying the seal of amenti within their genes.

This seal of Amenti stopped humans with digressed gene form accessing the Sphere/Hall of Amenti.
The 6th sub-frequency-tone of Dimension-1 was removed from DNA strand-1.Thus stopping humans incarnates from plugging/accessing into the 7th DNA strand. thus could not assemble all strands in order to ascend/transmute (pass the Blue-Flame). When the body reached full gene capacity it would diminish/die and go thru a cycle of re-incarnation. (7th strand DNA blue-flame allowed unlimited energy-renewal of the body).

The idea was to re-birth 3-times, once thru the root races which were RR3 + RR4... and then have to wait for Root race 5 to be seeded/emerge before one could incarnate as a RR5 human to collect DNA strands 5-6-7 (strand-7 released/shed the seal of amenti) in order to ascend/access-codes to HU-2
Was discovered due to electric wars a more serious problem had occurred. 5 MYA shift in earth grid occurred causing a quick freeze. After this shift the earth vibration dropped and could no longer safely hold the sphere of amenti..

In order to avoid destruction, the Elohim HU-3 removed the Sphere of Amenti to a safe place in 4D.
Due to this Root Races 3 and 4 could no longer assemble their 4th DNA strand.

The burden/responsibility for assimilating the fragments of RR3 and 4 was put upon Root Race-5 (Aeiran/Aryan) of the Hibiru cloister. Human evolution was stunted 5.5 MYA until Sirius-B came along to the party. An artificial portal bridge was constructed between the core of Sirius-B, the Sphere of Amenti in D4 and Earth’s core in D2. Some souls of the 2nd seeding merged with Sirius-B and hybrid strain of consciousness was created called the Kantarians. This 2nd seeding portal-bridge was known as the Hall of Amorea in the 3rd seeding.

During Atlantis it was known as the 3rd Eye of Horus. 4 MYA human hybrids who found exile in the HU-1 pleaidian star system were known as the Europherites. They interbred with the Kantarians to be known as the Dagos (dark brown skin).
4 MYA Dagos brought to earth to re-seed.
3.7 MYA Ur-Antrian cloister3 (DNA1-2 + 7-12)
3 MYA Lumarians Root Race3 (DNA1-2)
3 MYA Breanoua cloister4 (DNA1-2-3 + 7-12)
2.5 MYA Alanians RR4 (DNA1-2-3)
1.5 MYA Hibiru cloister5 (DNA1-2-3-4 + 7-12)
1.27 MYA Ayrians RR5 (DNA1-2-3-4)
65000 YA Melchizedeks Cloister6 (DNA1-2-3-4-5 + 7-12)
Current Muvarians RR6 (DNA1-2-3-4-5)
Future Yunaseti Cloister7 (Full 12-strand)
Future + Euanjhechi (Paradisians) DNA1-5 + code6-12)
Melchizedeks are free form the DNA filters/Seals of Amenti+Palaidor. They established the Essene brotherhood and priesthood of Melchizedeks.

Drakon Invasion
Approx 1 MYA the Drakon from HU-2 Orion system came to earth and tampered with gene codes.
Drakon =3D dragon/lizard like, sentient, aggressive, expert scientists, had poor relations with HU-1 galactic council..

The Drakon created a hybrid called “Dracos” (human body but Drakon facial features)
Due to these superior Dracos and their havoc breeding program, many cultures retreated underground... by product from their breeding was Phalzants (Chupacabras) were combined animal strains with Drakon/Earth strains.

Phalzants and Drakons currently are assisting the Zeta with detrimental earthly agendas.
Because the Dracos have human genes they believe that they have rights to earth as much as we do.
The Drakon became a menace, so with some help with Sirian-Anunnaki was decided to destroy Drakon underground habitats. This plan backfired causing crustal explosion, flooding , axis tilt etc..
Most Drakon left earth or destroyed. Most humans retreated underground. Due to human gene digression, other ET races used this opportunity to experiment. From this came primitive forms of man/apes. (Human lineage did not emerge from these).

Atlanian 2nd-seeding (evolved on Mars) were influenced by Sirian-Anunnaki HU-2. The Anunnaki added sexist slants - women were sub-servants / breeding slaves. They also made out that they were our gods.
950,000 YA - The Nephilim were the children of the Anunnaki thru interbreeding. They were advanced/superior and dominated humans.

The Lamanian culture were not affected/infiltrated and had retreated underground.
The Elohim and Ra confederacy in order to put things back online/path disabled certain gene codes.
The HU-2 Seres/Ceres interbred with members of the Atlanian & Ayrian races to created a superior human race known as the Serres/Egytians.

Egyptians carry the most diversified genetic codes.
900,000 YA the elohim & sirian council re-entered the Sphere of Amenti into earth’s core.
The Anunnaki were upset at the Elohim for interfering with their Nephilim race/children and decided to attempt to destroy the Sphere of Amenti and utilize humans as slaves to harvest gold.
War (1000 years) broke out between the Nephilim vs Serres (local) and Elohim vs Anunnaki (inter-galactic).

Earth races sought exile on other planets and most nephilim relocated to Sirius-A and then Nibiru.
Again the Breneau of HU-5 intervened and negotiated a treaty between the warring factions.
“Treaty of El-Annu” agreed that the nephilim would not return to earth and that another Anunnaki-Human hybrid would be allowed to be created called “Annu”.
This treaty also created many divisions with-in the Anunnaki on one side we have the Law of One followers - Sirian-Blue (Sirius-A) and the Kantarians (Sirius-B) and the Sirian Council HU-2
on the other side we have the Anunnaki resistance, the Dracos (Sirius-A) and the Drakon who were hell bent on destroying the Sphere of Amenti. In order to regulate things a little the RA confederacy & Sirian Council applied the “666” Templar-Axion Seal on the Dracos as well as the Anunnaki resistance meaning neither could successfully interbreed with any other species other than their own.

So now the Anunnaki-resistance’s only hope of keeping their foot in the door and getting back into earth was thru the new Anunnaki hybrid program “children of Annu” which the Treaty allowed the Anunnaki.

Earth Human Race 3rd Seeding
849,000 YA - The Sphere of Amenti was removed from earth’s core and placed in a secure location to be protected by Arcturus and Pleiadian. The Sphere was hidden in the Andromeda star system.
Andromedans did not agree to military involvement as they did not support the Treaty of El-Annu.
A portal bridge between earth D-2 core and the Sphere of Amenti in the Andromeda galaxy was constructed to allow/assist re-seeding on earth.
This portal bridge was called the Arch of the Covenenat of Palaidor also known as the arc of the covenant.
A 5-D seal was placed on the arc-cov, making it a one-way door, where souls could descend to earth but could not return, unless they had the 5-D gene-coding. (known as the shield of the Arc).
The 6th Root Race Muvarians [sounds like Gardner’s Merovingian Kings] and their Melchizedek cloister held the 5-D gene code, meaning also that the Annu hybrids also held the key as they were to be seeded thru the Melchizedek Cloister.

Those who held the key/shield became guardians.
The shield would be released once 8% of the living population had assembled the 5th DNA strand.
The earth-grid frequency would rise, igniting/activating the Sphere of Amenti to release/descend back to earth’s core taking approx 2000 years.
Once this had occurred the blue flame of Amenti would be released (approx 12 years process) to merge with the core/Sphere of Amenti

Once this was achieved the ascension portals to Tara would be opened.
Upon returning to earth for the 3rd seeding was discovered some survivors from 2nd seeding (Lamanians and Ur-Antrian). 800,000 YA - 55,000 YA
The Serres-Egyptians interbred with the Lamanians. The new race known as the Urtites known as Priesthood of Ur.
All five cloister races birthed their line of race thru the Urtites (750,000 - 75,000 YA)
75000 YA Ur-Antrian Cloister
73000 YA Lamanian/Lemurian - Pacific Ocean and Andes mountains.
72000 YA Breanoua Cloister
70000 YA Atlantians - Atlantic ocean & egypt.
68000 YA Hibiru Cloister
65000 YA Aryans - Black Sea & Carpathian mountains.
55000 YA - the Annu were seeded into the Atlantian Root Race. They kept in touch with their Sirian-

Anunnaki forefathers.
In general up to now, the Anunnaki were with the law of one except for a small faction known as the Anunnaki Resistance (rebels) who were the trouble makers
Technological gifts were given/allowed by other Stellar races eg. crystalline power generators.
Arc of Covenant was located within the atlantian landmass.
The Anunnaki resistance infiltrated, things digressed, Atlantis nearly ended. With the help of the Drakons and Dracos, the Annu were infiltrated, interbreeding between the two occurred.
Because the Anunnaki resistance carried the Templar-Axion seal, this was passed/mixed in with the Annu genes. 52000 YA, the Templar-Annu (resistance infiltrated) allowed the forbidden Dracos to return to earth to assist with infiltration of the Lemurian continent of Muarivhi in exchange for a permanent home-base on earth. As previously noted, the crystal generators were used by humans in an attempt to rid the underground Dracos, but plan backfired.

51750 YA, the Stability of the Arc of the Covenant was breached and was moved to Egypt.  The Serres-Egyptians would now share guardianship. In order to show force/strength scare of the Anunnaki resistance, the Sirian-Anunnaki council did a show of force thingy, by mounting an outpost on Mars and by visiting egypt/atlantis en-mass. The Sirian Council built pyramid structures all over earth directly over portal regions.

Giza to Atlantis
48000 YA, the Pyramid structure was Sirian Anunnaki trademark. The Giza pyramid was built over the Arc of the Covenant to protect it from rebels.
The Sphinx (body of a Leonine and head of Anunnaki Warrior) was built over an inner earth entrance/portal/library/storage as a symbol tribute to the Leonines. It also served to protect/cover the 5-D UHF energy devices (anti-gravity) known as the “Ankh” which were used to help build the pyramids.
These Ankh’s became to be known as the "Arc of the Covenant" and the true identity of the Arc as a portal-bridge was lost.

Leonine were a race of beings from HU-2, early founders of the Anunnaki.
Sphinx was built first then the Great Pyramid
The Great Pyramid was used as an active interstellar teleport station from the time of its construction
Throughout the height of its operation 46,459 BC-28,000 BC the Great Pyramid of Giza was also used as an ascension chamber for the select few who possessed the required DNA assembly and favor of the Elohim.

The pyramid was used as a training school for initiates to the Melchizedek/Elohim ascension program, and also for healing, accelerating genetic assembly and for passage into the Inner Earth portals beneath the

Sphinx
The pyramid was always kept under tight security by the resident Anunnaki of the Sirian Council, and the Templar-Annu were banned from entering the premises.

This created much hostility between the Templar-Annu and the Egyptian cultures operating
under the protection of the Sirian Council Anunnaki.

35,000 YA - The pure Melchizedek Cloister race began their first full birthing wave into human civilization, reinforcing the teachings of the Law of One and bringing their fifth DNA strand potentials into the human genetic pool.

Guardianship of the Arc of the Covenant (Sphere of Amenti) was slowly turned over from the Sirian Council Anunnaki to the Annu-Melchizedeks, Cloister Melchizedeks, Hebrew (hybrids of fifth race Cloister Hibiru and the sixth race Cloister Melchizedeks created through the Host Matrix Transplants of the Second Seeding), and the Serres-Egyptians, all of whom became members of the early Egyptian priestcraft.
Guardian Alliance & Galactic Federation Intervention.

The Templar-Annu grew progressively more hostile within the territories under Sirian Council protection, and many relocated to Atlantis, which was becoming the Templar-Annu strong hold.
Angered that they were not permitted to enter the Inner Earth or use the Arc of the Covenant, the Templar-Annu devised a plan to conquer the Inner Earth territories by using the Atlantean crystal generators to tear down the electromagnetic barriers that secured the Inner Earth portals.
The Templar-Annu began their conquest from the continent of Atlantis, but quickly discovered the Inner Earth portal shields could not be easily destroyed.

28,000 BC, as they forced excessive power through one of their main generator crystals, the crystal unit exploded, with more than 10 times the force of an atomic bomb.
When an explosion in Atlantis caused Earth to tilt slightly on its axis, knocking the pyramid's D-4 vortex (Earth's heart chakra) out of its previous alignment with the vortex systems of Sirius B and several other planetary systems to which it had been originally aligned.

The Atlantis explosion reduced Atlantis to 3 small islands. (Bermuda Islands)
The Third Eye of Horus portal bridge to Sirius B did remain operational for smaller-scale visitations.
The Earth was now more closely in alignment with the interstellar energy spirals that ran through the Pleiadian system, and so the new pyramid was oriented to an energetic alignment with Alcyone.
Earth enters a new 26,556-Year Time Cycle, Ascension Cycles The civilizations of Earth continued to prosper and once again enjoyed interstellar visitation from their Sirian and Pleiadian allies.

Atlantis continued to digress under the influence of a resurgence of the Templar-Annu
The Arc of the Covenant and the Inner Earth remained safe under the protection of the Sirian Council as Earth began her next natural 26,556-year cycle of evolution through the interdimensional time spirals.
The guardian races of  know it would be a challenge to prepare the masses for the Ascension Cycle.
Through the manipulation of the Anunnaki Resistance and the Templar-Annu, following the Atlantean explosions of 28,000 BC, preparing the races for the morphogenetic wave of 2017 AD became a very difficult task, as the teachings that would allow this preparation to go smoothly were lost, manipulated, distorted or destroyed, and as time went on, the majority of humans did not have access to this information.

When the guardian races planned the preparation of the races for their 2017 AD awakening, they had not realized the extent to which these manipulations would distort the evolution of human culture, nor the degree to which the races would digress under this influence. 22,326 BC - the Luciferian Anunnaki races decimated guardian races attempting to intervene in an event known as the Eieyani Massacre, which took place on the remnants of the Lemurian Continent now known as Kauai, Hawaii.

21,900 BC - They collapsed the Firmament Hydro-suspension Fields of Lohas, northeast Atlantis in the Lohas-Celtec-Druidec Freeze Out, in an attempt to destroy the Maji Angelic Human Grail Kings in exile there; this event gave us our last major glacial period of 21,900 BC-14,000 BC.
20,000 BC they staged the Vicherus-Sacheon Invasion of Russia.

10,500 BC -  The next phase of the Luciferian dominion plan unfolded in an event called the Luciferian Conquest, at which time the Atlantian Islands of Nohasa and Bruah fell to Annu-Melchizedek Anunnaki-Human hybrid and Fallen Jehovian and Luciferian Anunnaki control.

Aafter defeating the Anunnaki Resistance attack, and assisting the races of Egypt to rebuild their cultures, the Sirian Council and guardian allies of humanity continued to visit and assist the evolving cultures, serving as a counterbalance to the Anunnaki Resistance and Templar-Annu forces that continued to assert their influence on Earth.

The new teleport station of the rebuilt pyramid of Giza, now aligned with the energetic systems of Alcyone and the Pleiades, offered swift guardian intervention and protection of Earth and easy access to Earth visitation.

The Anunnaki Resistance, the Drakon, their allies or any other groups not authorized by the Sirian Council, were not permitted to access the Alcyone spiral for Earth visitation.
Unauthorized groups could, however, “take the long way in,” using other inter-galactic portals which connected to Earth's portal system. Though these alternative routes of visitation demanded much more time and resources, they were still frequently used by other stellar cultures, who also influenced the development of the races.
The Anunnaki Resistance still occasionally infiltrated the Sirian Council security systems, and secretly worked with members of the Templar-Annu, primarily those in the Atlantean Islands.
The Atlantean culture digressed into a torturous, elitist society run by the Templar-Annu operatives of the Anunnaki Resistance, and due to their actions 9,558 BC, Earth civilizations would be changed forever.
9560 BC - Luciferian Covenant: Negative Aliens enter full alliance under the One World Order Anti-Christos Agenda formally mandated through the Luciferian Covenant. Omicron-Drakonian and Odedicron-Reptilian races of Orion form second competing Orion-Drakonian One World Order Agenda. Main Sirius A Jehovian-Anunnaki (“Bipedal Dolphin People”) race form third competing Jehovian One World Order Agenda.
9558 BC The Anunnaki Races of the Luciferian Covenant orchestrated the “Atlantian Flood”  and the intentional “re-writing” of human history since this time. Forbidden History reveals a long-term plot within which the Anti-Christiac Agengas of the Atlantian Conspiracy emerged after the flood into the present day.
Atlantis Holocaust
9,558 BC, the first major stumbling block to the guardian races awakening plan took place in.
Thoth-Enki Annu-Melchizedek Illuminati Humans that took over Bruah Atlantis follow initiatives of the Samjase-Luciferian-Anunnaki ''Larsa King'' that took over Lohas Atlantis, sending EM Pulse from Bruah Generator Crystals to Giza, causing major flooding via final collapse of Firmament Hydro-suspension Field over Nohasa and Bruah Atlantis.
The Templar-Annu, motivated by the Anunnaki Resistance, devised a plan to take control of the Great Pyramid teleport station so the Resistance could have free access to the Alcyone spiral. Their plan also included the destruction of the Sphere of Amenti,
Using Ankh tools pirated from the Annu-Melchizedeks of the Inner Earth, the Templar-Annu attempted to direct UHF fifth-dimensional energy from the Ankhs, through the Great Crystal Generators which still remained operational in the Atlantean Islands, through the Earth's energetic grid and into the Arc of the Covenant portal bridge.
They intended to send this high-powered electromagnetic pulse (EMP) through the Arc of the Covenant and into the Sphere of Amenti that was held within a planetary core in the Andromeda Galaxy (M31).
Their erroneous calculations indicated that if they sent precise EM pulse patterns into the Arc of the Covenant, the Sphere of Amenti could be isolated as a target for destruction, and the Blue Flame (morphogenetic field for Tara) could be released and returned through the Arc of the Covenant, to be used as an inexhaustible source of power.
With the Blue Flame Staff of Amenti under their control, the Anunnaki Resistance could easily orchestrate a massive Earth takeover. But the Templar-Annu failed to access the frequency codes used by the guardians to protectively seal the Sphere of Amenti against such attack, and that miscalculation became the Downfall of Atlantis.
When the Templar-Annu sent their destroyer beam EM pulse through the Arc of the Covenant, the EM pulse intercepted the Sphere of Amenti with its security seal.
The security seal would not allow the EM pulse to travel into the Amenti Sphere, but instead created a double overtone frequency pattern that sent the EM pulse into a state of fission. The exploding energies focused in the Andromeda Galaxy quickly refracted off of the security seal on the Sphere, replicated and intensified, then projected back down through the Arc of the Covenant, disseminated through the Earth grid, then refocused on their point of origin, the Main Crystal Generator beneath the largest Island of Atlantis.
The explosions occurred resulted in yet another tilt of the Earth's axis, shifting of some global land masses, a series of earthquakes and massive flooding in some locations (the flooding was not global as it had been during previous floods.
The Giza teleport station was again thrown out of alignment, as the Earth's vortex beneath it (Earth's “heart chakra”) no longer energetically lined up properly with the Alcyone spiral.
After the explosions beneath Atlantis ceased, the Sirian Council ordered the Sirian Blue Race to remove the crystal generators which had not exploded.
The massive crystals were dredged from the ocean floor and returned to Sirius B. With the removal of the crystals, humanity's technological abilities were thrown into the dark ages, and the once glorious civilizations of Earth were reduced to primitive organizations based upon survival concerns and built through manual labor.
9540 BC - Following the deluge, the RA confederacy + Elohim + others altered earth’s morphogenetic field creating a natural frequency fence which did not allow 4D to plug into 3D.
Also all interstellar portals were de-activated. All ET’s were put on a hands off, non-interference, and earth was quarantined.
The frequency fence allowed the elohim to favour their own kind (Hibiru Cloister race and Serres-Egyptian).
3rd DNA strand manifested without 7-12 base-tones resulting in genetic mutation. These gaps in DNA caused memory loss between conscious awareness and astral awareness causing distortion/loss in dream re-call.
The ego (5 senses) and the higher-self (10-12 overtone frequency) were now split/separated.
We lost all direct assistance/relationship with multi-dimensional galactic communities.
Conscious recall of higher dimensions requires 4th DNA strand.
Egyptian-Serres + Annu-Melchizedek + hebrew peoples were now guardians of the arc and and had custody of the rods/staff and their connection to inner earth portals remained.
Somewhere amongst this saga the Zephilium (Zeta Reticuli) genetically mixed with the Templar-Annu in the hope of reversing their mutating genes and creating a hybrid for themselves to embody that was more suitable to earth.
12-DNA strand package is the highest genetic imprint in a HU-1 and HU-2 and when fully activated can embody a 12-D oversoul.
2409 BC - The Sphere of Amenti was released from D4 by the Elohim.
1398 BC - An avatar from HU-2 (pure Anunnaki - sirian council) carrying 9-D frequencies was born thru Annu-Melchizedek in Thebes Egypt.
His name was Amenophis-IV (changed his name to Akhenaton in 1366BC. His father was Amenophis-III (serres-egyptian) and mother was Queen Tiy (Annu-Melchzedek)
1374 BC - Halls of Amenti were opened.
At age 28 Akhenaton was taken to inner earth for and trained for ascension.
1367 BC - Relocated to Tel-El-Amarna. At the time Giza pyramid was still under control of Amonist priests of serres-egyptian lineage.
Along the way Akhenaton became a little twisted in his ways and showed favoritism only towards the Annu peoples and would not allow any other race to ascend thru halls of amenti.
An alternative plan was devised without Akhenaton’s knowledge by Priests of Ur and Elohim to allow other (non-Annu) races to ascend.
This plan was carried out by his 200 Blue-Flame Melchizedek support staff.
Keepers of the flame was headed by:
Primary Flame Holder =3D Phaelopea High Priestess
Inner Circle Flame keepers =3D General Haremhab (army general), Sabatoth (physician and half-brother) and Ankhi (Kiya) his 4th wife.
1362 BC - Akhenaton found out what was going on, went crazy, and sentenced Ankhi and Sabatoth to death but they escaped to Giza. Haremhab was not found out but this was short lived when Akhenaton found him and some other blue flame keepers in the portals.
Basically a little scuffle broke out, Akhenaton tried to close the halls of amenti, his staff/rod beam was redirected by a flame holder in which a part of the Sphere of Amenti collapsed allowing chaotic D-1 and D-2 souls (underworld) to be released.
The Elohim intervened, resealed the Sphere of Amenti and wiped everyone's memory of the whole incident and returned them back to their homes.
Because the Sphere of Amenti was broken in two, anyone trying to ascend thru it would become soul fragmented.
Akhenaton took this warning as some sort of conspiracy against him and the Annu. So he did not listen and proceeded to ascend people thru.
Elohim intervened again, deactivated the rods/staff and sealed of the Halls of Amenti.
From here conspiracy brewed to assassinate Akhenaton by his uncle (younger bro of Amenophis-III) and his 1st wife Nefereti.
1353 BC Ankhi (4th wife) and 2yr old son were 1st assassinated and then in Akhenaton the same.
1344 BC Smenkhare took throne, Sabatoth was imprisoned and then executed.
Sabatoth left behind a son to wife Ihopetohelep. Child was named Tutankhaton.
Tutankhaton married Ankhesenpaaton (3rd daughter of Akhenaton)
Smenkhare was assassinated and Tutankhaton took the throne.
To please the Serres priesthood his name was changed to Tutankhamon. He became a puppet to Haremhab who was starting to favour the Serres-Egyptians and moved away from the Keepers of the Blue-Flame.
Tutankhamon resisted this, but at age 17 was poisoned.
Aya an old councilor priest and friend of Haremhab was appointed to the throne.
After Aya died, Haremhab appointed himself and went about destroying any evidence of his affiliations with the blue-flame keepers and the Aton movement.
Guardianship of the Arc of Covenant was now transferred to the Hibiru Cloister races.
Due to Akhenatons big fiasco, there was major rifts/divisions among the ranks of the Elohim HU-3, the Sirian Council of HU-2 and the Ra Confederacy.
Elohim abandoned their attention to the human race (as thought we were losers) save the Annu-Melchizedek and Hebrew peoples.
Elohim decided the only way to ensure pure genetic breeding was to become pro-male dominated, thus controlling the women for breeding purposes.

Finally an appeal was made to the RA confederacy.
1240 BC - The Azurites and the Elohim established the Essene Brotherhood.
Again, the Elohim took things into their own hands with various interbreeding agendas.
Due to this, the priests of Ur decided to disassociate themselves from the main essene brotherhood, save a few select essene families.

1979BC - An ET Nephilim from the 2nd seeding was brought to earth, his name Melchizedek, King of Salem (later Salem became JeruSalem).

Melchizedek and Hebrew Essenes were known as the TEMPLAR-MELCHIZEDEK.
The other Essenes who worked with the Priests of Ur and Azurite council were known as the BLUE FLAME MELCHIZEDEK. In order to re-align the Sphere of Amenti and re-unite the Essene factions a 12-D level Avatar was brought in. 12 BC - this 12D avatar was born outside of Bethlehem. Mother was Jeudi and father was Joehius, both descendants of the house of Solomon. He was taken into custody by the priests of Ur. This child’s soul essence was born of HU-4 avatar Sananda. Child’s name was Jesheua-Melchizedek (Jesheua-12)

7 BC - The elohim decided to bring in a 9-level avatar, this child was named Jeshewua-9 and parents were Mary/Joseph as per bible.

Jeshewua-9 and mother Mary were born of ET Nephilim conception. This ET connection was covered up as the immaculate conception as did not want people to know of ET intervention.
In the bible the lives of these two avatars became consolidated as one "Jesus".
Thru the birth of Jesheua-12 the Hebrew and Melchizedek morph-field of Alcyone was re-integrated. The Sphere of Amenti was repaired and the thus becoming known as the savior of the races.
8 AD - Jesheua-12 at age 20, after studying in Persia and India was taken to Giza by priests of Ur. Here he assisted many groups to ascend thru the Halls of Amenti.

From here the BLUE FLAME MELCHIZEDEK Essenes as well as the Melchizedek and Hibiru Cloisters were appointed by the Azurites of Ra to share guardianship over the Arc of the Covenant.
It was these groups chosen in 1972 AD to receive full 12 DNA alignment by the time-traveling hybrid Zionite race.
This 12 DNA silicate matrix is randomly nowadays distributed thru-out all races. The greatest concentration can be found in Hebrew, Melchizedek, Aryan, East Indian and Tibet.
8 AD - 21 AD, Jeshewua-9 became popular among the TEMPLAR MELCHIZEDEKS who were not aware nor interested in Jesheua-12.

Jeshewua-9 had travelled throughout Nepal, Greece, Syria, Persia and Tibet.
Jesheua-12’s teaching were more eastern and became hidden/secret mystery school within Egypt Giza.
Jeshewua-9’s teachings became more well known and thus more persecution from Roman influence and also from within his own Templar-Melchizedek’s.

25 AD - At age 32 Jeshewua-9 with his wife Mary Magdalene and their 3-children exiled to France.
Another man by the name of Arihabi (Hebrew-Annu-Melchizedek) was led by Elohim thru visions to believe he was Jeshewua-9... we all know the rest, crucifixion and all.

The resurrection of the body of christ was a Holographic insert by the Elohim.
Arihabi was brought back to life although not an avatar by the Elohim in return for his services for diverting attention away from Jeshewua-9. After this he spent the remaining 30 years of his life in India.
Jeshewua-9 and Templar Melchizedeks became primary foundations for Jewish and Christian Faiths.
6-Women of various races were chosen to carry Jesheua-12 seed to perpetuate the 12-strand DNA.
The descendants of these children were spread out amongst French Aristocrats, other with in Celtic, Egyptian and African lines. Of the 6 children birthed, 5 survived to bring forth 12-DNA lineage. One line now resides in the USA. Jeshewua-9 and his 3-children prospered also 27 AD Jesheua-12 ascended earth thru Arc of Covenant at age 39 in .

47 AD - Jeshewua-9 went to Tibet and with the help of the Elohim he ascended out of Matter to HU-3. This actually required 10-DNA but due to Elohim assistance was allowed for Jeshewua-9.
Both Jesheua-12 and Jeshewua-9’s teachings have been corrupted, twisted to suit those in need of power
It was Jesheua-12 that restored the Hebrew, but did not get the credit.
Due to Jesheua-12 and Jeshewua-9 efforts all races have been restored in th Sphere of Amenti and the first wave mass ascension of 2017 AD is back on schedule.
196 BC Ascension cycle began. Half-way point is 2017 AD.

1906 - An asteroid was heading towards earth, the Azurite council, Elohim and Ra allowed permission for non-direct intervention. The asteroid was broken up by the guardians, only some fragments entered earth atmosphere (Tunguska-Russia?).
2nd time this occurred was in 1982, again it was broken up.
1926 Zeta/Zephilium from planet Apaxein-Lau began interacting with certain factions of several earth govemments.

Several projects by Zeta/Draco were intent on destroying earths grid vibration rate to stop us from evolving ascending. The Zeta were involved with Atlantis and for a time with colonization of Mars.
1748 - Zeta setup a frequency fence. This fence blocks dream/astral/OOB recall.

1943 the Zeta offered the US. Navy a technology to make objects appear invisible (Philadelphia Experiment.) The Zeta had an ulterior motive. They knew that a manufactured merkaba field would disrupt earth’s natural merkaba fields causing a rip in space-time. Thru this tear/hole the zeta brought in undetected their ships from which they fired EM pulses at the Sun, disrupting the merkaba field of the Sun causing them to reverse becoming electrical rather than magnetic.

1949-1972 - This caused the sun to behave abnormally (massive solar winds) and if the guardians had not intervened there would have been a major polar shift in the 70’s/80’s.
The goal of the Zeta was to misalign the grids to enforce a frequency fence to stop earth/humans from ascending. In order for us to ascend, the Sphere of Amenti had to be in place by 1/1/1988 and activated by 2000AD.

In the early 70’s the guardians placed a 11:11/12:12 frequency fence to stabilize the damage caused by the zeta. This freq-fence began to lift on 11th Jan 1992.
By 1982-1984 most zeta/draco gave up and made treaties/agreements with the guardian races except for a few resistance factions who still desired to control/own earth. The agreement included re-location of all zeta/draco hybrids to a D-4 planetary system and dismantling of their freq-fence.
The Primary zeta that refused to give up were Zeta Greys from the star Rigel (Orion system), known as the Rigelians or Futchzi. This group caused another major disruption via the Montauk project.
Abductions continued to happen (symptoms =3D babies born prior 7months gestation period), in which the guardians would locate, re-abduct to disable the zeta/draco genetic codes.
The Guardians have setup a bridge-zone project (which the zeta/draco resistance are aware of) to further protect earth from any more disruptions.
Guardian’s original plan was to send transmissions via the artificial D4 christ consciousness grid to raise the earth vibration.

Earth vibration would rise in:
Oct-1986 - 1st spark the Arc of the Covenant
1988 - Shere of Amenti would complete 14 month descent
June-1998 - 2nd spark of the A.C beginning 12 years descent of the Blue Flame.
2004 - Re-align earth grid, 4th vortex heart chakra at Giza with the Alcyone Holographic Beam.
2012 - Open the Halls of Amenti.

1986 - 8% of earth population re-aligned their 4th DNA strand thus further breaking up the Zeta frequency fence which is meant to keep us at 3rd DNA strand level. Since then the zeta/draco are getting desperate to stop us/earth from evolving.

Between 1988 and 2017 Earth’s 7-natural seals / primary vortex points would open as the dimensional morphogenetic fields and stellar spirals blended with each other.
Due to 1943 Philadelphia Experiment by the Zeta, and the imposed 11:11/12:12 frequency fences of 1972, which had to be lifted by no later than Jan 1996.

Once the Sphere of Amenti was opened, if the D4 frequency could not enter earth’s core by Jan 2000, the morphogenetic fields of Tara which are stored at the centre of our sun would explode, taking out with it the 10-planets in this solar system, but also setting up a chain reaction in the pleiadian star system of which our Sun is a part of.

Final Drama
The Zeta/Draco implemented a plan to re-setup their frequency fence/Zeat Seal in 2003. The main purpose of this is to keep us under and subdued and not make our ascension progression.
What to do? If things were not handled correctly, earth’s population would be dwindled by mass earth changes between 2012-2017.

Another option was to stop the Sphere of Amenti from activating thus trapping humanity in HU-1/3D for another 26556 years before they could attempt ascending again. A confrontation between the guardians and the zeta/draco would destroy the earth and surrounding planets from the wages of war. So confrontation was not the answer. In any case if the ascension plans were aborted or sabotaged and earth came under draco/zeta control... earth would still meet an untimely destruction by 2976AD due to abuse by Draco/Zeta. The solution was the Bridge-Zone Project (BZP)

In a nutshell, without getting to technical and into the mechanics of it, the BZP was this.
Since the draco/zeta could not be moved out of the way, the guardians would move earth in it’s totality out of the way, out of the HU-1 time cycle.

This would have naturally occurred in 4230AD but now had to be forced ahead of schedule for the year 2017AD.

The zeta had made calculations from the 1943 Philadelphia Experiment, of how to inject EM pulses into the earth grid to setup their frequency fence.

The guardians by increasing the merkaba field frequencies from HU1/D3 to 3.5 would make the zeta/draco calculations useless. Since their Em pulse would not reach the new earth grid speed, they would not have time to re-calculate.

HAARP a Zeta/Draco experiment, could attempt to recalculate as they know what the guardians BZP is.
To be able to shift to the Bridge Zone, the population would have to assemble 4.5 strands of DNA. 8% of the population would need 5-strands and 144,000 need 6-strand DNA.

This time-shifting of planets procedure is very complex and requires full direct intervention and thus full approval and rarely ever implemented. Normally people and planets are left alone to evolve according to the choices they make. BUT where there are consequences involving numerous planets, star systems, intervention is required.

2000 - 2017 EARTH IS IN A STATE OF POTENTIAL CRISIS WHILE THE MAJORITY REMAIN ASLEEP, STUCK IN THEIR WAY AND REFUSE TO WAKEUP TIME CYCLE MECHANICS

In topic "Lisa Renee Pod cast to mp3"


Click on globe to go to Lisa Renee's web site


Lisa Renee's "Time Shift Blog" Pod cast to mp3

Lisa Renee has a website related to the "Guardian Alliance". Lisa dose one or more pod cast during the month. One of them is called the "Time Shift Blog"  I think these are (text only).

I scoop the text for each month and put them in a mp3 file. The mp3s files are in a computer-simulated voice so I can listen during times I don't have access to WIFI which is most of the time. The pod cast are converted with out editing the message.

Jan 21  Feb 21  March 21  April 21  May 21  June 21  July 21  Aug 21

Sep 21  Oct 21  Nov 21  Dec 21 (ck) 

Jan 20  Feb 20  March 20  April 20  May 20  June 20  July 20  Aug 20

Sep 20  Oct 20  Nov 20  Dec 20 

Jan 19  Feb 19  March 19  April 19  May 19  June 19  July 19  Aug 19

Sep 19  Oct 19  Nov 19  Dec 19

Lisa Renee's "Shifting Timelines" Pod cast to mp3

Lisa also dose another pod case called "Shifting Timelines" which includes Text, images and audio in her own voice. The length are about an hour to an hour and a half.

From the start of this pod cast Aug 2005 to June of 2012 these pod cast were text only. Lisa startes adding the audio in her own voice from July 2012 until the present. I'll convert the text files from Aug 2005 to June of 2012 to mp3 files in a computer-simulated voice. The pod cast are converted with out editing the message.

Jan 12  Feb 12  March 12 April 12  May 12  June 12 


Jan 11  Feb 11  March 11  April 11  May 11  June 11  July 11  Aug 11

Sep 11  Oct 11  Nov 11  Dec 11

Jan 10  Feb 10  March 10  April 10  May 10  June 10  July 10  Aug 10

Sep 10  Oct 10  Nov 10  Dec 10

Jan 09  Feb 09  March 09  April 09  May 09  June 09  July 09  Aug 09

Sep 09  Oct 09  Nov 09  Dec 09

Jan 09  Feb 09  March 09  April 09  May 09  June 09  July 09  Aug 09

Sep 19  Oct 19  Nov 19  Dec 19

Jan 08  Feb 08  March 08  April 08  May 08  June 08  July 08  Aug 08

Sep 08  Oct 08  Nov 08  Dec 08

Jan 07 Feb 07 March 07  April 07  May 07  June 07 July 07  Aug 07

Sep 07  Oct 07  Nov 07  Dec 07 (ck)


Jan 06  Jan 06a  Feb 06  March 06  April 06 May 06  June 06  July 06

Aug  Sep 06 Oct 06 Nov 06  Dec 06 (ck)


Aug 05  Sep 05  Oct 05  Nov 05  Dec 05 (ck)


Odds And Ends A few other mp3 files
Class One Transcript 2007 <- View text      -> Play or down load mp3 (ck)


I used a android phone app called "T2T Text to Voice-Read Aloud" to convert this text to an audio file (mp3). You can get this app at Google playstore. Free and easy to use.

 
In topic "A bit about the Guardian Races"
Here is a link to a mp3 file about the Guardian Races. I don't remember where I found this info.
Click to play right click to save as play time about 7 min


Guardian Races
During a period of time that spans from 250 billion to 570 million years ago, a series of wars called the Lyran-Elohim Wars, and later the Angelic Wars, broke out in the Density-4 (Dimensions 10, 11 and 12) Pre-matter systems. The Gold Order Seraphei-Seraphim reptilian Omicron Race from D-10 Lyra-Vega began to digress and set forth dominion conquest into the stellar systems of our Time Matrix; they became known as the “Fallen Seraphim,” the forefathers of the contemporary D-10 Orion-Drakonian Fallen Angelic Legion.

Simultaneously, the Emerald Order-Violet Order hybrid Feline-Aquatic Ape Anyu Race from Lyra-Aveyon also suffered digression and petitioned the Elohei-Elohim Feline-hominid Christos Founders Race of D-12 Lyra-Aramatena to destroy the Fallen Seraphim Omicron Race. When the Yanas, Breneau Order Founders Races and the Elohei-Elohim of Aramatena refused, opting for rehabilitation of the Fallen Seraphim, the Anyu Race of D-11 Aveyon attacked and destroyed Aramatena to gain control of Star Gate-12.

The Anyu’s destruction of Aramatena’s Star Gate-12 is the event that became known as “the Original Sin,” as all life forms, including the Density-4 Christos Founders Races, became trapped in the Time Matrix until the D-12 Aramatena Star Gate-12 could be reconstructed. Consciousness could incarnate into our Time Matrix but could not ascend to leave, while Aramatena Star Gate-12 remained damaged.

The Anyu began their quest of universal dominion with the intention of destroying all races but their own and claiming dominion of our Time Matrix. In their rebellion against the Christos Founders Races, the Anyu Race of Density-4, D-11 adopted the name of the Annu, and became known as the Annu-Elohim Fallen Angelic Legion; the forefathers of the Anunnaki avenger race.

The Annu-Elohim Fallen Angelic Legion created the Sirian Anunnaki race to destroy the Christos Founders Race Guardian Angelic Oraphim-Human lineage upon its seeding 568 million years ago. Through the progressive and perpetual conflicts among the Seraphim and Annu-Elohim Fallen Angelic Legions, which began 250 billion years ago in Density-4 Lyra, our Time Matrix was nearly destroyed.
Interdimensional Association of Free Worlds

Following destruction of Star Gate-12 during the Lyran-Elohim Wars 250 billion years ago, the Yanas appointed the Emerald Order Breneau and their Elohei-Elohim Feline-hominid Christos Founders Race as the Universal Security Team in our Time Matrix. Under the direction of the Yanas and the Density-5 Emerald Order Breneau, the Gold Order Seraphei-Seraphim Breneau and Violet Order Bra-ha-Rama Breneau mobilized their Christos Founders Races in a restatement of the Emerald Covenant Co-evolution Agreement and formed the Interdimensional Association of Free Worlds (IAFW).

The Elohei-Elohim Feline-hominid Anuhazi, the Seraphei-Seraphim Avian-hominid Cerez and Mantis Aethien, and the Bra-ha-Rama Cetacean Inyu and Pegasai Christos Founders Races assembled the massive IAFW organization under the tenets of the Emerald Covenant, creating a unified collective of intergalactic Guardian Angelic races from within our 15-Dimensional Time Matrix. By combining their genetic templates, the Anuhazi Elohei-Elohim, Cerez and Aethien Seraphei-Seraphim and Inyu and Pegasai Bra-ha-Rama Christos Founders races together created a new genetic race line called the Azurite Eieyani.
Azurite Security Team

The Azurites are a blue-skinned, sometimes winged and feathered, Feline-land and water mammal-Avian hominid race carrying the most advanced genetic code in our Time Matrix. The Azurites were created by the Founders Races 250 billion years ago, specifically to allow for the Melchizedek Cloister (MC) Eieyani collective from the Energy Matrix and the Density-5 Breneau Orders to incarnate directly into our Density system for crisis intervention. The Azurite MC Eieyani Race was created to serve as the Universal Templar Security Team, the mobile extension of the IAFW Primary Guardian Administration.

The Density-5 administrative council of the Azurite Universal Templar Security Team, a specialized collective of the Emerald Order Elohei-Elohim Breneau Founders Race, is called the MC Eieyani Master Council. The MC Eieyani Master Council is composed of the Density-5 Emerald Order Elohei-Elohim Breneau, whose members incarnate through the Sirius B Azurite lineage. (Following creation of the Oraphim-Angelic Human lineage 568 million years ago, members of the MC Eieyani Master Council also incarnate into density through the Oraphim-Angelic Human “Indigo Children” Human Grail Line.)
MC Eieyani Master Council

The MC Eieyani Master Council is sometimes referred to as the Sirian Council or the Azurite Council. (In Voyagers Volume-2, the Eieyani Master Council is called the “Sirian Council”.) The MC Eieyani Master Council was created 250 billion years ago with the formation of the IAFW, to serve as the central administrative council for IAFW efforts and as the primary liaison between the Yanas collectives in the Energy Matrix and Guardian Nations within our Time Matrix.

Though the Eieyani Master Council generally oversees all IAFW activities from the Density-5 Primal Light Fields, they directly intervene in conflict-laden areas of the Time Matrix, through incarnation within the Sirius B Azurite and Oraphim Angelic Human races. Upon their creation 250 billion years ago, the Azurite Eieyani Races were simultaneously seeded in fully evolved form, within every Density Level of our Time Matrix, placed in close proximity to the locations of the 12 Primary Star Gates of the Universal Templar Complex.
Emerald Covenant

Headed by the Density-5 (Dimensions 13-14-15) Melchizedek Cloister Eieyani Master Council of the Emerald Order Elohei-Elohim Breneau Founders Race, the Interdimensional Association of Free Worlds (IAFW) was created after the Lyran-Elohim Wars 250 billion years ago, to reclaim and protect the Star Gates of the Universal Templar Complex and our Time Matrix from destruction via Fallen Angelic Race dominion. The IAFW was also commissioned to implement Genetic Bio-Regenesis Healing Programs to assist the Fallen Angelic Races in reclaiming their original genetic integrity, so they could fulfill the intended evolutionary objective of Ascension out of the Time Matrix.

The Azurite MC Eieyani Race was created at this time to allow the MC Eieyani Master Council to incarnate into embodiment directly in our Time Matrix, to serve as the IAFW’s mobile Universal Templar Security Team. The Azurite Universal Templar Security Team was created to promote the freedom-based peaceful co-evolution agendas of the Emerald Covenant and to hold the main Security Seals on the 12 Primary Universal Star Gates in our Time Matrix.

Since the time of their creation 250 billion years ago, the IAFW and the Azurite Universal Templar Security Team have served the role of primary Guardian Race Administration, and protectors of the Emerald Covenant freedom agendas in our Time Matrix.

Throughout the many eons of intergalactic, interdimensional history, the IAFW and its countless Emerald Covenant Guardian Angelic Nations, on behalf of the Yanas and the Breneau Order Christos Founders Races, continually labor to restore and maintain the structural integrity of our Time Matrix. Their efforts include 15-dimensional, egalitarian political arbitration, progressive spiritual-science education and genetic Bio-Regenesis evolutionary healing opportunities among all manifest races, to inspire peaceful co-creative evolution and healing among all races manifest through continuation of the Founders Races’ Emerald Covenant Co-evolution Agreement treaties.

Presently there are over 25 billion different interdimensional, interstellar Nations serving as active members of the IAFW.
Redemption Contracts

The period known as the Angelic Wars, which began among the Density-4 (Dimensions 10, 11 and12) Lyran Founders Races 250 billion years ago, contained many successes and failures in the IAFW’s efforts of restoring peaceful co-evolution and the Emerald Covenant in our Time Matrix.

The historical Angelic Wars period came to end about 570 million years ago, when warring between the Seraphim-Drakonian and Annu-Elohim Fallen Angelic Races again escalated to near destruction of our Time Matrix. At this time, another restatement of the Emerald Covenant Co-evolution Agreement was offered to all races in our Time Matrix. Numerous collectives of Fallen Angelic Races re-entered the Emerald Covenant, accepting “Host Matrix” or “Redemption Contract” agreements with the IAFW and Founders Races for Bio-Regenesis of genetic integrity.

At this time the MC Eieyani from the Energy Matrix and the Breneau Order Founders Races again created a new biological race line that was equal to the 24-48 Strand DNA Template genetic advancement of the Azurite MC Eieyani. The new race line was initiated to allow another life-wave of Eieyani Master Council Guardians to incarnate directly in time, to relieve the “Tour of Duty” for the Eieyani that had been serving as the Azurite Universal Templar Security Team since formation of the IAFW.
Oraphim

The new Guardian Race was intended to eventually become the appointed Universal Templar Security Team, once their evolutionary development in Density progressed. The new race also carried additional genetic coding characteristic to the more recent primary Angelic race lines in our Time Matrix, enabling the consciousness from any lineage to evolve into incarnation in this lineage for rapid Bio-Regenesis and Ascension (Star Gate passage out of Density).

The new race line was created by combining the Elohei-Elohim Anuhazi Feline-hominid, the Seraphei-Seraphim Avian Cerez, a small contribution of Bra-ha-Rama Cetacean Inyu and the Azurite Eieyani lineage from Sirius B. The new Guardian Angelic Race line was called the Oraphim.

The Oraphim lineage was seeded in Density-3 on a planet called Gaia, on Gaia’s counterpart planet Tara in Density-2 and in several other systems. The name “Oraphim” means “The Lighted Ones” in the Anuhazi language, denoting the Breneau and Yanas consciousness collectives that incarnated through this biological race line from the Primal Light and Sound Fields of the Kee-Ra-ShA and Khundaray.

The Oraphim of Gaia and Tara are the Seed Race from which the 12- Strand DNA Angelic Human “Turaneusiam” lineage, the forefathers of the Earthly Angelic Human Race, emerged. The name “Turaneusiam” means “Children of the Lighted Ones” in the Anuhazi language.

The Oraphim are the Double Diamond Sun Body of the Christos that are here on planet to direct the Universal Threefold Founder Flame Frequencies to repair the architecture of the planetary grid, as well as communicate with the Aurora for the Aurora Krystal Matrix Re-Encryption of Elemental Body projects with the Master Christos Collective, a consortium of beings that are from the Seven Higher Heavens realms. These are the Ancient Master builder Races that are also called Guardian Host from which the Essenes on the Earth have been generated.

The Oraphim are the original “Founder Guardian Races” specialized blueprint forms that were used as a prototype body for the 6D Indigo Family of consciousness. The blueprint bodies were stepped down in frequency as the 3D consciousness human forms were not able to hold the genetic material of a full Oraphim consciousness. The Oraphim blueprint is a Lyran-Sirian shapeshifter consciousness that has the ability to biologically transmute itself in and out of a dimenionalized Time Matrix. It also holds all Threefold Founder Flames, are the Primal Sound Fields of the Blue Ray, Gold Ray and Violet Ray and direct the Spectrum of Frequency of all of the Founder Races of the Christos Consciousness. It is a full Rainbow Crystal Matrix Being.

The Male Oraphim form carries a stronger electrical field and specializes in electrical field transmission, while the Female Oraphim carries the magnetic field and specializes in magnetic reception. Together they have the greatest ability of any biological race to transmit and receive the Threefold Founder Flame (Founder Frequencies to structurally repair the Universal Blueprint Bodies all the way down to our density. They are the Keepers of the Universal Time Matrix, and the capacity for them to begin their creational purposes in genetic repair is now being revealed.
Blue Ray Founder

The Blue Ray consciousness, are also known as the Oraphim, are the cosmic parents of the Indigo races and are accessible and able to support the incarnated Indigo races now. These “Unity Field Blue Ray Races” have been recently introduced via 13th gate circuits of Mother Arc reconnected into our planetary grid and its holographic matrix field.

Another Universal level of this “Blue Ray Family” has been able to connect to this plane and have returned to claim this domain in the Natural Laws of God.

The Blue Ray is a Collective of Four Universal Harmonic layers of the Families of Blue Ray Consciousness. There are Three Primal Order Sound Fields, the Threefold Founder Flame that make up the Ray Aspects of our Universal creation and the Blue Ray is of the First Order of Emanation, The Mother Arc. The Highest Order of the Blue Ray Family emanate from the 13th Circuitry Gate which is the first layer projected from the (Zero Point Field) Universal God Core. This First Order Blue Ray Family is the esoteric 144,000 Genetic Timekeepers of our Universal System and is known in Egyptian-Sirian histories as the “Code of the Blue Nile”.
DNA

The Oraphim is a part of the Diamond Sun DNA Christos lineages, the original humans created from the Founder Race lines. The Diamond Sun refers to the original design of the Angelic Human 12 Strand DNA Silicate Matrix. This was the potential DNA and higher consciousness experienced by Angelic Humans in previous time cycles on the 5D parallel Earth, previous to its cataclysm.

The Double Diamond Sun Body refers to the Original Founder Oraphim design of a fully embodied 12 strand DNA and further access to 24 other dimensions of consciousness while in a human body. When the Oraphim DNA potential is activated, it allows for physical body immortality and the ability for the consciousness bodies full transmutation out of dimensional time.
Fallen Melchizedek former Blue Ray

The first Primal Order sound field of Universal creation in our Time Matrix is the Blue Ray. The second Primal Order sound field is the Gold Ray, and the third Primal Order sound field is the Violet or Magenta Ray. The tone translation of the Blue Ray level of our Source Field is Melchizedek. The Blue Ray is a part of the Threefold Founder Flame and Cosmic Triad. It was distorted until Mother Arc was able to return to the Earth core and reclaim the Blue Ray out of the Fallen Melchizedek’s use.
Anunnaki

When the Oraphim race was created by the Guardian Founders Races about 568 million years ago, the Annu-Elohim Fallen Angelic Legion also created a new Fallen Angelic Race with 11-Strand DNA potential, the most genetically advanced biological form the D-11 Fallen Annu-Elohim are capable of seeding. The new race created by the Fallen Annu-Elohim is called the Anunnaki, meaning “the Avengers of Anyu,” the original Fallen Lyran hybrid Founders Race from D-11 Lyra-Aveyon.

The Anunnaki lineage was created specifically as a vehicle through which the D-11 Fallen Annu-Elohim could incarnate directly into Densities 1, 2 and 3, in order to destroy the Guardian Angelic Oraphim and Azurite Eieyani genetic lines, to further their continuing agenda of exploitation and dominion of our Time Matrix. Upon creation of the Oraphim and Anunnaki Races, the IAFW and Founders Races implemented a more intensive security system for the Universal Templar Complex of our Time Matrix, and for the races of the Emerald Covenant.

The Founders knew that the Anunnaki Races would be used to conduct conquests of dominion throughout our Time Matrix, which would place all races of the Emerald Covenant and the safety of our Time Matrix in greater jeopardy.

Faced with the potential catastrophe of Anunnaki Legions waging war through our Time Matrix, the IAFW created a crisis intervention Task Force, assembled through organizing millions of various Emerald Covenant Nations throughout the 5 Density Levels of our Time Matrix.

One of the primary purposes of this task force was to assist the Azurites and Founders Races to protect, guide and over-see the creation and evolution of the Oraphim-Turaneusiam Guardian Angelic Human lineage, and to assist in its peaceful and harmonious integration and evolution into the interdimensional Guardian Angelic communities.
Guardian Alliance

The IAFW Task Force is called the Guardian Alliance (GA). The GA organization, which specializes in propagation of the Emerald Covenant, serves as the governing body of a large collective of inter-dimensional, inter-galactic Guardian Angelic Star League Nations.

Through formation of the GA 568 million years ago, the many Emerald Covenant Star Leagues from galaxies in Densities 1 through 4 (Dimensions 1-12) were brought into an organized and co-supportive communications and resource network. The GA operates under the direction and guidance of the Yanas, MC Eieyani Master Council, Emerald Order Elohei-Elohim, Founders Races and the IAFW.

Under the administration of the IAFW and the GA, 12 smaller “Signet Councils” composed of representatives of various Star League Nations were formed. Each of the 12 Signet Councils of the GA, appointed by the Density-5 MC Eieyani Master Council, serves as the Primary Guardians of one of the 12 Primary Star Gates in the Universal Templar Complex of our Time Matrix.

The word ‘Signet” is used in reference to one Primary Star Gate of the 12 Primary Star Gates in our Time Matrix. The 12 Signet Councils of the GA assist the MC Eieyani Master Council and Azurite Universal Templar Security Team of the IAFW in their protection of, and restoration efforts within, our Time Matrix.


In topic "v2.1"


The Secrets of Amenti

The Seal of Palaidor-Pole Tilt, Quick Freeze, Sphere of Amenti placed in D-4, lst Major Earth Flood, 5.5 Million Year-Old Wall in Time 5,500,000 Years Ago Summary: As a result of damage from the Electric Wars the Elohim had to place the Sphere of Amenti in D-4 creating a fourth-dimensional frequency block within the second and third DNA strands, sealing Root Races 3 and 4 out of their morphogenetic field/soul matrices, creating build-up of soul fragments in D-2, D-3 and D-4 that would have to integrate into Root Race 5 consciousness. This created the subconscious mind D-2 emotional body which would draw in elemental Lamanian/Lemurian-Root Race 3-soul fragments, a D-3 egotistical mind that would draw in Alanian/Atlantean—Root Race 4- soul fragments, and a D-4 astral mind-body that would draw in soul fragments of Root Race three and four from the astral plane. Manifested as an extra D-4 frequency pattern within the second and third DNA strands, a blockage within the second and third chakras through which their energies could only merge through the fourth chakra, and as an energetic barrier between the frequencies of the second, third and fourth dimensions within the bio-energetic auric field, this created separation between the emotional, mental and astral identity aspects. Root Race 5 souls became responsible for integrating the soul fragments of the Lamanians and Atlanians of the Second Seeding and the Atlanteans and Lemurians of the Third Seeding, which manifest as blockages within the second-emotional body, thirdmental body and fourth-astral body chakras and corresponding levels of the auric field. Seal released through assembly of the fourth DNA strand and integration of soul fragments, which must occur before Seal of Amenti can release from DNA strand one. Human consciousness lost awareness of its relationship to Earth and the higher dimensions, and its species evolutionary memory, and souls of Root Races and Cloisters from the Third and Fourth Races could only evolve through the Fifth Root Race. Auric configuration remains in present day human descendants of Root Races three and four and within Aryan Root Race 5. The present Aryan Root Race is now responsible for integrating the soul fragments of their Lamanian/Lemurian, and Ur-Antrian and Breanoua Cloister ancestors from the Second and Third Seeding. The Aryan Root Race Seal of Amenti, which appear as a build-up of electrical particles within the etheric body called miasms, which distort the natural functioning of the chakra system and accelerate the manifestation of physical disease. The Seal of Palaidor must be released before the Seal of Amenti can release, both achieved by assembling the full fourth DNA strand. For a period of time following the end of the Electric Wars, Earth could not sustain life. For over 4,000 years Earth was plagued by erratic weather patterns, tectonic shifting and climatic anomalies. Earth experienced a slow, partial pole reversal and tilted several degrees on its axis between 5,508,100 and 5,504,000 years ago, as a result of damage done to Earth's energetic grid and portal systems during the Electric Wars. Numerous ET races visited the planet during its more stable periods, some serving as Guardians over the Sphere of Amenti. Various animal forms were again reseeded by visiting races. Approximately 5,504,000 years ago a sudden, final shift in Earth's grid, as its poles realigned, caused a “quick freeze” Ice Age to occur, which wiped out most life-forms on the planet except for some of those residing in deep caverns beneath the seas. Following this shift the vibrational rate of Earth's grid dropped swiftly and it could no longer hold the higher frequencies of the Sphere of Amenti at its core. If the Sphere of Amenti were not removed, the Earth would explode. In order to avoid planetary destruction the Elohim of HU-3 and the Ra Confederacy entity families detached the Sphere of Amenti morphogenetic field from Earth's core in D-2, 5,500,000 years ago. It was placed in a secure position in deep space within the fourth-dimensional frequency bands. Because the Sphere was placed within the D-4 frequency bands, it acquired a fourth-dimensional frequency seal, which meant that souls who had not yet assembled their fourth strand of DNA could no longer merge with their Root Race morphogenetic field/soul matrix or that of their Cloister. Root races 3 and 4, and their Cloister Races, who were to be reseeded on Earth with the Seal of Amenti in their genetic code, could not evolve to assemble the fourth strand, as this strand was assembled through birthing through the Fifth Root Race. This fourth-dimensional seal on the Sphere of Amenti became known as the Seal of Palaidor, as it sealed the races out of their Palaidorian morphogenetic field once they had entered manifestation. The Root Race 3 Lamanian/Lemurian and Root Race 4 Atlanian/Atlantean souls of the Second and Third Seeding could not reincarnate into the Fifth Aeiran/Aryan Root Race and became trapped in time within the second, third and fourth dimensions. Following death, these souls would enter D-2 Earth core and their consciousness would fragment into the Earth's D-2 Unified Field. Having lost their form-holding ​The Electric Wars morphogenetic field, they would incarnate into elemental consciousness and evolve as second-dimensional life forms. They would be trapped in the elemental incarnations until the fourth-dimensional Seal of Palaidor was lifted from the morphogenetic field. The Palaidorian/Amenti morphogenetic field within the Sphere of Amenti represented the collective Soul Matrix for the human lineage on Earth. Because of the Seal of Palaidor the races would emerge into Earth from the morphogenetic field from D-4 instead of through Earth's D-2 core, they would experience one incarnation, die and become part of the consciousness of Earth, losing their sentient identity. Meanwhile, the portion of their essence that had picked up the fourth-dimensional base tone frequencies while passing through D-4 in birthing, would rise back into the lower frequency bands of D-4 at death. These fragments of identity became disembodied astral consciousness without a body form or organizational identity imprint. The Fifth Root Race Aeirans were able to retain form in the astral identity as the D-4 frequencies were already contained within their fourth DNA strand. Though the Aeirans could not plug the second, third and fourth DNA strands into each other until the fourth strand had been fully assembled, the identity pattern manifested itself within the second, third and fourth dimensions, creating an emotional/elemental body in D-2, a mental body in D-3 and an astral body in D-4. As the Aeiran race progressively assembled its fourth DNA strand, unity between D-2 emotional awareness, D-3 mental awareness and D-4 astral awareness would result, allowing the consciousness to separate from the physical body and travel through the D-4 astral planes. Once all of the fourth strand was assembled and the ancestral soul fragments integrated, the Seal of Palaidor would release in the Aeiran genetic code, the emotional, mental and astral identities would merge, the activation code overtones of the Fifth Cloister (the Hibiru) would plug in and release the Seal of Amenti, allowing ascension through the Blue Flame in the Sphere of Amenti to occur. The Third and Fourth Root Races did not have an astral body as their genetic imprint did not include the fourth/D-4 strand of DNA. Only members of Races three and four who participated in inter-stellar breeding were able to create the organizational form of an astral body in D-4 and splice in the imprint for the fourth DNA strand. Members of these earlier races from the Second and Third Seedings could not pass into their race's morphogenetic field at death, and thus they could not reincarnate into the Fifth Root Race. At death their soul essence fragmented into the Unified Fields of dimensions two, three and four where they would have to merge with Aeiran consciousness in order to ascend. A great burden was placed upon the Aeiran Root Race and its Cloister Hibiru, for they became responsible for assimilating the fragments of consciousness from their race three and four ancestors, before they could fully ascend. These ancestral soul fragments appeared as fragments of incarnational memory and chaotic identities, sub-personality fragments from the elemental, mental and astral planes, which would assemble into the conscious awareness as the astral, mental and emotional bodies merged through assembly of the fourth DNA strand. Along with this burden the Aeirans and Hibiru also had to integrate the missing sixth overtone in DNA strand one through which the Seal of Amenti could release and ascension take place. Until the Seal of Amenti was released, the anti-particle codes that could not merge with the physical body built up within the etheric body level of the auric field—the anti-particle double within the parallel Earth. This electrical build-up in the etheric body caused the physical body particles to become overly dense and manifested as blockages (called miasms) within the natural energy channels of the body, accelerating the manifestation of physical disease and the cellular deterioration process. The Aeiran and Hibiru races, and their Aryan and Hibiru descendants would inherit this burden of cellular clearing. Most humans of the present day have the fifth race coding, and are subconsciously involved with this process of cellular clearing, integration of the emotional, mental and astral bodies, and assembling the fourth DNA strand in order to release the Seal of Amenti and ascend. The Seal of Palaidor would create a build-up of chaotic energies/identity fragments within the elemental, mental and astral planes, until the Fifth Root Race fulfilled its genetic imprint and assembled the fourth DNA strand through which these soul fragments could be released. An alternative to fragmentation was offered to the races through the later inception of what came to be called the Third Eye of Horus. Though the burdens of evolution placed upon human consciousness under the Seals of Amenti and Palaidor would be great, the Elohim and Ra Confederacy knew this before orchestrating the Second Seeding, and they allowed it to occur as a way of assisting to purify the digressive genetic codes. The lower-vibrating genetic imprints would dissolve into the Unified Field of D-2, while the soul essences could re-evolve through the Fifth Races. They knew that one day, when Earth's grid vibrated high enough, the Sphere of ​The Electric Wars Amenti could be returned to Earth's core, releasing the fourth-dimensional Seal of Palaidor and the souls lost in D-2 and D-4 could ascend. Not only did the Seal of Palaidor create problems within the incarnational process, it also created problems for the physical incarnates on Earth. The race morphogenetic field through which a race incarnates represents the living memory bank of that evolving race. If the morphogenetic field of a race is removed from a planet and its energies are no longer running through the planetary grid, the entire race memory is wiped out of the planet’s cellular memory. People alive on the planet cannot find the content or sequence of most of the race memory. They do not remember their origins, the purposes for which they came, or their destination through the course of their evolution. The portions of the race morphogenetic field removed from the planet take with them the DNA strand imprint through which that memory would be stored within an incarnate's bodily cellular memory. Corresponding DNA particles break loose from the operating DNA strands, lose their sequence of linear order and cannot translate through the neurological structure of the human into conscious perception. DNA particles breaking loose from the operating strands become what Earth scientists call “junk DNA," stored within the cells with seemingly no purpose. After the Seal of Palaidor was set, the races of the Second Seeding would enter incarnation with no memory of their identity or of the higher dimensional worlds from which they had come. This knowledge would be stored within the fourth dimension and could be accessed only through the astral essence. The races would also forget their connection to the Earth and to each other, as this memory is stored within the second strand, and is blocked from mental view. The human of the Second Seeding would have a new kind of consciousness, a perception of exaggerated duality and a sense of separation from all things that would bury the memory and the truth of the teachings of the sacred Law of One. Through the dismantled DNA codes stored in the cells, the human would develop a subconscious mind, containing the consciousness of its second strand and soul fragments drawn in from the D-2 elemental Unified Field. A time of dream assimilation would have to take place in order to begin assembling the astral awareness of the fourth strand and the soul fragments drawn in from the D-4 unified field. A new kind of multi-layer consciousness would develop in the human, quite different from the earlier unified awareness of its immortal body. Even for Visitors of nonhuman lineage, the memory of the planet's history would not be found unless it were accessed through the Sphere of Amenti in the fourth dimension. The Seal of Palaidor placed Earth in a frequency quarantine, through which it became temporarily disconnected from its inter-galactic community. Humans on Earth would not be able to remember what existed on the Earth, or that Earth was a member of vast multidimensional reality fields containing innumerable sentient forms of life. The human developed tunnel vision, a condition which remains today within the majority of people on Earth. Great hope was placed upon the success of the Fifth Root Race evolution, for the Fifth Root Race was designed to assemble the fourth DNA strand, the strand that corresponded to the fourth dimension. If the Fifth Root Race could fully evolve its strand, their astral awareness could pass through the Seal of Palaidor. While they were still alive in body, they could consciously awaken in their astral bodies, discover the secrets of their missing codes and begin to consciously heal the mutations in their gene codes. The Fifth races would become the Keepers of Records for Earth until the Sphere of Amenti was returned to Earth's core, as they could pull the lost race memory from the Sphere of Amenti in D-4 and bring it alive once again upon the planet. Following the removal of the Sphere of Amenti from the Earth's core 5,500,000 years ago, the Earth grid rapidly plunged in speed, then began an even more rapid acceleration as erratic energies left over from the Sphere filtered through Earth's bioenergetic system. Climatic changes again occurred, land masses slid beneath waters, and great quakes rumbled through the planet. Within three years of the removal of the Sphere, a great flood came that covered over 85% of Earth's surface. The memory of this flood, along with that of two others, was given to you by the Elohim and recorded in your Biblical history as one event. The flood of 5,500,000 years ago just described is the first major flood on Earth, the second flood occurred about 849,000 years ago and the third during the Third Seeding of the Root Races. There were many other periods of flooding but these three periods were the most notable. With the Seal of Palaidor came a wall in time behind which the truth of human lineage was hidden. Humans born in the Second and Third Seedings would be marked by the Seals of Amenti and Palaidor, baring the burden of a past of which they would have no memory. It could take millions of years for the Earth grid vibrational rate to rise enough so that life with fourth-dimensional coding (the fifth races) could be sustained and the Sphere of Amenti returned so the Seal of Palaidor could be lifted. Human evolution was stunted 5.5 million years ago and would have remained so if it were not for Sirius B.

In topic "basically what this is about. "

I learned about Tan-Tri-Ahura, Keylontic Science, Freedom Teachings, these 12 plates of which they speak a little while back.

I'm just want to try to put this stuff together and see what its all about. So far I find it intresting.

If anyone else is also investigating these things and would like to share I invite your input.

If you want to coment you can log in using this sample account. If you want my to know who you are don't forget to leave your "handle" or your first name.

Elmo

What others have said

This is a forum called God Like Productions Here is the thead  <--- link


(crg)

In forum "Code Samples"
In topic "Code sample from CrossUI GetHub"

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <script src="https://crossui.com/libs/3.0/js/xui-all.js"></script>
</head>
<body>
<div style=" background-color:#0a6aa1; height: 500px;"></div>
<div style=" background-color:#0b2e13; height: 500px;"></div>
<div style=" background-color:#0a6aa1; height: 500px;"></div>
<div style=" background-color:#0b2e13; height: 500px;"></div>
<div style=" background-color: #1da1f2; height: 100px;">
    <button type="button" onclick="a()">aaaaaaa</button>
    <button type="button" onclick="b()">bbbbb</button>
    <button type="button" onclick="c()">cccccc</button>
    <button type="button" onclick="c()">ddddd</button>
</div>
<div id="aaa" style=" background-color: #3f9532; height: 500px;">
    1.I need the pop-up window to show above this position<br>
    2.The scroll bar of the page remains unchanged when the pop-up window is closed<br>
</div>
</body>
<script>
    function a() {
        xui.echo("abc");
    }
    function b() {
        var dlg = (new xui.UI.Dialog).show(null, false, 100, 100);
        (new xui.UI.Dialog).show(dlg.reBoxing(), true, 100, 100);
    }
    function c() {
        var dlg = (new xui.UI.Dialog).show();
    }
    function d() {
        var dlg = (new xui.UI.Dialog).show(xui("aaa"));
    }

</script>
</html>


In topic "linb Tabs"

Go to a particular tab

      _button1_onclick:function (profile, e, src, value) {
            this.tabTest1.setValue('a',true);
  },

ns.ctl_image_smallredlk.updateItem("e",{hidden:false});

.setVisibility("visible")

ns.ctl_image_smallredlk.updateItem({hidden:false});


ns.ctl_image_smallredlk.setVisibility('hidden');

linb
When editing tabs (adding or removing don't use the jason editor, do it in the code. Long string

This code works to click on a image and make it hidden
      _ctl_image4_onclick : function(profile,e,src){
          this.ctl_image4.setVisibility('hidden');           
        }




// Simple Animate
// The default code is a com class (inherited from linb.Com)
Class('App', 'linb.Com',{
    // Ensure that all the value of "key/value pair" does not refer to external variables
    Instance:{
        // To initialize instance(e.g. properties)
        initialize : function(){
            // To determine whether or not the com will be destroyed, when the first UI control be destroyed
            this.autoDestroy = true;
            // To initialize properties
            this.properties = {};
        },
        // To initialize internal components (mostly UI controls)
        // *** If you're not a skilled, dont modify this function manually ***
        iniComponents : function(){
            // [[code created by jsLinb UI Builder
            var host=this, children=[], append=function(child){children.push(child.get(0))};
           
            append(
                (new linb.UI.SButton)
                .setHost(host,"ctl_sbutton1")
                .setLeft(130)
                .setTop(70)
                .setCaption("click me")
                .onclick("_ctl_sbutton1_onclick")
            );
           
            return children;
            // ]]code created by jsLinb UI Builder
        },
        // Give a chance to load other com
        iniExComs : function(com, threadid){
        },
        // Give a chance to determine which UI controls will be appended to parent container
        customAppend : function(parent, subId, left, top){
            // "return false" will cause all the internal UI controls will be added to the parent panel
            return false;
        },
        // This instance's events
        events : {},
        _ctl_sbutton1_onclick : function (profile, e, src, value) {
            linb.Dom.animate({backgroundColor : '#ff0000'},
                            {
                                left : [0,200],
                                top : [0,300],
                                width : [30,300],
                                height : [30,300],
                                opacity : [1,0]
                            },
                            null,null,500,50,'sineOut').start()
        }
    }
});



This is GOOD loads file to grid
This code shows how to load a json file from anywhere. This code comes from this program.
ImportFoodItemsToGridFromfile

    _ctl_buttonviews1_oninipanelview : function (profile, item) {
            var ns=this;
            if(item.id=='json'){
                  xui.Ajax("http://vb4.xp3.biz/cathy/data/data.json","",function(rsp){
//                xui.Ajax("data/data.json","",function(rsp){
                    var data =rsp;
                    if(!data)alert("no data");
                    else{
                        if(data.header)
                            ns.treegrid1.setHeader(data.header);
                        if(data.rows)
                            ns.treegrid1.setRows(data.rows);
                    }
                }).start();
            }
        },

Update note. running this in the ide of crossui can read the data file
http://vb4.xp3.biz/cathy/data/data.json.

But when I deploy on the web only can read from same domain

In forum "General Software Discussion"
In topic "Citizen Developers"

I should have provided the source URL where I got this information from, sorry

Low-code and no-code are software development approaches that aim to simplify the process of building applications. These tools provide a visual interface and pre-built components, allowing users with limited programming knowledge, often referred to as citizen developers, to create software applications.

Citizen developers are individuals who are not traditional programmers but possess domain knowledge or expertise in a specific area. With low-code and no-code tools, citizen developers can leverage their expertise to build applications without having to write extensive code.

The benefits of low-code and no-code for citizen developers are numerous. These tools empower individuals to quickly turn their ideas into functioning applications, without the need for extensive coding knowledge. This democratizes the development process, allowing non-technical users to actively contribute to software creation.

Furthermore, low-code and no-code platforms often provide a wide range of pre-built components and integrations, reducing the time and effort required for development. Citizen developers can easily drag and drop these components to create workflows and functionality, saving significant development time.

Additionally, low-code and no-code tools promote collaboration between citizen developers and professional developers. These platforms allow them to work together on application development, bringing together the expertise of both technical and non-technical individuals.

In summary, low-code and no-code tools enable citizen developers to participate in the software development process by providing intuitive visual interfaces and pre-built components. They offer numerous benefits, including faster application development, increased collaboration, and the democratization of software creation.

The rest of this article it just a comparison of different Low Code / No Code software.

Here, you will find the best open-source self-hosted Low- and No-code platforms for citizen developer teams, and indviduals.
1- ToolJet
ToolJet is an open-source low-code platform that allows users to build web applications without writing code. It provides a visual interface for designing and developing applications using pre-built components and templates.

With ToolJet, users can create custom workflows, forms, and dashboards, and connect to various data sources. It aims to simplify the application development process and empower users with limited coding experience to build powerful web applications.

GitHub - ToolJet/ToolJet: Low-code platform for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, Google sheets, OpenAI, etc and build apps using drag and drop application builder. Built using javascript/Typescript.

2- Nocobase
Nocobase is an open-source platform that allows users to rapidly build and deploy enterprise-grade applications. It provides a flexible data modeling system, powerful API capabilities, and a customizable user interface.

Nocobase's users can easily create and manage databases, define data models, and build complex applications that meet their specific needs. It is designed to streamline the development process and provide a robust foundation for building scalable and secure applications.

3- Appsmith
Appsmith is an open-source platform that enables users to build and deploy custom internal tools and applications. It offers a visual interface for creating user interfaces, connecting to data sources, and building workflows.

Appsmith allows users to build applications without writing code and provides a range of pre-built components and integrations. It is designed to simplify the process of building internal tools and empower users to create powerful applications quickly.

GitHub - appsmithorg/appsmith: Platform to build admin panels, internal tools, and dashboards. Integrates with 15+ databases and any API.

4- Orienteer
Orienteer is an open-source platform that provides a set of tools for building business applications. It offers features such as data visualization, analytics, and workflow automation.

Orienteer aims to simplify the development process and empower users to create robust and scalable business applications.
GitHub - OrienteerBAP/Orienteer: Business Application Platform - no-code/low-code platform to build business applications
Business Application Platform - no-code/low-code platform to build business applications - GitHub - OrienteerBAP/Orienteer: Business Application Platform - no-code/low-code platform to build busine…
GitHubOrienteerBAP

5- Retool ILLA
illa-builder is an open-source platform for building web applications. It provides a flexible and customizable framework for designing and developing applications. With illa-builder, users can create dynamic user interfaces, connect to various data sources, and build complex workflows. It aims to simplify the application development process and empower users to create powerful and intuitive web applications.

6- CoCreateJS
CoCreateJS is an open-source framework for building real-time collaborative web applications. It provides a set of tools and libraries that enable users to create interactive and collaborative experiences on the web.

CoCreateJS enables users to build applications with real-time updates, live collaboration, and synchronized data across multiple devices. It aims to simplify the process of building collaborative web applications and empower users to create engaging and interactive experiences.

7- CrossUI
CrossUI is an open-source platform for building cross-platform applications. It provides a visual interface for designing and developing applications that can run on multiple platforms, including web, desktop, and mobile. With CrossUI, users can create user interfaces, connect to data sources, and build complex workflows without writing code.

It aims to simplify the process of building cross-platform applications and empower users to create versatile and powerful applications.
GitHub - linb/CrossUI: CrossUI is a free Cross-Browser javascript framework with cutting-edge functionality for rich web application

CrossUI is a free Cross-Browser javascript framework with cutting-edge functionality for rich web application - GitHub - linb/CrossUI: CrossUI is a free Cross-Browser javascript framework with cutt…
GitHublinb

8- basetool
baseTool is an open-source platform that offers a range of tools and features for building web applications. It provides a visual interface for designing user interfaces, connecting to data sources, and building workflows.

baseTool's users can create custom applications without writing code and leverage pre-built components and templates. It aims to simplify the application development process and empower users to build powerful web applications efficiently.
GitHub - basetool-io/basetool: Open-source internal tool framework. Empower your team and collaborators to view and manage the data you already own in a nice easy-to-use protected tool. basetool helps you have a better handle on your data in a collaborative way so you can focus on moving your business forward.

Open-source internal tool framework. Empower your team and collaborators to view and manage the data you already own in a nice easy-to-use protected tool. basetool helps you have a better handle…
GitHubbasetool-io

9- Streamsync
StreamSync is an open-source platform that enables real-time collaboration and synchronization of data across multiple devices. It provides a set of tools and features for building collaborative web applications and interactive experiences. Some of its key features include:

Real-time updates: StreamSync allows users to see changes made by others in real-time, providing a seamless collaborative experience.

    Live collaboration: Users can work together on the same document or project simultaneously, making it easy to collaborate and communicate effectively.

    Synchronized data: StreamSync ensures that data is synchronized across multiple devices, allowing users to access and interact with the latest information from anywhere.

    Version control: The platform offers version control capabilities, allowing users to track changes, revert to previous versions, and collaborate on different branches of a project.

    Customizable user interface: StreamSync provides a customizable user interface, allowing developers to tailor the platform to meet their specific needs and branding requirements.

StreamSync is designed to simplify the development process of collaborative web applications and empower users to create engaging and interactive experiences with real-time collaboration capabilities.
GitHub - streamsync-cloud/streamsync: No-code in the front, Python in the back. An open-source framework for creating data apps.

10- Appsemble
Appsemble is an open-source platform for building web applications. It provides a visual interface for designing and developing applications, allowing users to create custom workflows, forms, and dashboards. Some of its key features include:

    Drag-and-drop interface: Appsemble offers a user-friendly interface where users can easily drag and drop components to build their applications.
    Customizable templates: Users can choose from a variety of pre-built templates and customize them to suit their specific needs.

    Data integration: Appsemble allows users to connect to various data sources and integrate data into their applications.
    Collaboration tools: The platform provides collaboration features, enabling users to work together on the same project and share information.

    Responsive design: Appsemble applications are designed to be responsive and compatible with different devices and screen sizes.

    Extensibility: Users can extend the functionality of their applications by adding custom components and plugins.

11- Hydra
Hydra is an open-source platform that provides a cloud-based integrated development environment (IDE) for building and deploying web applications. It offers a range of tools and features to streamline the development process and enable collaborative coding.

Hydra allows users to create and manage their projects in a centralized location, making it easy to collaborate with team members and track changes. The cloud-based IDE enables users to write code in various programming languages, including HTML, CSS, javascript, and more.

With Hydra, users can write code, test applications, and deploy projects in a cloud-based environment. The platform aims to simplify the development workflow by providing a comprehensive set of tools and capabilities.

The platform also offers features such as syntax highlighting, code completion, and debugging tools, which help developers write clean and error-free code.

Hydra provides a seamless integration with version control systems like Git, allowing users to easily manage their codebase and track changes.

Hydra is a app generation product. Hydra aims to reduce the "concept to market" capability of software development to 20%.

12- GrapesJS
GrapesJS is an open-source web page builder framework that allows users to create and design web pages visually, without the need for coding. It provides a drag-and-drop interface and a wide range of pre-built components and templates, making it easy for users to build professional-looking web pages.

The framework is highly flexible and extensible, allowing developers to create custom components, plugins, and themes to enhance the functionality and appearance of the web pages. It supports responsive design, enabling users to create web pages that adapt to different screen sizes and devices.

GrapesJS is designed to simplify the process of building web pages and empower users with limited coding experience to create visually appealing and functional websites.

With GrapesJS, users can customize the layout, style, and content of their web pages using a visual editor. They can add and arrange elements, such as text, images, buttons, and more, simply by dragging and dropping them onto the canvas. GrapesJS also offers a code editor option for users who prefer to work with HTML and CSS directly.

GitHub - GrapesJS/grapesjs: Free and Open source Web Builder framework. Next generation tool for building templates without coding Free and Open source Web Builder framework. Next generation tool for building templates without coding - GitHub - GrapesJS/grapesjs: Free and Open source Web Builder framework. Next generation tool.

13- formily
Formily is an open-source platform developed by Alibaba that provides a set of tools and libraries for building complex and dynamic forms in web applications. It offers a comprehensive solution for managing form data, validation, and user interactions.

Formily also offers advanced features, including form validation, dynamic form rendering, conditional logic, and dependency management. It aims to simplify the process of building and managing forms in web applications, providing a robust and efficient solution for developers.

With Formily, developers can create forms with a wide range of input fields, such as text fields, checkboxes, radio buttons, dropdowns, and more. The platform provides a flexible and extensible form model, allowing developers to define form schemas and handle form data with ease.

GitHub - alibaba/formily: Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3
Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3 - GitHub - alibaba/formily: Cross Device & High Perfor…
GitHubalibaba

14- Builder.io/Mitosis
Builder.io is an open-source library that enables users to build dynamic and interactive web pages using a familiar component-based approach. It allows developers to create reusable UI components using HTML, CSS, and javascript and easily compose them together to build complex web pages.

With Builder.io, developers can design and develop web pages visually by dragging and dropping components onto the canvas. The library provides a wide range of pre-built components and templates, making it easy to create professional-looking web pages without writing extensive code.

mitosis is a key feature of Builder.io that allows developers to convert Builder.io components into framework-agnostic code. It enables developers to export their Builder.io components as fully functional React, Vue, or Angular components, making it easy to integrate Builder.io into existing projects built with these frameworks.

GitHub - BuilderIO/mitosis: Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.

Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more. - GitHub - BuilderIO/mitosis: Write components once, run everywhere. Compiles to React, Vue,…

15- VvvebJs
VvvebJs is an open-source drag and drop website builder framework. It provides a visual interface for designing and building web pages using pre-built components and templates. With VvvebJs, users can create responsive and customizable web pages without writing code.

The framework offers a range of features, including drag and drop functionality, live preview, and the ability to export the generated HTML and CSS code. It aims to simplify the process of building websites and empower users with limited coding experience to create professional-looking web pages.
GitHub - givanz/VvvebJs: Drag and drop website builder javascript library.
Drag and drop website builder javascript library. Contribute to givanz/VvvebJs development by creating an account on GitHub.

16- Rowy
Rowy is an open-source platform that provides a low-code framework for building business applications powered by Firebase. It aims to simplify the development process and empower users to create powerful and scalable applications without extensive coding knowledge.

Rowy leverages the capabilities of Firebase, including Firestore, Authentication, and Storage, to provide a robust backend infrastructure for data management, user authentication, and file storage. It offers a visual interface for designing data models, defining business logic, and configuring user access controls.

Rowy is designed to be highly extensible and customizable, enabling users to add custom functionality and integrate with third-party services. It provides a range of UI components and templates to accelerate the development process.
GitHub - rowyio/rowy: Low-code backend platform. Manage database on spreadsheet-like UI and build cloud functions workflows in JS/TS, all in your browser.
Low-code backend platform. Manage database on spreadsheet-like UI and build cloud functions workflows in JS/TS, all in your browser. - GitHub - rowyio/rowy: Low-code backend platform. Manage databa…

17- Silex
Silex, is a free and open source website builder in the cloud. Create websites directly in the browser without writing code. And it is suitable for professional designers to produce great websites without constraints. Silex is also known as the HTML5 editor.
GitHub - silexlabs/Silex: Silex live web creation, free/libre no-code website builder, next gen Webflow for the static web
Silex live web creation, free/libre no-code website builder, next gen Webflow for the static web - GitHub - silexlabs/Silex: Silex live web creation, free/libre no-code website builder, next gen We…

18- baserow
baserow is an open source no-code database tool and Airtable alternative. baserow is free open-source web-based database creation and management tools that requires no prior coding skills or advanced technical skills like other tools.
baserow: Create and manage databases with this no-code free app
Creating and managing databases is a critical part for any business or any development process. It also requires fair knowledge of installing, configuring and managing database engines and the managing software. While there are some cool management tools like PhpMyAdmin (Adminer) and pgAdmn for Po…
MEDevel.comHamza Mousa

GitHub - bram2w/baserow: baserow is an open source no-code database tool and Airtable alternative. This is a mirrored repository, the official one is hosted on https://gitlab.com/bramw/baserow.
baserow is an open source no-code database tool and Airtable alternative. This is a mirrored repository, the official one is hosted on https://gitlab.com/bramw/baserow. - GitHub - bram2w/baserow: B…
GitHubbram2w

19- DoTenX core
DoTenX core, is a full stack low-code solution for building scalable and powerful applications, automations, APIs, internal tools and much more.
GitHub - dotenx/dotenx: No-code and Low-code all-in-one platform to build landing pages, websites, web applications, APIs, automations. An alternative for Wix, Webflow, Zapier, and more
No-code and Low-code all-in-one platform to build landing pages, websites, web applications, APIs, automations. An alternative for Wix, Webflow, Zapier, and more - GitHub - dotenx/dotenx: No-code a…
GitHubdotenx

20- Crusher
Crusher is a new fast testing framework, it's opinionated and takes a low-code first approach. Create tests by browsing your website and adding assertion when needed.

An alternative to slow workflows built and unreliable & slow libraries (w high learning curve), gluing tools, repetitive script.

Built from group up as an all-in-tool — with recorder, SDK, Infra + batteries built-in.
GitHub - crusher-dev/crusher: Fast low-code testing — create, run tests and get alerts ⏱️ Create test in <60 secs Better open source alternative to selenium, cypress and puppeteer
Fast low-code testing — create, run tests and get alerts ⏱️ Create test in <60 secs Better open source alternative to selenium, cypress and puppeteer - GitHub - crusher-dev/crusher:
GitHubcrusher-dev

21- Streamsheet
The Streamsheet core is a powerful open-source tool that allows you to make your data immediately understandable and create interactive IoT applications visually, all without writing a single line of code.

Streamsheet, helps you to easily visualize and analyze your data, connect to various data sources, and build complex workflows. It provides a user-friendly interface for designing and managing your IoT applications, making it accessible to users with limited coding experience.
GitHub - eclipse/streamsheets: An open-source tool for processing stream data using a spreadsheet-like interface.
An open-source tool for processing stream data using a spreadsheet-like interface. - GitHub - eclipse/streamsheets: An open-source tool for processing stream data using a spreadsheet-like interface.
GitHubeclipse

22- Motor Admin
Motor Admin is an open-source no-code Admin pantel for bussiness intellegence. With it you can Search, create, update, and delete data entries using a convenient UI.

You can also create complex custom actions like sending an automated email to your customers via API integration. Build custom reports with SQL and visualize the results with charts. Combine individual reports into a single dashboard and share it with your team.

GitHub - motor-admin/motor-admin: Deploy a no-code admin panel for any application in less than a minute. Search, create, update, and delete data entries, create custom actions, and build reports.

Deploy a no-code admin panel for any application in less than a minute. Search, create, update, and delete data entries, create custom actions, and build reports. - GitHub - motor-admin/motor-admin…
GitHubmotor-admin

23- Vue Data Board Data Analysis Board
This is a self-hosted open-source low-code/ no-code data Analysis Board. It features rich reporting set, visual data presentation, diagrams, charts and report exports.
GitHub - dongsuo/vue-data-board: A Data Analysis Board in Vue.
A Data Analysis Board in Vue. Contribute to dongsuo/vue-data-board development by creating an account on GitHub.
GitHubdongsuo

Tags
no-code low-code Open-source Self-hosted List Web-based web development web developer web developers programming javascript mobile dev mobile development Web Analytics BI Business Intelligence
Related Articles in no-code
22 Open-source Database Visualization Panels and Dashboards for Business Intelligence (BI)

1. Database visualization panels are powerful tools that allow users to visually explore and analyze data stored in databases. These panels provide an intuitive interface to interact with database data and present it in a visually appealing and easy-to-understand manner. Features * Data exploration: Database visualization panels enable users to explore
Kuwala: Open-source Self-hosted No-Code Data Workspace for Business Intelligence (BI) Analysts

Kuwala is a data workspace that allows BI analysts and engineers to collaborate on building analytics workflows. It brings together data engineering tools like Airbyte, dbt, and Prefect into an intuitive interface. Kuwala emphasizes extendability, reproducibility, and enablement, empowering analysts and engineers to focus on their strengths. Key features include
10 Open-source Free Low-code and No-code Backend Headless Solutions to Boost Your Application Development

No-code backend API-first solutions are platforms or tools that allow developers to build applications and manage databases without writing code. These solutions provide a visual interface and pre-built components that enable developers to design and create APIs, manage data, and configure application logic without the need for traditional programming. These
13 Open-source Free frameworks and Platforms for Building Business Applications Enterprise CRM/ ERP

Many developers and enterprise organizations often find it necessary to have a strong and reliable foundation to build their applications upon. This includes having robust frameworks and platforms that can support their development needs. By having a solid foundation, developers can ensure the security and integrity of their data, as
Outerbridge: Free Low-code Chain-based Web Apps Automation Tool (Open-source)

Outerbridge is a unique workflow automation application that offers low code/no code solutions. It is a platform that aims to integrate both on-chain and off-chain applications, making it an innovative solution in the market. The project is licensed under the Apache License Version 2.0, which means it is
Untold Engine: easy to use, Open-Source, 3D game engine for iOS/macOS game development. (Free software)

The Untold Engine: An easy to use, open source, 3D game engine for iOS/macOS game development License The Untold Engine is licensed under the LGPL v2.1. This means that if you develop a game using the Untold Engine, you do not need to open source your game. However,
jMonkey: open-source 2D game engine (Free software)

jMonkey is a free, open source game engine, made especially for Java game developers who want to create 3D games using modern technology. The software is programmed entirely in Java, intended for wide accessibility and quick deployment. Features jMonkeyEngine is only one level of abstraction away from OpenGL. The engine
GDevelop: Open-source, cross-platform game engine (Free program)

GDevelop is a free, open-source, and cross-platform game creation tool that anyone can use to create games without programming skills. Unleash your creativity with GDevelop and create any kind of game: platformers, puzzles, shoot 'em up, strategy, 8-bit games, and many more. GDevelop is a full-featured, no-code, open-source game development
Castle Game Engine: Cross-platform (desktop, mobile, console) 3D and 2D game engine (Free program)

"Castle Game Engine" is a cross-platform (desktop, mobile, console) 3D and 2D game engine, supporting many asset formats (glTF, X3D, Spine...) and using modern object Pascal * Features * Powerful visual editor to design 3D and 2D games. * A lot of components to design viewport contents (3D and 2D world, using scenes,
formsflow.ai: Low-code Workflow RAD Platform for Enterprise

formsflow.ai is a low-code platform that helps build powerful business applications, quickly. It integrates open-source tools like form.io for forms, Camunda for workflows, Keycloak for security, and Redash for data analytics into a seamless and unified platform. Best of all, it's free!

In topic " General Observations About Software History"


From a mechanical world to a world of software 

These are just some musings about software as I encountered it from about 1985 to 2012.

I worked for an electric utility. Specifically I worked in the electric meter shop for a small municipal located in southern California. Some of the types of meters I worked with. These meters were located at SCEs facility their display case. SCEs Display link

Back in the days when electronics started to come onto the scene well along with that there was this thing called software that worked in conjunction with the electronics.

In the beginning it was very simple very ones and zeros and took a lot of effort to get this information under your belt as far as knowledge.

For example we had these things called substations that distribute electricity into the neighborhoods. And these substations had mechanical devices relays and sensors and gauges that were analog no software per se.

But in my experience around 1985 software started to become a part of the industry and we were off to the races.

So for example when we installed a upgrade to one of our substations the electronics was like sold as a package it came with the hardware. so it worked pretty well together. and in those days if you bought a big system it was very expensive so you tended to hang on to it for as long as you could to squeeze every ounce of life out of it.

And then later we built another substation and that substation had general electric parts in general electric software and it wasn't compatible with our other system which used a different software.

That's when I learned the concept of integration. It was a small cottage industry that developed as a result of systems not being compatible with each other in these guys were really really sharp and they were really tuned in and they were making pretty good money.

This is an example of an upgrade of our main substation this was the third upgrade. If you look to the left hand side you'll see darker colored panels gray. These were the new relays going in. On the left side with the old Schlumberger and other relays being replaced by the ones on the right Schweitzer.

It's kind of unusual because it's like you're working on a train as it's going down the tracks just can't shut everything down and do it you have to do it as you're moving along.


As time went by the city I worked for develop their own IT department. their strategy was lock everybody down don't let anybody change anything and that was the way it was pretty much. I understand that because a lot of these people The operators of the computers screwed things up all the time introducing more work for the IT department then they needed to have, I get it.

On the other hand the IT department wasn't particularly interested in the software that had to do with our substation because it had critical mission value they did something wrong a breaker could go off people could be out of power things could explode I mean they didn't want to get involved with any of that.

And of course from 1985 to around 2012 the pace of progress was very fast trying to keep up with all these changes it was daunting.

During this time I was able to start dipping my toe in the lake of software development. It was kind of on the down low if my supervisors knew what I was getting into they would have probably pushed it away but they were busy with their jobs and it actually kind of worked out well for us. As long as my other work got done it was tolerated.

Some of the software that we put together

During this time there was large software companies that you could buy packages for but they were too much money for us to buy for our small needs. And with most of these company's it was all or nothing. They wanted all the business. You couldn't start small and grow bigger. Later on you could but not in the beginning.   

So we were able to quickly put together small apps that served our purposes.

For example some of the applications was like a database to keep track of our meters the current transformers the power poles in the field, distribution transformers in the field capacitor Banks there were many things.

Some simple program to interface with the electric meters themselves to process the data from them now that they were electronic. actually they became little computers.

And the things that we couldn't do ourselves we hired people to come in and specifically develop it for us programmers It was a very exciting time for me.

Of course we went through the usual process. First we kept this information on spreadsheets which quickly we realize wasn't going to be enough.

But then in our case we use a database called paradox. And that seemed to work very well for a while. Then about 1995 I ran across Delphi. we use Delphi from version 1 to version 7. then the company seem to just fall apart for whatever reasons I don't know.

One of the good things about Delphi is that there seem to be a large user base there were a lot of people had forums that were all about Delphi a lot of people writing books and a lot of people making components for the Delphi program I was very happy with Delphi for a while.

Software can be very pleasant I mean enjoyable if you don't have a deadlines to meet in people screaming at you to work faster you know, I didn't have that. It was a very nice experience.

During this time the internet was maturing. I was looking to develop applications as the saying goes right once deploy anywhere. I was not wanting to develop for a specific operating system but so that you could use it on the internet and have generic tools. Of course during that time there was a lot of growing pain as far as using the internet like we can use it today in 2023.

There is a thing called a citizen developer. That describes what I was pretty much. I knew enough to write software to get in trouble. Because it wasn't my main job I couldn't get really deep into it like trying to learn c programming and Pascal and basic and Ruby on rails and PHP and Java it goes on and on. I did try to learn these programs but it just was more than I could absorb even today I'm saturated with all this stuff.

That's why programming with no code or low code tools was appealing for me. Drag and drop put little graphics on a pallet on the screen push a button deployed on the web and you have an app. But if you wanted it to do anything substantial you had to know a little bit more about what's going on under the hood. Kind of like a software integrator.

Then I ran across a platform called CrossUI. it's very much like Delphi except it works with Java. it's drag and drop put things on the screen easy to deploy but then again you need to know what's going on under the hood or your apps are just fluffy do nothing apps.

CrossUI, I like it but as far as the examples they give there's a few of them that are complete but most of them are just like samples that aren't finished.

And these guys they know what they're doing but when I look at some of the things I even made using this CrossUI I have to scratch my head and say how the heck is this thing working I mean it's just a lot of parts to it and if you don't use it a lot you forget as with anything I suppose.

Some of the features that I like about CrossUI as you can use it online and create applications fully blown means is much knowledge as you have if you can put it to work you can do it right there online.

Of course I don't always have internet service so they do allow you to download a package for Windows or Linux and you can develop them locally on your own PC without the internet I like that.

Another good thing is that if you want to do anything substantial you need to learn a little bit more about the nuts and bolts which forces you to dig deeper and learn more when you use their frame work That's a good thing. Although sometimes it drives me a little crazy.

One thing that Jack from CrossUI needs is a bigger user base. By having more YouTube videos that explain how to use his frame work in detail would be very helpful. Like this video that I made a few years ago. That frame work was called UIbuilder. This video was just a simple introduction but I think these type of videos would be very helpful.

You can view the video from this link below
UI Builder the predecessor of CrossUI

This week I looked at about 23 different programs that they were low code or no code. But many of them you can only use on the internet many of them are very scaled back as far as what you can do with them initially. And I went over the list of what 23 of them and I have to preview it more but it's going to take some time I just get saturated easy you know how it is my eyes start the gloss over and fall asleep in front of the computer screen.

Anyway that's it in a nutshell for now.
Clark
In topic "message to Adam"
Hi Adam my name is Clark I'm a retired electrical test technician that got involved with some software programming in my time I'm retired now.

I guess I'm what you would refer to as a citizen developer. Only part of my job involves software which management wasn't really that fond of but they recognize that it fill the need and so they allowed me to proceed.

I love programming why I don't know but it's something that I seem to enjoy even though I'm retired and I don't have a need for it now. But I have a 20 year old son and I would like to probably share my experience with him and hopefully get him involved in software development. Although it really never got good at it myself.

For a while I program with Delphi and I enjoyed it very much until version 7 then it went down the dumper I became disillusioned with developing for a particular platform like Windows or Linux and it seemed like the internet was the place to go if one was going to do that.

Although I came to realize that developing applications for the internet is not like working with Delphi there's a lot of differences. I came across some software developed by a person named Jack Lee and it's called cross UI.
https://www.crossui.com/RAD/

It seems to be a little like Delphi but of course it's you need like PHP to get the work done on the server like making things persistent reading and writing files online it seems that you need PHP to facilitate that.

Anyway enough of that. I just wanted to thank you very much for your your work you did a lot of hard work I remember your videos I followed you a couple of years ago in your teaching skills are awesome and I hope that all that work you put into software development paid off I hope you made some money out of it or became better off somehow in this dog eat dog world.

Are you still doing PHP programming and if I had a small project could I hire you to assist me in doing it?

If the price was right and the results were good I have many things that I would like to get assistance with. But one step at a time.

Anyway I lost your information a couple years ago I you seem to go off the map. And I was looking over some old stuff and I ran across it again.

Anyway some of the work that I would want to do has to do with using PHP to work in conjunction with javascript through this program called cross UI.

Anyway Adam I hope you're having a beautiful now and I hope your life is prosperous.

Clark

In forum "On line free simple Food Truck menus web page"
In topic "Cathy's Place"

Cathy's project page
http://foodtrucks.atwebpages.com/anton/Food_Items_list.php
In topic "El Padrino Food Trailer menu"

An idea updated 1/2/25

Just a though, Advertising cost money. The benefits of advertising means (hopefully) more business to your food truck.

If you were to try a one day roll back of your prices these prices for example what kind of response do you think you would get? Something like this

Update 2/24/25
I would be willing to write you folks a check for $100.00 to cover some of the loses. one time low budget sponsor if you try this idea.

How much do you think it would cost you (The cost of Advertising) ?  Do you think it might be worth a try?

You could post it for example on the "NextDoor" website.


hi Nancy

I was playing with some new software. Here is a sample. 

foodtrucks.atwebpages.com/sandbox1/crg_photos1_list.php?

Its very simple. It shows the price, allows you to say a few words about your food item and shows a picture that came be zoomed in on.

Its faster then the other stuff I have done so far. Should work good on a phone or a tablet. Oh yes on a PC too.

Its has the ability edit and add records from your PC at home via the web.

It has admin log in allowing you to change the data. you can log in your password and user ID is nancy, nancy.

As always this is my hobby, free to you folks. If you choose to use I can help set you up.

Clark & Spencer. 979.922.5182.

In topic "Alpha's Tax Servise"
Here is a simple I made for my tax person.

elmoross.atwebpages.com/alpha/

Click on the picture.

In topic "mojo man"

link to test site
spencer.atwebpages.com/mojo.man/  <- old test ideas only, never went anywhere.

Hi Mojo man I'm Clark. My Son is 20 years old. He doesn't drive yet and he wants a job really bad but no luck so far.

So I made a deal with him. I'll teach him computer programing (in this case making simple web pages) And I'll pay him 7 dollars an hour. Yes as a young one he needs to be motivated by money. To teach him this takes a bit of work but its not rocket science.

So I have been looking around in my neighbor hood looking for people to work with who might benefit from such a site.

Its more of an electronic business card nothing fancy at this time. I noticed you are using Yelp. That a good resource.

Here are a few projects I'm working on so far.

Azteca Grill
spencer.atwebpages.com/azteca/    

El Padrino Food Trailer
This is the debug on CrossUI's site 
https://tinyurl.com/crossui

Crystal's Place
tiny.cc/tuk1

So if your interested the only thing I would need your help with is matching the name of the food item with the label on the menu and current prices. And perhaps some feed back on the look and feel of the menu.

I would even be willing to show you how its done and you could do it your self If you were inclined.

I would be willing to maintain the site for at least a year, perhaps longer, as long as I can keep my son motivated

The web-hosting site is free. And all the software is free. I expect no money from you. If your interested let me know.

Also I pass by your place every other week when we go shopping at HEB.


Updated: 1/1/25

I'm still working with different software tools. Since I reached out to you in June of 2024 I have been working with "PHP" a type a software language.

This is a sample SQLite database tool that I'm working on currently.

This is a simple single table SQLite database. It's hosted on a free web hosting site.

Some positive aspects of this tool.
Free software and web hosting.
The record has only 5 fields.
You can edit and update the data from you tablet of PC, or even your phone but that's not recommended.
if you click on an image of a food item the image is expanded.

When updating the image (food item) select the image you want, then you need to push the upload button. finely you need to push the save button to save all the changes.

When adding a record the only required field is the "Sort Order" field. This coulomb allows you decide the order of the way the records are displayed.

Another benefit is that you can add your comments about your food item along with the photo. There should be a landing page. I'm still working on that.

To log in to the SQLite database tool the user id is mojo, password is man

Again no charge for this. If your interested in using this software tools let me know.

Clark & Spencer  Talk or text at  979.922.5182

In topic "Crystel's Place"


simple web page tuktuk.6te.net/tuk/

Todo lists (ck)
1) Install the forum program.
2) Edit WE program so the controls can be toggled
3) Make WE to load the json file after program loads
4) Remove all files and folders from http://vb4.xp3.biz/tuk/
5) Change URI path for food photos to http://tuktuk.6te.net/tuk/img


Hi

Here is a web page that might make it easier to upload your food item photos. No login required.

Its here    hotchick.atwebpages.com/sandbox/crg_photos1_list.php?a=return

There is one photo loaded as an example.

1) In the upper left area of the screen there is a button called "Add new" select that.

2) A place to add a new record will appear. There will be a input field That says "Comment" enter the name of the food item there.

3) Then Select the button that says "Add files". A box will open allowing you to select a photo from your computer. When you selected the photo you want a picture of it will be displayed. A button will appear that says "Upload", click it. A indicator will appear showing the progress of the upload, make sure the file it uploaded all the way. At the lower corner will be a button called save. Click it.

Give a few moments when the file has been successfully saved a message will appear at the top of the window indicating that the record was saved. When you are done adding records the will be a button that says "Back to list" when you are finished.

Then at your connivance On your webpage    tiny.cc/tuk1  In the blue colored text that says "Crystal's Place" click on the text. That will take you to your forum project page. Go to the bottom of the page and there you will find an area to post a comment.

Then for each menu item you could ad a few words about each food item. You know some Bla Bla words that will inspire others to try it.

Also if you add a list of the location of the places your food truck I will add the list so when the button on your page is clicked "Locations we will be at"  will display them.

Any help you need in doing this just ask
Clark
In topic "Bible Study Group Forum"


For the those who make such decisions for the bible study group. 

This is just a page on my forum. I would be happy to set you up with your own free hosted website and forum.

The forum would be a clone of this forum because its free and I know how it works. This forum is old (year 2000) I like it.

Although you can find many newer more modern forums. But then the one running it would need to learn works and set it up. That may be more effort than it worth to the one setting it up.

You could show meeting times, general info...

Maintenance of a forum can be a bit of a challenge if you open it up to the public. I'm not interested in running a public forum but I wouldn't mind helping out for a bit if that what you wanted. 

Or the forum could be as simple as showing times or dates of the meetings or some announcements.
In that case it would be no problem at all. 

Just running the idea up the flagpole.

vb4.xp3.biz/bsg/


Clark
In topic "Southside burgers and more"
This is your project page

Simple web page https://tuktuk.6te.net/ssb/


You can check on progress or add some comments.


Hi Leticia
I made this PDF menu with free software “Openoffice”. You could make a menu and export it as a PDF file.

I even put links to photos (random just for example) for the food items. When viewing links use back arrow to get bask to menu.pdf.

This is very easy!

On my android browser there is an option to download the PDF menu.

Basically this is how it works. There are two parts. A landing page showing your logo and a few buttons. The second part is the PDF menu. You can just go to the menu link if you want and not use the landing page at all.

Ok here is a wild thought. Most people who sell food run out of menu space and they add new items that don't fit on the menu to a "white board". I also noticed that on the next door website you show many dishes that are probably not on your menu (just a guess). If you like we could upgrade your menu to show all your food items with a link to a picture and a short description of each food item. Think about it.

I'll keep working on this as I have time (Spencer will).

If you want to upgrade your menu to show pictures and include a few words about your food items let me know we (Spencer) can do that.



Hi Leticia Clark here.
I made a proposal to you last year to make a free simple web page for you.  https://tuktuk.6te.net/ssb/

Also we made an attempt to redesign your menu page. Not that it needed anything we Spencer my son and I did it just for the experience.

BTH it you in the tacos section if you click on the selection "Tacos" "Beef Fajita" it links to a page that permits you to show a picture with a short description. This menu is in a PDF file format.  you can see the link here

Here is another menu I think I found this one on your Facebook page.
your current menu

When you post on the nextdoor page perhaps you should include a link to one of these menu pages.

I'm trying something new. This is a project that uses an online data base. Perhaps you would like to try something like this. link to new project

Also out of the 10 or so people I reached to you have some of the best pictures of your dishes. Except for the ones you put text over, please don't hate for that observation. I also have some small recommendations about your Facebook page if you what to hear them. Overall I think you do a very good job.

Have a wonderful day
Clark
In topic "El Pueblito project page"

Updated Jan 18/25

Hi  Veronica
This is an offer I am making to a few neighborhood to host a simple free webpage for your business, I have been looking on the nextdoor site that's how I found you.

The WIN WIN situation for US is this: Spencer (my son) can earn some money (I pay him) and preform some useful service in helping one of our neighbors (that's you).

For a reference regarding Spencer & I you can call Cathy (I actually live around the corner form her). Her number is 210-849-9627. This is the web page I made for her Cathy's webpage She sales food on the weekend. Cathy is expanding her place, building adding on. Next time your in the neighborhood on the weekend you should stop by and check it out.

This assistance is free no strings attached.

We (Spencer & I) made this simple menu page for you back in Aug 2024. Shortly there after it stopped working, I was not aware that it stopped working. Well it should be working now.

If you look at the existing menu by clicking the menu button on the landing page you will notice Mini Tacos and Quesadillas Grande. These are links to a page that describes you food item and shows a picture of your food item. To change or edit these takes a little work.

Or you could try something like this "easy edit". Using a page like this would make it easy to edit and change the pictures and food descriptions yourself from your PC tablet or phone. Can be done from a phone but the sceen on a phone is kinda small, but it can be done.

If you would like some assistance  Spencer can help. He is the reason we offer these simple little web pages for free, I'm teaching him.

You can text it to this number 979-922-5182 or 209-860-1927.

Clark Getty

Veronica's nextdoor liink below
https://nextdoor.com/profile/01GgLTFB9Q3XS8C5t/?is=detail_author

In topic "Azteca Grill"

Project Page for Azteca Grill


The simple Web page spencer.atwebpages.com/azteca/

menu format I like
https://azteca-mexicanrestaurant.com/#MENU

https://aztecagrill.top/gallery


In topic "Deep Tread Tire Service"

Project Page for Deep Treadz

tiny.cc/mikea
mobile1.onlinewebshop.net/deep/


In topic "boot shop menus that I saw that I like"

These are some food menus that I ran across that I just thought were worth noting I thought they were pretty cool

https://www.tonysfoodtruck.com/


In forum "Phprunner"
In topic "ver 6.2 Issues"

I made a new project for Mildred, using a SQLite table.

Made the table with Phprunner. The field rec_id was an "int". Set it to auto increment. It diden't stick. Had to edit the table (named apointments.sqlite3) in a separate SQLite editor then it stucked, worked.



In topic "Phprunner 6.2"

I Phprunner 6.2 on a virtual machine using virtual box.

To deploy I need to go to the output directory. Then I need to edit the file name dbcommon.php.  Open the file and past in the path string for the SQLite database. For example a code snippet of the of the dbcommon.php file.

/// include php specific code
include("phpfunctions.php");

$useOldMysqlLib = (bool)1;

$dbname="C:xampphtdocs_food.trk.62crg_bb2";

// $dbname="crg_bb2";  <- when deploying on line use this

$cCharset = "Windows-1252";
$cCodepage = 1252;
$cMySQLNames = "";
$gLoadSearchControls = 30;

$projectPath = '';

header("Content-Type: text/html; charset=".$cCharset);

include("locale.php");
include("events.php");
include("commonfunctions.php");
include("dbconnection.php");

In forum "Using AI software"
In topic "My database project DeepSeek"
_deep/
├── app/
│  ├── public/                # Web-accessible files
│  │  ├── components/    # Your toast/grid components
│  │  ├── index.html        # Your HTML form
│  │  ├── submit.php        # PHP backend (moved here)
│  │  └── js/
│  │      └── main.js        # Frontend logic
│  │
│  └── private/                # Protected server-side files
│      └── database/
│          └── data.db      # SQLite database
└── .htaccess                  # Security rules (in the root directory)
The Components directory and files. 
_deep/
├── app/
│  ├── public/                # Web-accessible files
│  │  ├── components/        # Your toast/grid components


// Grid
class Grid extends HTMLElement {
    constructor() {
        super();
        this.attachShadow({ mode: 'open' });
    }

    connectedCallback() {
        this.render();
    }

    render() {
        this.shadowRoot.innerHTML = `
            <style>
                table {
                    width: 100%;
                    border-collapse: collapse;
                }
                th, td {
                    border: 1px solid #ddd;
                    padding: 8px;
                    text-align: left;
                }
                th {
                    background-color: #f2f2f2;
                }
            </style>
            <table>
                <thead>
                    <tr>
                        ${this.columns.map(col => `<th>${col}</th>`).join('')}
                    </tr>
                </thead>
                <tbody>
                    ${this.data.map(row => `
                        <tr>
                            ${row.map(cell => `<td>${cell}</td>`).join('')}
                        </tr>
                    `).join('')}
                </tbody>
            </table>
        `;
    }

    set columns(value) {
        this._columns = value;
        this.render();
    }

    get columns() {
        return this._columns || [];
    }

    set data(value) {
        this._data = value;
        this.render();
    }

    get data() {
        return this._data || [];
    }
}

customElements.define('my-grid', Grid);

// Toast
class ToastMessage extends HTMLElement {
  constructor() {
    super();
    // Create Shadow DOM
    const shadow = this.attachShadow({ mode: 'open' });
   
    // Define template with scoped CSS
    const template = document.createElement('template');
    template.innerHTML = `
      <style>
        /* styles are SCOPED to this component! */
        :host {
          position: fixed;
          bottom: 20px;
          right: 20px;
          padding: 12px 24px;
          border-radius: 4px;
          font-family: Arial, sans-serif;
          opacity: 0;
          transition: opacity 0.3s ease-in-out;
          z-index: 1000;
          color: white;
        }
        :host([type="success"]) {
          background-color: #4CAF50;
        }
        :host([type="error"]) {
          background-color: #f44336;
        }
        :host([type="info"]) {
          background-color: #2196F3;
        }
        :host([type="warning"]) {
          background-color: #ff9800;
        }
      </style>
      <slot></slot> <!-- Renders inner HTML -->
    `;

    // Attach template to Shadow DOM
    shadow.appendChild(template.content.cloneNode(true));
  }

  /**
  * Public method to show the toast.
  * @param {string} message - The message to display.
  * @param {string} type - The type of toast (success, error, info, warning).
  * @param {number} duration - How long the toast should stay visible (in milliseconds).
  */
  show(message, type = 'success', duration = 3000) {
    // Set attributes
    this.setAttribute('type', type);
    this.textContent = message;

    // Fade in
    this.style.opacity = '1';

    // Auto-remove after duration
    setTimeout(() => {
      this.style.opacity = '0';
      setTimeout(() => this.remove(), 300); // Wait for fade-out
    }, duration);
  }
}

// Register the custom element
customElements.define('toast-message', ToastMessage);


├── public/                # Web-accessible files
│  │  ├── components/        # Your toast/grid components
│  │  ├── index.html        # Your HTML form
│  │  ├── submit.php        # PHP backend (moved here)

// index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enhanced Complete Demo</title>
    <style>
        body { font-family: Arial, sans-serif; padding: 20px; }
        .outer-frame {
            border: 3px solid #444;
            border-radius: 15px;
            padding: 20px;
            max-width: 800px;
            margin: 0 auto;
            background-color: #f9f9f9;
            position: relative; /* For positioning the record count */
        }
        .inner-frame {
            border: 1px solid #ccc;
            border-radius: 10px;
            padding: 20px;
            margin-top: 20px;
            background-color: white;
        }
        .input-group { margin-bottom: 15px; }
        label { display: inline-block; width: 100px; }
        input, textarea { width: 250px; padding: 5px; }
        textarea { vertical-align: top; }
        button { padding: 10px; margin-right: 10px; margin-top: 10px; }
        #dataGrid { margin-top: 20px; width: 100%; border-collapse: collapse; }
        #dataGrid th, #dataGrid td { padding: 10px; border: 1px solid #ddd; text-align: left; }
        #dataGrid th { background-color: #f5f5f5; }
        #recordCount {
            position: absolute;
            top: 2px;
            right: 30px; /* Moved to upper-right corner */
            font-size: 16px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div class="outer-frame">
        <!-- Record Count -->
        <p id="recordCount">Total Records: 0</p>

        <h1>Enhanced Complete Demo</h1>
       
        <!-- Form Section -->
        <form id="mainForm" novalidate>
            <div class="inner-frame">
                <div class="input-group">
                    <label for="username">Username:</label>
                    <input type="text" id="username" name="username" required>
                </div>
                <div class="input-group">
                    <label for="email">Email:</label>
                    <input type="email" id="email" name="email" required>
                </div>
                <div class="input-group">
                    <label for="notes">Notes:</label>
                    <textarea id="notes" name="notes" rows="4"></textarea>
                </div>

                <!-- Buttons -->
                <button type="submit" id="submitBtn">Submit</button>
                <button type="button" id="refreshBtn">Refresh</button>
                <button type="button" id="clearCacheBtn">Clear Cache</button>
                <button type="button" id="testToastBtn">Test Toast</button>
            </div>
        </form>

        <!-- Grid Section -->
        <div class="inner-frame">
            <table id="dataGrid">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Username</th>
                        <th>Email</th>
                        <th>Notes</th>
                        <th>Created At</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- Rows will be populated dynamically -->
                </tbody>
            </table>
        </div>
    </div>

    <!-- Component scripts -->
    <script type="module" src="components/toast/toast.js"></script>
    <script type="module" src="js/main.js"></script>
</body>
</html>

// submit.php
<?php
header('Content-Type: application/json');

try {
    // Sanitize inputs
    $username = filter_input(INPUT_POST, 'username', FILTER_SANITIZE_STRING);
    $email = filter_input(INPUT_POST, 'email', FILTER_SANITIZE_EMAIL);
    $notes = filter_input(INPUT_POST, 'notes', FILTER_SANITIZE_STRING);

    // Validate
    if (empty($username) || empty($email)) {
        throw new Exception('Username and email are required');
    }
    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        throw new Exception('Invalid email format');
    }

    // Connect to SQLite database
    $dbPath = __DIR__ . '/../private/database/data.db';
    $db = new PDO("sqlite:$dbPath");
    $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    // Create table if it doesn't exist
    $db->exec("
        CREATE TABLE IF NOT EXISTS submissions (
            rec_id INTEGER PRIMARY KEY AUTOINCREMENT,
            username TEXT NOT NULL,
            email TEXT NOT NULL,
            notes TEXT,
            created_at DATETIME DEFAULT CURRENT_TIMESTAMP
        )
    ");

    // Insert data using prepared statements
    $stmt = $db->prepare("INSERT INTO submissions (username, email, notes) VALUES (:username, :email, :notes)");
    $stmt->execute(array(
        ':username' => $username,
        ':email' => $email,
        ':notes' => $notes
    ));

    // Success response
    echo json_encode(array(
        'success' => true,
        'message' => 'Record saved successfully!'
    ));

} catch (Exception $e) {
    // Error response (workaround for http_response_code in PHP 5.3)
    header('HTTP/1.1 500 Internal Server Error');
    echo json_encode(array(
        'success' => false,
        'error' => $e->getMessage()
    ));
}

In topic "My database project Perplexity"

_perp
├── components
├── database
├── js
├── php
├── index.php  <--- also this file is in php dir
└──index.html

// index.php
<?php
// Any PHP code or includes can go here
// For example, you might want to include a database connection or session start
// include 'database_connection.php';
// session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enhanced Complete Demo</title>
    <style>
        body { font-family: Arial, sans-serif; padding: 20px; }
        .outer-frame {
            border: 3px solid #444;
            border-radius: 15px;
            padding: 20px;
            max-width: 800px;
            margin: 0 auto;
            background-color: #f9f9f9;
        }
        .inner-frame {
            border: 1px solid #ccc;
            border-radius: 10px;
            padding: 20px;
            margin-top: 20px;
            background-color: white;
        }
        .input-group { margin-bottom: 15px; }
        label { display: inline-block; width: 100px; }
        input, textarea { width: 250px; padding: 5px; }
        textarea { vertical-align: top; }
        button { padding: 10px; margin-right: 10px; margin-top: 10px; }
        #dataGrid { margin-top: 20px; }
    </style>
</head>
<body>
    <div class="outer-frame">
        <h1>Enhanced Complete Demo</h1>
       
        <div class="inner-frame">
            <div class="input-group">
                <label for="nameInput">Name:</label>
                <input type="text" id="nameInput" name="name" required>
            </div>
            <div class="input-group">
                <label for="emailInput">Email:</label>
                <input type="email" id="emailInput" name="email" required>
            </div>
            <div class="input-group">
                <label for="notesInput">Notes:</label>
                <textarea id="notesInput" name="notes" rows="4"></textarea>
            </div>

            <button id="submitBtn">Submit</button>
            <button id="refreshBtn">Refresh</button>
            <button id="clearCacheBtn">Clear Cache</button>
        </div>

        <div class="inner-frame">
            <my-grid id="dataGrid"></my-grid>
        </div>
    </div>

    <script type="module" src="components/toast/toast.js"></script>
    <script type="module" src="components/grid/grid.js"></script>
    <script type="module" src="js/main.js"></script>
</body>
</html>

// index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enhanced Complete Demo</title>
    <style>
        body { font-family: Arial, sans-serif; padding: 20px; }
        .outer-frame {
            border: 3px solid #444;
            border-radius: 15px;
            padding: 20px;
            max-width: 800px;
            margin: 0 auto;
            background-color: #f9f9f9;
        }
        .inner-frame {
            border: 1px solid #ccc;
            border-radius: 10px;
            padding: 20px;
            margin-top: 20px;
            background-color: white;
        }
        .input-group { margin-bottom: 15px; }
        label { display: inline-block; width: 100px; }
        input, textarea { width: 250px; padding: 5px; }
        textarea { vertical-align: top; }
        button { padding: 10px; margin-right: 10px; margin-top: 10px; }
        #dataGrid { margin-top: 20px; }
    </style>
</head>
<body>
    <div class="outer-frame">
        <h1>Enhanced Complete Demo</h1>
       
        <div class="inner-frame">
            <div class="input-group">
                <label for="nameInput">Name:</label>
                <input type="text" id="nameInput" name="name" required>
            </div>
            <div class="input-group">
                <label for="emailInput">Email:</label>
                <input type="email" id="emailInput" name="email" required>
            </div>
            <div class="input-group">
                <label for="notesInput">Notes:</label>
                <textarea id="notesInput" name="notes" rows="4"></textarea>
            </div>

            <button id="submitBtn">Submit</button>
            <button id="refreshBtn">Refresh</button>
            <button id="clearCacheBtn">Clear Cache</button>
        </div>

        <div class="inner-frame">
            <my-grid id="dataGrid"></my-grid>
        </div>
    </div>

    <script type="module" src="components/toast/toast.js"></script>
    <script type="module" src="components/grid/grid.js"></script>
    <script type="module" src="js/main.js"></script>
</body>
</html>



_perp
├── components

// grid
class Grid extends HTMLElement {
    constructor() {
        super();
        this.attachShadow({ mode: 'open' });
    }

    connectedCallback() {
        this.render();
    }

    render() {
        this.shadowRoot.innerHTML = `
            <style>
                table {
                    width: 100%;
                    border-collapse: collapse;
                }
                th, td {
                    border: 1px solid #ddd;
                    padding: 8px;
                    text-align: left;
                }
                th {
                    background-color: #f2f2f2;
                }
            </style>
            <table>
                <thead>
                    <tr>
                        ${this.columns.map(col => `<th>${col}</th>`).join('')}
                    </tr>
                </thead>
                <tbody>
                    ${this.data.map(row => `
                        <tr>
                            ${row.map(cell => `<td>${cell}</td>`).join('')}
                        </tr>
                    `).join('')}
                </tbody>
            </table>
        `;
    }

    set columns(value) {
        this._columns = value;
        this.render();
    }

    get columns() {
        return this._columns || [];
    }

    set data(value) {
        this._data = value;
        this.render();
    }

    get data() {
        return this._data || [];
    }
}

customElements.define('my-grid', Grid)

// toast
export class Toast {
  constructor(message, duration = 5000, type = 'info') {
    this.message = message;
    this.duration = duration;
    this.type = type;
    this.element = null;
  }

  show() {
    this.element = document.createElement('div');
    this.element.className = `toast toast-${this.type}`;
    this.element.textContent = this.message;
    document.body.appendChild(this.element);

    setTimeout(() => this.element.classList.add('show'), 10);
    setTimeout(() => this.hide(), this.duration);
  }

  hide() {
    this.element.classList.remove('show');
    setTimeout(() => this.element.remove(), 300);
  }
}

├── database

//table structure DB name is aiandme.db
BEGIN TRANSACTION;
CREATE TABLE IF NOT EXISTS "users" (
"rec_id" INTEGER,
"username" TEXT NOT NULL,
"email" TEXT UNIQUE,
"created_at" DATETIME DEFAULT CURRENT_TIMESTAMP,
"notes" TEXT,
PRIMARY KEY("rec_id" AUTOINCREMENT)
);
COMMIT;
                           
// sqlconnector.js
const initSqlJs = require('sql.js');

async function initializeDatabase() {
  try {
    // Load SQL.js library
    const SQL = await initSqlJs();
   
    // Create new database
    const db = new SQL.Database();

    // Example: Create a simple table
    db.run(`
      CREATE TABLE users (
        id INTEGER PRIMARY KEY,
        username TEXT,
        email TEXT
      )
    `);

    return db;
  } catch (error) {
    console.error('Database initialization error:', error);
  }
}

module.exports = { initializeDatabase };
                           
// test_connection.php
<?php
require_once 'db_connection.php';
echo " If you see this message without any errors, the database connection is working.";
?>

// testdatabase.js

const { initializeDatabase } = require('./sqlconnector');

async function testDatabaseConnection() {
  try {
    const db = await initializeDatabase();
//    console.log("✓ Database successfully initialized");
   
    // Optional: Test table creation
    const result = db.exec("PRAGMA table_info(users)");
    console.log("Table structure:", result);
  } catch (error) {
    console.error("x Database initialization failed:", error);
  }
}

testDatabaseConnection();                           



├── js

// index.js

import { Toast } from '../components/toast/toast.js';  << .. ?

function loadRecords() {
    fetch('php/fetch_records.php')
        .then(response => response.json())
        .then(records => {
            const tableBody = document.querySelector('#dataGrid tbody');
            tableBody.innerHTML = ''; // Clear existing rows
           
            records.forEach(record => {
                const row = `
                    <tr>
                        <td>${record.first_name}</td>
                        <td>${record.last_name}</td>
                        <td>${record.email}</td>
                        <td>${record.notes}</td>
                    </tr>
                `;
                tableBody.innerHTML += row;
            });
        })
        .catch(error => {
            console.error('Error:', error);
            new Toast('Error loading records', 5000, 'error').show();
        });
}

function validateForm() {
    var fields = ['firstName', 'lastName', 'email'];
    for (var i = 0; i < fields.length; i++) {
        if (document.getElementById(fields[i]).value.trim() === '') {
            return false;
        }
    }
    return true;
}

document.addEventListener('DOMContentLoaded', () => {
    loadRecords();
   
    document.getElementById('submitBtn').addEventListener('click', function(event) {
        event.preventDefault();
        if (!validateForm()) {
            new Toast('Please fill out all fields', 5000, 'error').show();
        } else {
            // Handle form submission here
            new Toast('Form submitted successfully!', 5000, 'success').show();
            // You might want to add code here to submit the form data
        }
    });
});

// File: main.js

document.addEventListener('DOMContentLoaded', function() {
    console.log("DOM fully loaded");

    const grid = document.getElementById('dataGrid');
    if (grid) {
        console.log("Grid found");
        grid.columns = ['Name', 'Email', 'Notes'];
        grid.data = [
            ['John Doe', 'john@example.com', 'Initial entry'],
            ['Jane Smith', 'jane@example.com', 'Second entry'],
            ['Bob Johnson', 'bob@example.com', 'Third entry']
        ];
    } else {
        console.error("Grid not found");
    }

    const submitBtn = document.getElementById('submitBtn');
    console.log("Submit button:", submitBtn);

    if (submitBtn) {
        submitBtn.addEventListener('click', function(event) {
            console.log('Submit button clicked');
            event.preventDefault();

            const name = document.getElementById('nameInput').value.trim();
            const email = document.getElementById('emailInput').value.trim();
            const notes = document.getElementById('notesInput').value.trim();

            console.log("Input values:", { name, email, notes });

            if (!name || !email) {
                console.log("Validation failed");
                // Error handling (toast to be implemented later)
            } else {
                console.log("Validation passed");
               
                // Send data to the server
                fetch('php/save_data.php', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                    },
                    body: `name=${encodeURIComponent(name)}&email=${encodeURIComponent(email)}¬es=${encodeURIComponent(notes)}`
                })
                .then(response => response.text())
                .then(text => {
                    console.log('Raw server response:', text);
                    return JSON.parse(text);
                })
                .then(data => {
                    if (data.status === 'success') {
                        console.log('Data saved successfully');
                        // Update grid
                        grid.data = [...grid.data, [name, email, notes]];
                       
                        // Clear input fields
                        document.getElementById('nameInput').value = '';
                        document.getElementById('emailInput').value = '';
                        document.getElementById('notesInput').value = '';
                    } else {
                        console.error('Error saving data:', data.message);
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                });
            }
        });
    } else {
        console.error("Submit button not found");
    }

    const refreshBtn = document.getElementById('refreshBtn');
    if (refreshBtn) {
        refreshBtn.addEventListener('click', function() {
            location.reload();
        });
    }

    const clearCacheBtn = document.getElementById('clearCacheBtn');
    if (clearCacheBtn) {
        clearCacheBtn.addEventListener('click', function() {
            if (window.caches) {
                caches.keys().then(function(names) {
                    for (let name of names)
                        caches.delete(name);
                });
            }
            location.reload(true);
        });
    }
});




├── php


// db_connection.php
<?php
try {
    // Use a full path to your SQLite database file
    $dbPath = $_SERVER['DOCUMENT_ROOT'] . "/ai/database/aiandme.db";
    $pdo = new PDO("sqlite:" . $dbPath);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    // Uncomment the line below for debugging
    // echo 'Connected to the SQLite database successfully!';
} catch(PDOException $e) {
    echo "Connection failed: " . $e->getMessage();
}
?>

// fetch_records.php
<?php
try {
    // Database connection (using PDO for SQLite)
    $pdo = new PDO("sqlite:" . "C:\xampp\htdocs\_my_project\database\aiandme.db");
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    // SQL query to select records
    $query = "SELECT first_name, last_name, email, notes FROM users";

    // Prepare and execute the statement
    $stmt = $pdo->prepare($query);
    $stmt->execute();

    // Fetch all records as associative array
    $records = $stmt->fetchAll(PDO::FETCH_ASSOC);

    // Return records as JSON for javascript processing
    echo json_encode($records);

} catch(PDOException $e) {
    // Error handling
    echo json_encode(['error' => $e->getMessage()]);
}
?>

// save_data.php
<?php
// File: save_data.php

// Database connection details
$dbPath = __DIR__ . '/../database/aiandme.db'; // Adjust the path as needed

// Set the content type to JSON
header('Content-Type: application/json');

error_log("Attempting to save data");

try {
    $pdo = new PDO("sqlite:$dbPath");
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    // Get the data from the POST request
    $name = $_POST['name'] ?? '';
    $email = $_POST['email'] ?? '';
    $notes = $_POST['notes'] ?? '';

    // Prepare SQL and bind parameters
    $stmt = $pdo->prepare("INSERT INTO users (name, email, notes) VALUES (:name, :email, :notes)");
    $stmt->bindParam(':name', $name);
    $stmt->bindParam(':email', $email);
    $stmt->bindParam(':notes', $notes);

    // Execute the prepared statement
    $stmt->execute();

    error_log("Data saved successfully");
    echo json_encode(['status' => 'success', 'message' => 'Data saved successfully']);
} catch(PDOException $e) {
    error_log("Error saving data: " . $e->getMessage());
    echo json_encode(['status' => 'error', 'message' => $e->getMessage()]);
}
?>

// submit.php
<?php
// Database connection
$servername = "localhost"; // Change if necessary
$username = "your_username"; // Your database username
$password = "your_password"; // Your database password
$dbname = "your_database"; // Your database name

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);

// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

// Get data from POST request
$firstName = $_POST['firstName'];
$lastName = $_POST['lastName'];
$email = $_POST['email'];
$notes = $_POST['notes'];

// Prepare and bind
$stmt = $conn->prepare("INSERT INTO users (first_name, last_name, email, notes) VALUES (?, ?, ?, ?)");
$stmt->bind_param("ssss", $firstName, $lastName, $email, $notes);

// Execute the statement
if ($stmt->execute()) {
    echo json_encode(["success" => true]);
} else {
    echo json_encode(["success" => false, "error" => $stmt->error]);
}

// Close connections
$stmt->close();
$conn->close();
?>

// test_connection.php
<?php
require_once 'db_connection.php';

echo "If you see this message without any errors, the database connection is working.<br>";

// Add this new code to test a simple query
try {
    $result = $pdo->query("SELECT 1");
    if ($result !== false) {
        echo "Query executed successfully. Full database functionality confirmed.";
    } else {
        echo "Error executing query. Connection established but query failed.";
    }
} catch(PDOException $e) {
    echo "Query error: " . $e->getMessage();
}
?>



In topic " UI builder With perplexity using UI Builder IDE"

UI Builder Project Using the IDE of UI Builder 8/20/25
I asked ui builder to present a general outline of what we're going to try to accomplish next.

General Outline of Our Current Goal and Approach
Goal: (ck)

Build a functional, extensible web-based IDE interface that:

    Loads and manages user projects from a configurable project directory.

    Displays project files and folders dynamically.

    Allows users to open and edit files with a powerful embedded code editor (like CodeMirror).

    Shows UI components for the project in a palette for design and drag-drop functionality.

    Operates smoothly both locally and remotely, with offline capabilities.

Approach:

    Backend API Server:

        Implement a simple, lightweight REST API service (recommended tech: Node.js or Python Flask, or PHP if preferred).

        API functions:

            List available projects in the configured root directory.

            List contents of selected project subdirectories (JS files, images, code files, etc.).

            Fetch contents of individual files (to load in code editor).

        API responds with JSON formatted data for easy frontend consumption.

    Frontend IDE UI:

        Use native UI builder framework components for dialogs, trees, lists, and panels.

        Build a project/file explorer UI that calls backend APIs to dynamically list projects and files.

        embed a code editor panel using CodeMirror (fully working offline with local files included).

        Populate component palette dynamically based on the loaded project’s files.

        Provide UI controls to toggle between design view and code view.

    Configurable Projects Root:

        Allow users to set or change the base path for projects via IDE settings UI.

        Use this path on backend API to serve relevant project data.

    Incremental Development Strategy:

        Step 1: Build and test backend API endpoints for project & file listing.

        Step 2: Integrate frontend UI for project and file browsing using existing controls.

        Step 3: Implement file loading into CodeMirror editor and basic editing.

        Step 4: Enhance palette, design view, saving functionality, etc.

This framework gives you a modern, flexible, and maintainable IDE platform while maximizing use of your existing UI builder components and minimizing external dependencies.



In topic "UI builder With perplexity"

8/20/25

I might come back to this later. In the mean time I'm going to work on the UI builder version which seems to be more functional than this one At the moment. remote version

C:xampphtdocsvb3VisualJSprojectsbuilder_my_try1.


The project files are here: http://localhost/_perplex_clone/another.clone/elmo.html

I put a bookmark here in the browser HTML with everything inside true components perplexity

OK so this is the project where we change gears and we put all of the true web components inside this one HTML file to get it to work correctly. We seemed to be having difficulties moving forward when it comes to implementing the code our last issue was the horizontal bar that allows me to move up and down on the left side of the panel between where you load the files and where the components are chosen. It seemed after a while we get to a point where we just stop making progress and this is one of those.

Perplexities sent me a new HTML fully supposedly repaired. I'm pasting it down below. This is what complexity told me as he printed out my new HTML in whole.

Here is the complete, self-contained single HTML file with all components, styles, and fixed splitter behavior integrated, giving you a clean fresh starting point for your IDE-like web app prototype:
Still didn't fix the problem
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>IDE Prototype - Single File</title>
  <style>
    /* Basic Reset and layout */
    * {
      box-sizing: border-box;
    }
    body, html {
      margin: 0; padding: 0; height: 100%;
      font-family: Arial, sans-serif;
      overflow: hidden;
      background: #D0E4FA;
      color: #222;
      user-select: none;
    }
    #app {
      display: flex;
      flex-direction: column;
      height: 100vh;
      width: 100vw;
    }
    app-menu-bar {
      display: block;
      flex-shrink: 0;
      height: 35px;
    }
    /* Button panel below menu bar */
    #buttonPanel {
      background: #e0e0e0;
      padding: 8px;
      border-bottom: 1px solid #bbb;
      display: flex;
      align-items: center;
      gap: 10px;
      user-select: none;
      height: 40px;
      flex-shrink: 0;
    }
    #buttonPanel button {
      padding: 5px 10px;
      font-size: 14px;
      border: 1px solid #999;
      background-color: white;
      border-radius: 4px;
      cursor: pointer;
      transition: background-color 0.2s ease;
    }
    #buttonPanel button:hover {
      background-color: #d0d0d0;
    }
    /* Content container */
    .content {
      display: flex;
      flex: 1;
      height: calc(100vh - 75px); /* subtract menu + button panel */
      overflow: hidden;
      background: #fafafa;
    }
    /* Side panels */
    .side-panel {
      background: #D0E4FA;
      border: 1px solid #bbb;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      min-width: 280px;
      max-width: 600px;
      user-select: none;
      transition: width 0.3s ease;
      position: relative;
    }
    .side-panel.collapsed {
      width: 24px !important;
      min-width: 24px !important;
      max-width: 24px !important;
      overflow: hidden;
    }
    .left-panel {
      border-right: none;
      width: 300px;
      min-width: 24px;
      max-width: 600px;
      position: relative;
    }
    .right-panel {
      border-left: none;
      width: 240px;
      min-width: 24px;
      max-width: 600px;
      padding: 10px;
      box-sizing: border-box;
      position: relative;
    }
    /* Collapse buttons */
    .collapse-button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      height: 48px;
      width: 24px;
      background: #b3d1fa;
      border: 1px solid #999;
      color: #0a53d0;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      user-select: none;
      border-radius: 0 4px 4px 0;
      flex-shrink: 0;
      z-index: 10;
      box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    }
    .collapse-left {
      right: 0;
      left: auto;
      border-radius: 0 4px 4px 0;
    }
    .collapse-right {
      left: 0;
      right: auto;
      border-radius: 4px 0 0 4px;
    }
    /* Resizers between panels */
    #resizerLeft, #resizerRight {
      width: 6px;
      cursor: ew-resize;
      background: #aaa;
      position: relative;
      user-select: none;
      flex-shrink: 0;
      transition: background-color 0.2s ease;
    }
    #resizerLeft:hover, #resizerRight:hover {
      background: #555;
    }
    /* Main panel */
    .main-panel {
      flex: 1;
      background: white;
      padding: 20px;
      overflow-y: auto;
    }
    /* Tabs container */
    .tabs-container {
      display: flex;
      flex-direction: column;
      flex: 1;
      min-height: 0;
      overflow: hidden;
      user-select: none;
    }
    /* Tabs header */
    .tabs-header {
      display: flex;
      height: 35px;
      border-bottom: 1px solid #bbb;
      background: #D0E4FA;
      user-select: none;
    }
    .tab-button {
      padding: 8px 20px;
      cursor: pointer;
      border: none;
      background: #D0E4FA;
      font-weight: normal;
      font-size: 14px;
      border-bottom: 3px solid transparent;
      outline: none;
      user-select: none;
      white-space: nowrap;
      transition: background-color 0.3s, border-bottom-color 0.3s;
    }
    .tab-button:hover {
      background-color: #B0D1FA;
    }
    .tab-button.active {
      background-color: white;
      border-bottom-color: #0a53d0;
      font-weight: bold;
      color: #0a53d0;
    }
    /* Tab panels container */
    .tab-panels {
      flex: 1;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      min-height: 0;
      position: relative;
    }
    /* Individual tab panel */
    .tab-panel {
      flex: 1;
      overflow: auto;
      min-height: 60px;
    }
    /* Component selector container */
    .component-selector-container {
      min-height: 60px;
      background: #d0e4fa;
      padding: 8px 10px;
      overflow-y: auto;
      box-sizing: border-box;
      font-size: 14px;
      user-select: none;
      transition: height 0.2s;
    }
    .component-selector-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .component-selector-list li {
      padding: 6px 10px;
      margin-bottom: 3px;
      background: white;
      border-radius: 4px;
      cursor: pointer;
      border: 1px solid #bbb;
      user-select: none;
      transition: background-color 0.2s ease;
    }
    .component-selector-list li:hover {
      background-color: #b3d1fa;
      color: #0a53d0;
    }
    /* Horizontal splitter inside left panel */
    #dragSplitter {
      height: 6px;
      background: #888;
      cursor: ns-resize;
      user-select: none;
      transition: background-color 0.15s ease;
      flex-shrink: 0;
    }
    #dragSplitter:hover {
      background-color: #555;
    }
  </style>
</head>
<body>
  <div id="app">
    <app-menu-bar></app-menu-bar>
    <div id="buttonPanel" role="toolbar" aria-label="Layout controls">
      <button type="button" aria-label="Add Component">Add Component</button>
      <button type="button" aria-label="Remove Component">Remove Component</button>
      <button type="button" aria-label="Undo">Undo</button>
      <button type="button" aria-label="Redo">Redo</button>
    </div>
    <div class="content">
      <!-- LEFT PANEL -->
      <aside class="side-panel left-panel" id="leftPanel">
        <div class="tabs-container">
          <div class="tabs-header" role="tablist" aria-label="Left Panel Tabs">
            <button class="tab-button" id="tabPages" aria-selected="false" role="tab" aria-controls="panelPages" tabindex="-1">Pages</button>
            <button class="tab-button active" id="tabProject" aria-selected="true" role="tab" aria-controls="panelProject" tabindex="0">Project</button>
          </div>
          <div class="tab-panels">
            <section class="tab-panel" id="panelPages" role="tabpanel" aria-labelledby="tabPages" tabindex="0" hidden>
              <p>Pages content here...</p>
            </section>
            <section class="tab-panel active" id="panelProject" role="tabpanel" aria-labelledby="tabProject" tabindex="0">
              <app-tree-view></app-tree-view>
            </section>
            <div id="dragSplitter"></div>
            <div class="component-selector-container" role="region" aria-label="Component Selector">
              <ul class="component-selector-list" id="componentSelectorList">
                <li tabindex="0">Binder</li>
                <li tabindex="0">Timer</li>
                <li tabindex="0">Anim Binder</li>
                <li tabindex="0">style Box</li>
                <li tabindex="0">Data Binder</li>
                <li tabindex="0">Message Service</li>
                <li tabindex="0">Web Api Caller</li>
                <li tabindex="0">MQTT</li>
                <li tabindex="0">HTML Element</li>
                <li tabindex="0">Span Element</li>
                <li tabindex="0">Icon Element</li>
                <li tabindex="0">link</li>
                <li tabindex="0">Flash</li>
                <li tabindex="0">Audio</li>
                <li tabindex="0">Video</li>
                <li tabindex="0">Form Layout</li>
                <li tabindex="0">Image</li>
                <li tabindex="0">Build Setting</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="collapse-button collapse-left" id="collapseLeftBtn" title="Toggle Left Panel">◀</div>
      </aside>
      <!-- Resizer between left panel and main panel -->
      <div id="resizerLeft"></div>
      <!-- MAIN PANEL -->
      <main class="main-panel" tabindex="0" role="main" aria-label="Main content area">
        <h1>Main Content Area</h1>
        <p>Click on components on the left to display details here.</p>
      </main>
      <!-- Resizer between main panel and right panel -->
      <div id="resizerRight"></div>
      <!-- RIGHT PANEL -->
      <aside class="side-panel right-panel" id="rightPanel">
        <h3>Right Panel</h3>
        <p>Additional UI components or information.</p>
        <div class="collapse-button collapse-right" id="collapseRightBtn" title="Toggle Right Panel">▶</div>
      </aside>
    </div>
  </div>
  <script>
    // Tabs switching
    const tabs = document.querySelectorAll('.tab-button');
    const panels = document.querySelectorAll('.tab-panel');
    tabs.forEach(tab => {
      tab.addEventListener('click', () => {
        tabs.forEach(t => {
          t.classList.remove('active');
          t.setAttribute('aria-selected', 'false');
          t.setAttribute('tabindex', '-1');
        });
        tab.classList.add('active');
        tab.setAttribute('aria-selected', 'true');
        tab.setAttribute('tabindex', '0');
        panels.forEach(panel => {
          panel.hidden = true;
          panel.classList.remove('active');
        });
        const panel = document.getElementById(tab.getAttribute('aria-controls') || tab.id.replace('tab','panel'));
        panel.hidden = false;
        panel.classList.add('active');
        panel.focus();
      });
    });
    window.addEventListener('DOMContentLoaded', () => {
      document.getElementById('tabProject').click();
    });

    // Collapse buttons
    const leftPanel = document.getElementById('leftPanel');
    const rightPanel = document.getElementById('rightPanel');
    const collapseLeftBtn = document.getElementById('collapseLeftBtn');
    const collapseRightBtn = document.getElementById('collapseRightBtn');
    collapseLeftBtn.addEventListener('click', () => {
      leftPanel.classList.toggle('collapsed');
      collapseLeftBtn.innerHTML = leftPanel.classList.contains('collapsed') ? '▶' : '◀';
    });
    collapseRightBtn.addEventListener('click', () => {
      rightPanel.classList.toggle('collapsed');
      collapseRightBtn.innerHTML = rightPanel.classList.contains('collapsed') ? '◀' : '▶';
    });

    // Component selector click
    const componentList = document.getElementById('componentSelectorList');
    const mainPanel = document.querySelector('.main-panel');
    componentList.addEventListener('click', ev => {
      if (ev.target.tagName === 'LI') {
        const componentName = ev.target.textContent;
        mainPanel.innerHTML = '<h2>Selected Component: ' + componentName + '</h2><p>Details for ' + componentName + '.</p>';
      }
    });
    componentList.addEventListener('keydown', ev => {
      const current = ev.target;
      if (current.tagName === 'LI') {
        if (ev.key === 'ArrowDown') {
          ev.preventDefault();
          const next = current.nextElementSibling || componentList.firstElementChild;
          next.focus();
        } else if (ev.key === 'ArrowUp') {
          ev.preventDefault();
          const prev = current.previousElementSibling || componentList.lastElementChild;
          prev.focus();
        } else if (ev.key === 'Enter' || ev.key === ' ') {
          ev.preventDefault();
          current.click();
        }
      }
    });

    // === Horizontal splitter in left panel (fixed robust version) ===
    window.addEventListener('DOMContentLoaded', () => {
      const splitter = document.getElementById('dragSplitter');
      const topPanel = document.getElementById('panelProject');
      const bottomPanel = document.querySelector('.component-selector-container');
      const container = splitter.closest('.tab-panels');
      let isDragging = false;
      let startY = 0;
      let startTopHeight = 0;
      let totalAvailable = 0;

      splitter.addEventListener('mousedown', (e) => {
        isDragging = true;
        startY = e.clientY;
        startTopHeight = topPanel.offsetHeight;
        // Calculate available height once per drag
        const panelsRect = container.getBoundingClientRect();
        totalAvailable = panelsRect.height - splitter.offsetHeight;
        document.body.style.cursor = 'ns-resize';
        document.body.style.userSelect = 'none';
      });

      document.addEventListener('mousemove', (e) => {
        if (!isDragging) return;
        let delta = e.clientY - startY;
        let newTopHeight = startTopHeight + delta;
        const minTop = 80, minBottom = 80;
        newTopHeight = Math.max(minTop, Math.min(newTopHeight, totalAvailable - minBottom));
        topPanel.style.flexGrow = '0';
        topPanel.style.height = newTopHeight + 'px';
        bottomPanel.style.flexGrow = '0';
        bottomPanel.style.height = (totalAvailable - newTopHeight) + 'px';
      });

      document.addEventListener('mouseup', () => {
        if (isDragging) {
          isDragging = false;
          document.body.style.cursor = '';
          document.body.style.userSelect = '';
        }
      });

      // Optionally: set initial heights on load
      window.requestAnimationframe(() => {
        const panelsRect = container.getBoundingClientRect();
        const total = panelsRect.height - splitter.offsetHeight;
        topPanel.style.height = `${Math.round(total * 0.6)}px`;
        bottomPanel.style.height = `${Math.round(total * 0.4)}px`;
      });
    });
  </script>
  <!-- app-menu-bar web component code -->
  <script>
    class AppMenuBar extends HTMLElement {
      constructor() {
        super();
        this.attachShadow({ mode: 'open' });
        this.shadowRoot.innerHTML = `
          <style>
            :host {
              display: block;
              background: #D0E4FA;
              color: #333;
              height: 35px;
              font-family: Arial, sans-serif;
              box-sizing: border-box;
              user-select: none;
            }
            nav {
              height: 100%;
              display: flex;
              align-items: center;
              padding: 0 1em;
            }
            .menu-item {
              margin-right: 1.5em;
              position: relative;
              cursor: pointer;
              font-weight: 600;
            }
            .menu-item:hover {
              color: #0a53d0;
            }
          </style>
          <nav>
            <div class="menu-item">Project</div>
            <div class="menu-item">Build</div>
            <div class="menu-item">Tools</div>
            <div class="menu-item">Help</div>
          </nav>
        `;
      }
    }
    customElements.define('app-menu-bar', AppMenuBar);
  </script>
  <!-- app-tree-view web component code -->
  <script>
    class AppTreeView extends HTMLElement {
      constructor() {
        super();
        this.attachShadow({ mode: 'open' });
        this.shadowRoot.innerHTML = `
          <style>
            :host {
              display: block;
              width: 100%;
              height: 100%;
              overflow: auto;
              border: 1px solid #ccc;
              background: white;
              font-family: Arial, sans-serif;
              box-sizing: border-box;
              user-select: none;
            }
            header {
              background: #f0f0f0;
              padding: 8px 10px;
              font-weight: bold;
              border-bottom: 1px solid #ccc;
            }
            ul {
              list-style: none;
              margin: 0;
              padding-left: 20px;
            }
            li {
              cursor: pointer;
              padding-left: 20px;
              line-height: 1.5em;
              position: relative;
            }
            li.folder::before {
              content: "▶";
              position: absolute;
              left: 0;
              top: 3px;
              font-size: 0.9em;
              transform-origin: center;
              transition: transform 0.2s ease;
            }
            li.folder.expanded::before {
              transform: rotate(90deg);
            }
          </style>
          <header>TreeView Demo</header>
          <ul id="tree"></ul>
        `;
        this.treeEl = this.shadowRoot.getElementById('tree');
      }
      connectedCallback() {
        this.items = [
          { id: 'folder1', caption: 'folder1', folder: true, children: null },
          { id: 'folder2', caption: 'folder2', folder: true, children: null },
          { id: 'file1', caption: 'file1', folder: false },
        ];
        this.renderTree(this.items, this.treeEl);
      }
      renderTree(items, container) {
        container.innerHTML = '';
        items.forEach(item => {
          const li = document.createElement('li');
          li.textContent = item.caption;
          li.dataset.id = item.id;
          if (item.folder) {
            li.classList.add('folder');
            li.classList.add('collapsed');
            li.addEventListener('click', async (e) => {
              e.stopPropagation();
              if (li.classList.contains('expanded')) {
                li.classList.remove('expanded');
                if (li.querySelector('ul')) li.removeChild(li.querySelector('ul'));
              } else {
                li.classList.add('expanded');
                if (!item.children) {
                  li.appendChild(this.createLoadingNode());
                  await this.loadChildren(item);
                  li.removeChild(li.querySelector('.loading'));
                }
                if (item.children && item.children.length > 0) {
                  const ul = document.createElement('ul');
                  this.renderTree(item.children, ul);
                  li.appendChild(ul);
                }
              }
            });
          } else {
            li.addEventListener('click', () => {
              alert(item.id + ' selected!');
            });
          }
          container.appendChild(li);
        });
      }
      createLoadingNode() {
        const loadingLi = document.createElement('li');
        loadingLi.textContent = 'Loading...';
        loadingLi.classList.add('loading');
        loadingLi.style.fontstyle = 'italic';
        return loadingLi;
      }
      async loadChildren(item) {
        return new Promise(resolve => {
          setTimeout(() => {
            item.children = [
              { id: item.id + '_1', caption: item.id + '_1', folder: true, children: null },
              { id: item.id + '_2', caption: item.id + '_2', folder: true, children: null },
              { id: item.id + '_3', caption: item.id + '_3', folder: false },
              { id: item.id + '_file1', caption: 'file_' + Math.random().toString(36).substr(2, 6), folder: false },
              { id: item.id + '_file2', caption: 'file_' + Math.random().toString(36).substr(2, 6), folder: false },
            ];
            resolve();
          }, 500);
        });
      }
    }
    customElements.define('app-tree-view', AppTreeView);
  </script>
</body>
</html>


8/18/25
So we are changing our approach since the components in the component sub directory the AI is finding it hard to position things exactly as I want them. But the AI seems to be able to place them easier if all the components are in one HTML file and he makes true web components on the fly and incorporates them inside the one HTML file.

This will also be easier to bring new sessions of the AI up to speed instead of having to send a bunch of individual files.

This file is gonna grow large and at some point I'm gonna have to get used to pasting things into the file instead of having the AI print this large html file out for me out the entire file cause it's gonna get resource intensive.

So the idea is to get this HTML file single file with all the components in it and all the CSS and all the junk that it needs in the javascript to make the basic interface to match as closely as the crossui ide as Possible. So this is where we are at the moment


8/17/25
Today we hooked up a settings.Ini file in order to load the components into the HTML browser. So far we were able to use this settings dot in I file to load in the Components for us into the HTML

<app-menu-bar></app-menu-bar>
<app-panel-toolbar></app-panel-toolbar>
<layout-panel></layout-panel> 


In topic "Ui builder instruction book summarized Perplex AI"

LINB 3.0 Cookbook – Getting Started Guide

(jsLinb + Visual JS framework for rich web application development)
Preface

    Introduces jsLinb, a cross-browser javascript framework for rich web applications.

    Visual JS: web-based UI builder tool (WYSIWYG, drag/drop, scripting like VB/Delphi).

    Key features: 40+ common UI controls, integrated code editor, broad backend support (PHP, .Net, Java, Python, static HTML), cross-browser compatibility (IE6+, Firefox, Chrome, Safari, Opera).

    Documentation includes Getting Started, Improved Tutorial, Advanced Tutorial.

Chapter 1: Preparation

    Download jsLinb 3.0 from Google Groups or SVN repository (TortoiseSVN recommended for source control).

    Extract package locally or access code directly from SVN.

    Some examples require Apache+PHP+MySQL backend; copy package to Apache web root (default assumed http://localhost/jsLinb/).

    Explore examples (/Examples/) and API documentation (/API/) in browser after setup.

Chapter 2: Hello World

    Setup project folders; create basic helloworld.html with jsLinb code.

    Three ways to render controls onto HTML nodes—recommended is new + property setters + renderOnto().

    Using Designer (simplified and advanced versions) to drag/drop TreeGrid and generate UI code.

    Splitting code for scalable applications: separate HTML from JS source.

    Code Editor features: class outline for navigation, code folding, three modes of code Intellisense, automatic event generation for controls.

Chapter 3: Controls Facebook

    Extensive overview of UI controls: buttons, labels, inputs, lists, containers, dialogs, layouts, menus, trees, grids, and more.

    Key Input behaviors: UI value vs. control value, dirty mark indicator, mask input characters, validation including real-time dynamic validation, error marks and custom error tips.

    ComboInput supports pop-up lists, date/time/color/file pickers, and command buttons.

    Lists and RadioBoxes support item selection with event triggers.

    Containers (Group, Pane, Panel, Block) support nesting child controls.

    Dialog controls with normal, minimized, maximized, and modal modes.

    Layout and multi-page controls (Tabs, Stacks, ButtonViews) with dynamic page loading and control via APIs.

    Menus and toolbars for commands.

    TreeBar/TreeView with selection modes (none, single, multi), group items, expand/collapse behaviors, dynamic loading and destruction.

    TreeGrid: complex grid with headers, rows, sub-rows, multiple display and selection modes.

Chapter 3.13: TreeGrid Details

    Active Modes: none (non-active), row-active, cell-active appearances.

    Selection Modes: none, single/multi row, single/multi cell — selection appearance distinct from active appearance.

    TreeGrid example with hierarchical rows (parent with subrows).

    Columns: configuration of width, movable/resizable columns via drag & drop with prior rules.

    Sorting: default and custom sorting functions.

    Hide/show columns dynamically, customize column headers (style, icon).

    Rows: configure height, styles, row numbers (auto/custom), alternate colors, grouping, preview areas, dynamic updates.

    Cells: support many cell types—label, button, input, textarea, number, currency, progress bar, combo/list/lookup inputs, date/time/color pickers, command/pop boxes.

    Cell styles and dynamic updating.

    Editable states controlled with fine-grained priorities at grid, row, column, cell level; cell editors vary by type (textbox, combobox, date picker, etc.).

    Add/remove rows dynamically.

Chapter 3.14: Other Controls

    ProgressBar with customizable captions.

    Slider, Image, PageBar controls.

Chapter 4: Data Exchanging (Ajax)

    jsLinb is client-side agnostic—works with any backend.

    AJAX wrappers:

        linb.Ajax: xmlHTTPRequest wrapper (same domain, sync/async, get/post, string response).

        linb.SAjax: script tag injection (cross-domain, async only, no POST, returns JS object).

        linb.IAjax: iframe-based (cross-domain, async, get/post, file upload support, returns JS object).

    Automatic selection of AJAX method based on context.

    Using Fiddler for HTTP request debugging recommended.

    File upload supported via linb.UI.IAjax (upload input type).

    Provides request wrapper code example and xml to JSON converter linb.xml.

    Full example included.

Chapter 5: Distributed UI

    For large apps, infrequently used UI modules can be loaded separately (local or remote).

    Using linb.Com and linb.ComFactory for managing distributed UI components and dynamic loading.

    Configuring ComFactory in a config file, loading classes by name, caching singleton instances.

    UI.Tag for automatic child component management.

    Manual component destruction and memory cache clearing.

Chapter 6: Fundamentals

    Popup Windows: alert, confirm, prompt, and custom pop windows.

    Async Execution: wrappers asyRun and resetRun for timed asynchronous calls.

    Skin Switching: three built-in themes (default, vista, aqua) with API to switch globally or per control; supports adding custom skins by copying/modifying skin folders.

    Locale Switching example provided.

    DOM Manipulation via linb.Dom: create/remove nodes, manage attributes and CSS classes, manage events with groups (before, on, after), class name management utilities.

    Drag&Drop: detailed profile object configuration (drag type, shadows, magnetic lines, increments, restricted regions), event handlers for drag lifecycle.

    linb.Template: independent UI wrapper example, creating custom controls via template system.

    Debugging: debug builds, Firebug/DevTools usage, linb.log monitor tool.

Chapter 7: Typical Issues

    Advanced layout examples: docking, linb.UI.Layout, relative layout.

    Drag&Drop issues and solutions, including control dragging among containers.

    List sorting examples.

    Forms: form creation using DataBinder for data-binding and validation; example form with labels, inputs, combo inputs, checkbox, submit handler with validation.

    Custom UI styles: fine-grained CSS style overrides for single instances, per-class styles, global skins with incremental customization of images and CSS.

This summary condenses the entire 138-page tutorial contents into major concepts and actionable points for quick reference and learning.


This is part one

This is the entire text version of the limb visual builder 3 text file. I have to paste it in two parts to keep the size under 50,000 bytes. So I need to do it in two parts this is part one.

LINB3.0 Cookbook - Getting Started Guide
linb 2010-7-21 All rights reserved.
Preface 7
Chapter 1. Preparation 8
1.1. Download the package 8
1.2. The package folder 8
1.3. Glance at examples and API 9
Chapter 2. Hello World 10
2.1. The first application 10
2.2. Render onto a html node 11
2.3. Do it in Designer 12
2.4. Application loading process 17
2.5. Code Editor 19
2.5.1. Highlight code from Outline window 20
2.5.2. Code Folding 20
2.5.3. Code Intellisense 20
2.5.3.1. When context doesn't recognize the input string 21
2.5.3.2. Type dot after a recognizable variable 22
2.5.3.3. When use shortcut [Alt+1 ], or dbclick 23
2.5.4. Find the object definition code 23
2.5.5. Generate event code automatically 24
Chapter 3. Controls Facebook 25
3.1. script testing environment 25
3.2. "Hello world" in env.html 26
3.3. Control creation and runtime update 27
3.4. Button related 27
3.4.1. onclick event 28
3.4.2. Boolean Controls 29
3.4.3. link Control 29
3.5. Label related 30
3.6. Input related 30
3.6.1. setValue/setValue/getUIValue/setUIValue 30
3.6.2. Dirty Mark 31
3.6.3. Password Input 31
3.6.4. Multi-lines 32
3.6.5. Input validation 32
3.6.5.1. valueFormat property 32
3.6.5.2. beforeFormatCheck event 33
3.6.6. Dynamic input validation 33
3.6.7. Error Mark 33

3.6.7.1. Default Error Mark 33
3.6.7.2. Validation Tips 34
3.6.7.3. Binding Validation 34
3.6.7.4. Custom Error Mark 34
3.6.8. Mask Input 35
3.6.9. linb.UI.ComboInput 36
3.6.9.1. Pop list for selection 36
3.6.9.2. combobox, listbox and helpinput 36
3.6.9.3. Date Piker 37
3.6.9.4. Time Picker 38
3.6.9.5. Color Picker 38
3.6.9.6. File Picker 39
3.6.9.7. Getter 39
3.6.9.8. Custom Pop Window 40
3.6.9.9. Command Buttons 41
3.6.10. RichEditor 41
3.7. List related 42
3.7.1. A Simple one 42
3.7.2. A little bit complicated 43
3.7.3. RadioBox 44
3.7.4. IconList and Gallery 44
3.7.5. Item selection 45
3.7.6. Container related 45
3.7.7. Pane and Panel 46
3.7.8. Block 47
3.8. Dialog related 47
3.8.1. Normal state 47
3.8.2. Min and Max status 48
3.8.3. Modal Mode 49
3.9. Layout Control 50
3.10. Multi-pages Controls 51
3.10.1. noPanel property 52
3.10.2. ButtonViews types 53
3.10.3. Page selection. 53
3.10.4. Pages 54
3.10.4.1. Close and options Button 54
3.10.4.2. Add/Remove Pages 56
3.10.5. Dynamic content loading 57
3.10.5.1. onIniPanelView 57
3.10.5.2. beforeUIValueSet/afterUIValueSet 57
3.11. Menus and toolbars 58
3.11.1. Pop Menu 58
3.11.2. MenuBar 59
3.11.3. Toolbars 60
3.12. TreeBar and TreeView 61
3.12.1. Three selection mode 61
3.12.1.1. No-selection 61
3.12.1.2. Single-selection 62
3.12.1.3. Multi-selection 62
3.12.2. Group Item 63
3.12.3. Expand all nodes by default 63
3.12.4. Mutex Expand 64
3.12.5. Dynamic Destruction 65
3.12.6. Dynamically loading 65
3.13. TreeGrid 66
3.13.1. Header and Rows 66
3.13.1.1. Sets standard format 67
3.13.1.2. Sets simplified format 67
3.13.2. getHeader 67
3.13.3. getRows 68
3.13.4. Active Modes 69
3.13.4.1. non-active appearance 70
3.13.4.2. row-active appearance 70
3.13.4.3. cell-active appearance 71
3.13.5. Selection Mode 71
3.13.5.1. Non-selection 71
3.13.5.2. Single row selection 72
3.13.5.3. Multi-row selection 73
3.13.5.4. Single cell selection 73
3.13.5.5. Multi-cells selection 73
3.13.6. The Tree Grid 74
3.13.7. Column config 75
3.13.7.1. The first column 75
3.13.7.2. Column width. 76
3.13.7.3. Drag&Drop to modify column width 76
3.13.7.4. Drag&Drop to modify column position 77
3.13.7.5. Default Sorting 77
3.13.7.6. Custom Sorting 78
3.13.7.7. Hide columns 78
3.13.7.8. Setting Cell Types in column header 79
3.13.7.9. column header style 79
3.13.7.10. column header icon 80
3.13.7.11. Update column header dynamically 81
3.13.8. Row config 81
3.13.8.1. Row height 81
3.13.8.2. Drag&Drop to modify row height 82
3.13.8.3. Setting cell type in row 82
3.13.8.4. Row style 83
3.13.8.5. Row numbers 83
3.13.8.6. Custom row numbers 84
3.13.8.7. Alternate Row Colors 85
3.13.8.8. Group 85
3.13.8.9. Preview and Summary region 86
3.13.8.10. Update row dynamically 87
3.13.9. Cell config. 88
3.13.9.1. Cell types 88
3.13.9.2. Cell style 89
3.13.9.3. Update cell dynamically. 90
3.13.10. Editable 90
3.13.10.1. Editable TreeGrid 91
3.13.10.2. Editable column 91
3.13.10.3. Editable row 92
3.13.10.4. Editable cell 92
3.13.10.5. The Editor 93
3.13.10.6. Custom the editor 94
3.13.11. Add/Remove rows 95
3.14. Other standard controls 96
3.14.1. ProgressBar 96
3.14.2. Slider 97
3.14.3. Image 98
3.14.4. PageBar 98
Chapter 4. Data exchanging(Ajax) 99
4.1. Fiddler 100
4.2. To get the contents of the file 100
4.3. Synchronous data exchange 100
4.4. Cross-domain 101
4.4.1. To monitor SAjax 101
4.4.2. To monitor IAjax 102
4.5. File Upload 103
4.5.1. Selecting upload file with ComboInput 103
4.5.2. Upload by IAjax 104
4.6. A request wrapper for real application 104
4.7. xml Data 105
4.8. An overall example 106
Chapter 5. Distributed UI 107
5.1. Shows dialog from a remote file 107
5.2. linb.Com and linb.ComFactory. 108
5.2.1. linb.ComFactory config 108
5.2.2. linb.Com.Load 109
5.2.3. newCom and getCom 110
5.2.4. linb.UI.Tag 111
5.2.5. Destroy com 111
5.2.6. If com exists in memory 111
Chapter 6. Some fundamental things 112
6.1. Pop-up window 112
6.1.1. alert window 112
6.1.2. confirm window 112
6.1.3. prompt window 113
6.1.4. pop window 113
6.2. Asynchronous execution 113
6.2.1. asyRun 113
6.2.2. resetRun 114
6.3. Skin switcher 114
6.3.1. Switch skin for whole application 114
6.3.2. Change skin for a single control 114
6.4. Locale switcher 115
6.5. DOM Manipulation. 115
6.5.1. Node generation and insertion 116
6.5.2. Attributes and CSS 116
6.5.3. className 117
6.5.4. Dom events 117
6.5.5. Node Drag&Drop. 118
6.5.5.1. Drag&Drop profile 119
6.5.5.2. Events in Drag&Drop 120
6.6. linb.Template 121
6.6.1. example 1 121
6.6.2. example 2 122
6.6.3. A SButton based on linb.Template 123
6.7. About Debugging 124
6.7.1. The code package for debugging 124
6.7.2. Debugging Tools 124
6.7.3. jsLinb Monitor Tools 125
Chapter 7. Some typical issues 126
7.1. Layout 126
7.1.1. Docking 126
7.1.2. linb.UI.Layout 126
7.1.3. Relative Layout 127
7.2. UI Control's Drag&Drop 129
7.2.1. Drag&Drop control among containers 129
7.2.2. List sorting 1 129
7.2.3. List sorting 2 130
7.3. Form 131
7.3.1. Form 1 131
7.3.2. DataBinder 132
7.4. Custom UI styles 133
7.4.1. Custom only one instance only - 1 133
7.4.2. Custom only one instance only - 2 134
7.4.3. Custom only one instance only - 3 134
7.4.4. Custom only one instance only - 4 134
7.4.5. Custom only one instance only - 5 135
7.4.6. Custom only one instance only - 6 135
7.4.7. Custom style for an UI Class 136
7.4.8. Custom style for all UI Class - skin 136
7.4.8.1. First: Copy 136
7.4.8.2. Second: Little by little, modify pictures and CSS 137
The end 138

Preface

"jsLinb" is a Cross-Browser javascript framework with cutting-edge functionality for rich web application. And "Visual JS" is a web based tool for AJAX RIA application UI rapid design and involved scripts programming. With this powerful builder, developers can build your web application just like what you do in VB or Delphi.

Features & Resource

1. WYSIWYG GUI builder. Do everything by drag & drop. Significant development time reduction.
2. Source code editor Integrated (Code Intellisense, Code folding, Syntax Check and Undo/Redo).
3. More than 40 common components, including Tabs, Dialog, TreeGrid, TimeLine and many other web GUI components.
4. Rich client-side API, works with any backend (php, .Net, Java, python) or static HTML pages. Extremely easily to build php application with php server side wrappers.
5. Wide cross-browser compatibility, IE6+, firefox1.5+, opera9+, safari3+ and Google Chrome.
6. Detailed Manual and Full API Documentation with tons of samples. Ever increasing code snippets.
7. Compatible with jquery, prototype, mootools and other frameworks.
8. Dual licenses - Commercial License and LGPL license both available.

Cookbooks are expected to include three parts: Getting Started Guide, Improved Tutorial, and Advanced Tutorial.

This tutorial is the first part: Getting Started Guide. Go to http://www.linb.net for the latest information.
If you have any good suggestions, you can contact me at linb.net [at] gmail.com

Chapter 1. Preparation

First of all, note that all instances of this tutorial are based on version 3.0. Therefore, our first task is to download the 3.0 release package, and to establish the local environment.

1.1. Download the package

3.0 Release package can be downloaded from http://groups.google.com/group/linb/files. It's the latest stable 3.0 version, but not the latest code. I suggest you get the latest 3.0 code from SNV. For those who are not familiar with SNV, should learn how to use SNV first. After all, a lot of open-source projects use SNV to manage code.  SNV requires a client program to connect to what is called a "repository" where the files are stored. On commonly used SNV client is called TortoiseSNV, which is freely available. Other clients exist, but TortoiseSNV is recommended due to its simplicity of use.

3.0 version "repository" URL: http://linb.googlecode.com/svn/trunk/jsLinb3.0/ .

1.2. The package folder

If you downloaded package from google group, extract the package to a local folder. If you fetch the code from SVN, does not need to extract.

The contents of the package folder

By default, most of the examples in the package can be run in local disk directly, but a small number of examples need php background environment, or mysql database. In this case, you need to prepare

Apache server (version 2 and above), php (version 5 and above) and mysql (version 5 and above). At last, copy the package to apache web directory.

1.3. Glance at examples and API

If your Apach/php environment works well, after you copied the package folder to Apache's web directory (this tutorial assumes that your root directory is http://localhost/jsLinb/), you should be able to open the page with your browser: http://localhost/jsLinb/.

You can browse http://localhost/jsLinb/Examples/ for examples, and http://localhost/jsLinb/API/ for API.

A simple glance at API is strongly recommended. Learn about how to search a specific API, and how to run the inner code examples.

Chapter 2. Hello World

2.1. The first application

As many would expect or not expect, the first example is "Hello World".

Now, create a new folder "mycases" in the package folder (again, (this tutorial assumes that your root directory is http://localhost/jsLinb/), add a sub folder "chapter1" in it, and create a file named "helloworld.html" in "chapter1". Enter the following code:

cases/chapter1/helloworld.html

There is a cases folder in the package folder. You can find the source code for each example in this tutorial.

You can double-click the helloworld.htm1 to open the file.
Or open URL http://localhost/jsLinb/cases/chapter1/helloworld.html in your browser (firefox or chrome is recommended here). And you can see the following result:

You may have noticed, no lib CSS file was included in the html file. Yes, jsLinb generate CSS automatically, no lib CSS.
File "linb-all.js" contains all codes except several advanced controls (Button, Input, CombInput,

Tabs, TreeBar, and TreeGrid etc.). This file can be found in "runtime/js" folder.

2.2. Render onto a html node

"Replace an html node (such as a div) with an advanced control." A project manager said. "Our web page engineer is responsible to design an html file including a DIV with a unique ID, and javascript engineer is responsible to build an advanced UI control, and replace that DIV."

The following example in file chapter1/renderonto.html:

cases/chapter1/renderonto.html

The result is:

There are two ways to get the same result; codes were in renderonto2.html and renderonto3.html.

renderonto2.html :


linb.main(function(){
(new linb.UI.TreeGrid({ gridHandlerCaption:'grid', rowNumbered:true, header:['col 1','col 2','col 3'],

Gives properties directly

});

rows:[['a1','a2','a3'],['b1','b2','b3'],['c1','c2','c3'],
['d1','d2','d3'],['e1','e2','e3'],['f1','f2','f3']]
})).renderOnto('grid');

cases/chapter1/renderonto2.html

renderonto3.html :

cases/chapter1/renderonto3.html
These three approaches generated the same result. You can use any of those in your project according to your habits. But the first approach (using new and setXX) is recommended.

2.3. Do it in Designer

There are two types of designer in jsLinb: One is a simplified version, the other one is an advanced version integrated with document management features. The purposes of the two designers are to reduce development time on UI layout. We only use the simplified version in this introduction

tutorial.

Go to http://localhost/jsLinb/VisualJS/UIBuilder.html for the simplified one.

Now, we are trying to create the previous section's grid example in Designer.

1. Open the navigators group in "Tools Box", and drag the "TreeGrid" control to the Canvas area.

2. Click to select the "treegrid"

3. Sets this grid's properties according to the following picture.
* Sets dock to 'none';
* Sets rowNumbered to false;
* Sets gridHandlerCapion to 'gird'.

4. Sets header and rows

Sets header data

Sets rows data
5. Click to select the grid, adjust its position and size
6. Now, switch to "Code" view

Above code is serialized by Designer. Header data and rows data will not look the same as your setting.
7. Click "Run" Button to open the test window, you will see the same result with section 2.2.

8. Copy the code from this test page, and paste to a new file designer.grid.html.

cases/chapter1/designer.grid.html

2.4. Application loading process

In section 2.3, we put all html and javascript code in a single file. For a bigger application, it's not a wise solution. A real application may be include dozens of classes. For a developer, maintaining each class in a separate file is always a must.
OK. Let's separate "designer.grid.html" into two files --> designer.grid.standard.html, and

App/js/index.js.

designer.grid.standard.html is:

cases/chapter1/designer.grid.standard.html
App/js/index.js is:

cases/chapter1/App/js/index.js

When we open designer.grid.standard.html in Browser, the loading process will be:

2.5. Code Editor

By the way, in order to get better performance, firefox and chrome are recommended here.

There are two views in Builder: "Design view" and "Code" view. The default view is "Design view". Click "Code" tab to switch to "Code" view.

2.5.1. Highlight code from Outline window

"Class Outline" is located in the left side of "Code" view. By clicking any member or method name in "Class Outline", Builder will highlight its code in "Editor window", and scroll "Editor window" to show the code.

2.5.2. Code Folding

To make your code view more clear to read and understand, jsLinb Builder lets you fold certain parts of it. Click the left side "plus" or "minus" will fold or expand the block code.
Note: Due to the browser's poor performance on iframe, please try not to frequent collapse or expand the large body function or object. Chrome's performance is better than others.

2.5.3. Code Intellisense

Three types Code Intellisense are supported.
* When context does not recognize the input string;
* Type dot after a recognizable variable

* When use shortcut [Alt+1 ], or dbclick a recognizable variable

Keyboard actions for Code Intellisense pop Window:
* "up": Focus to next item in code list
* "down": Focus to previous item in code list
* "enter": Select the current focused item, and input to editor window
* "esc": Close the pop window
* Other visible chars: Find and focus the first matched item

2.5.3.1. When context doesn't recognize the input string

When you input a string, if editor doesn't recognize this string, it will pop a list window including local variables, global variables, global functions and javascript reserved keywords. In the below picture, type 't' will trigger editor to pop a list window, "this" is the default focused item.

If the input string is "fo", the "for loop statement" will be the default focused item.

In this case, "Enter" keypress will cause "for loop statement" code to be inserted into the editor automatically.

2.5.3.2. Type dot after a recognizable variable

After an editor recognizable variable, if you type char ".", editor will pop an available members and functions list for the variable.
Chainable methods can show Code Intellisense window too.

2.5.3.3. When use shortcut [Alt+1 ], or dbclick

When a variable was focused, press shortcut [Alt+1] will trigger editor to pop the Code Intellisense window. Double click this variable string will get the same result.

2.5.4. Find the object definition code

In "Design View", double click a control will cause:
1) Switch to "Code" view;
2) Highlight the control's definition code;
3) Scroll the definition code to view.

2.5.5. Generate event code automatically

In the "Design View", select a control; the right side "Component config" window will be refreshed. Find an event (e.g. onclick event), click its event button will cause:
1) Switch to "Code" view;
2) Create event code, and insert into the editor;
3) Scroll the event code to view.

Chapter 3. Controls Facebook

Many beginners are particularly interested in UI controls. In this chapter we'll give a rough look at the basic controls. Since each control has a lot of functions, here is a brief introduction, it is impossible to explain all the functions. You can browse API to understand the specific function of each control in detail!

3.1. script testing environment

At first, we have to build a testing environment for executing example codes . About Browsers, firefox is recommended, if it does not like firefox, ie8 or chrome is ok too.

For firefox:
1. You need firefox and firebug;
2. Open URL cases/env.html in firefox;
3. Open firebug console, switch to the multi-line mode

For IE8:
1. You need IE8;
2. Open URL cases/env.html ;
3. Open developer tools, switch to the multi-line mode

For IE8:
4. You need the latest Chrome;
5. Open URL cases/env.html ;
6. Open developer tools

There's a "Clear" button in cases/env.html, You can click this button to clean up the current page's DOM. In some cases, you want to clean up both DOM and memory, press 'F5' to refresh your browser.

3.2. "Hello world" in env.html

Inputs the following code into script window, and run it.

Output:

Click "Clear" button to clean the DOM.

3.3. Control creation and runtime update

There are three approaches to create jsLinb control.

// Approach 1 linb.create("SButton", {
caption: "Using linb.create function", position: "relative"}
).show();

// Approach 2
(new linb.UI.SButton({
caption: "Using new and key/value pairs", position: "relative"
})).show();

// Approach 3
(new linb.UI.SButton())
.setCaption("Using new and get/set")
.setPosition("relative")
.show();

We use new/setXX mode in Desinger

The above three approaches will create entirely consistent UI.

You can use setXXX function to update the control after it was rendered into DOM (runtime update).

3.4. Button related

This section relates to the following controls: linb.UI.link, linb.UI.SButton, linb.UI.Button, linb.UI.SCheckBox and linb.UI.CheckBox.

3.4.1. onclick event

var btn=new linb.UI.SButton(); btn.setCaption("Click Me")
.onclick(function(){ linb.alert("Hi","You are great!");

Sets caption

Adds onclick evnet

});
btn.show();

Output:

Input:

Output:

3.4.2. Boolean Controls

There are three controls can represent and modify Boolean value:
Input:

var btn= (new linb.UI.Button({position: "relative", caption:"Button", type:"status"})).show(); var scb= (new linb.UI.SCheckBox({position: "relative", caption:" SCheckBox"})).show(); var cb= (new linb.UI.CheckBox({position: "relative", caption:" CheckBox"})).show();

_.asyRun(function(){ btn.setValue(true,true); scb.setValue(true,true); cb.setValue(true,true);
},1000);

Output:

Sets position to 'relative'


Sets values to true after 1 second

3.4.3. link Control

You can take linb.UI.link as a simple button.

3.5. Label related

This section relates to the following controls: linb.UI.SLabel, linb.UI.Label and linb.UI.Div. These three controls can be used as "label", linb.UI.SLabel is the simplest one, but it's enough for most cases; If you need more complex feature like shadow, resizer or border, you should choose linb.UI.Label; Or if you want to input more complex html code in the control, linb.UI.Div is better. Input:
Output:

3.6. Input related

This section relates to the following controls: linb.UI.Input, linb.UI.ComboInput and linb.UI.RichEditor. linb.UI.ComboInput is an enhanced version of linb.UI.Input, it can input/edit value through a pop window; linb.UI.RichEditor is a rich text input/edit control.

3.6.1. setValue/setValue/getUIValue/setUIValue

From the users point of view, value controls (all derived from the linb.absValue control) in jsLinb has two values has two values: the "UI value"(getUIValue/setUIValue) and the "control value"(getValue/setValue).

"UI value" dose not always equal to "control value". For example, for an empty input control
1. Keyboard inputs "abc": "UI value" is "abc", "control value" is empty;
2. Calls "updateValue" function: "UI value" is "abc", "control value" is "abc";
3. Calls "setValue('bcd')": "UI value" is "bcd", "control value" is "bcd";
4. Calls "setUIValue('efg')": "UI value" is "efg'", "control value" is "bcd"
5. Calls "resetValue('x')": "UI value" is "x", "control value" is "x";

3.6.2. Dirty Mark

If the control's dirtyMark property is set to true, when "UI value" does not equal to "control value", a "Dirty Mark" will appear. The "Dirty Mark" will disappear when "UI value" equals to "control value".

var input = (new linb.UI.Input()).show();
_.asyRun(function(){ input.setUIValue('uivalue');
},1000);

Dirty Mark appears

_.asyRun(function(){ input.updateValue(); input.setDirtyMark (false);
},2000);
_.asyRun(function(){ input.setUIValue('uivalue 2');
},3000);

Dirty Mark disappears

If DirtyMark is disabled Nothing happen


3.6.3. Password Input

Sets Input's type property to "password".
Input:

Output:

3.6.4. Multi-lines

Sets Input's multiLine property to true.
Input:

Output:

3.6.5. Input validation

3.6.5.1. valueFormat property

"valueForamt" property represents a regular expression.

Input:

Executes the above code, inputs some charts, and let it lose the mouse focus, the "Error Mark" will appear.

3.6.5.2. beforeFormatCheck event

Input:

In above methods, "beforeFormatCheck" has priority. That means, when "beforeFormatCheck" returns 'false', "valueFormat" property will be ignored.

3.6.6. Dynamic input validation

In previous section examples, "Error Mark" appears only when the control loses focus. If you want to a real-time input validation , you need to set dynCheck property to true.

3.6.7. Error Mark

3.6.7.1. Default Error Mark

The default "Error Mark" is an icon at the right side of Input.

3.6.7.2. Validation Tips

There are three tool tips in linb.UI.Input control:
* tips: the default tool tips
* tipsOK: the valid tool tips
* tipsErr: the invalid tool tips
Input:

Output:
3.6.7.3. Binding Validation

You can bind the validation tips to a linb.UI.Div, linb.UI.SLabel or linb.UI.Span.
Input:

Output:
3.6.7.4. Custom Error Mark

We can custom "Error Mark" in beforeFormatMark event.
Input:
Output:

3.6.8. Mask Input

Mask Input examples:

In chapter2Inputindex.html

There is a mask property in linb.UI.Input control. It's a string. In this string,
* '~' represents [+-]
* '1' represents [0-9]
* 'a' represents [A-Za-z]
* 'u' represents [A-Z]
* 'l' represents [a-z]
* '*' represents [A-Za-z0-9]
* Other visible char represents itself
Input:

Output:

3.6.9. linb.UI.ComboInput

linb.UI.ComboInput is an advanced Input.


3.6.9.1. Pop list for selection

When type property was set to "combobox", "listbox" or "helpinput", click the command button will trigger to pop a list window for selection.

3.6.9.2. combobox, listbox and helpinput

There's an items property in linb.UI.ComboInput (And all list related controls have this property too). Usually, we set items as an simple single layer array (like "[ia', 'ib', 'ic']"). The lib? will convert this simple array to inner format:

1) combobox: Not readonly. The pop List shows "caption"; Input box shows "caption"; getValue returns "caption".
2) listbox: Readonly. The pop List shows "caption"; Input box shows "caption"; getValue returns "id.
3) helpinput: Not readonly. The pop List shows "caption"; Input box shows "id"; getValue returns "id".
Input:

3.6.9.3. Date Piker

Sets type property to "date".
Input:

Output:

3.6.9.4. Time Picker

Sets type property to "time".
Input:

3.6.9.5. Color Picker

Sets type property to "color".
Input:

Output:

3.6.9.6. File Picker

Sets type property to "upload".

Note: use getUploadObj function to get the file's handler

3.6.9.7. Getter

Sets type property to "getter".
Input:

var ctrl=linb.create('ComboInput')
.setType('getter')
.beforeComboPop(function(profile){ profile.boxing().setUIValue(_.id())
})
.show();

Sets value in beforeComboPop event

3.6.9.8. Custom Pop Window

Sets type property to "cmdbox", or "popbox".

3.6.9.9. Command Buttons

You can use commandBtn property to add an command button into ComboInput control. The following types are available for commandBtn property:
* "none": no command button
* "save": It's a save button
* "add" : It's a add button
* "remove" : It's a remove button
* "delete" : It's a delete button
* "custom" : custom button ( sets imageClass or mage,/imagePos to custom it)

3.6.10. RichEditor

3.7. List related

This section relates to the following controls: linb.UI.List, linb.UI.RadioBox and linb.UIIconList and linb.UI.Gallery.

3.7.1. A Simple one
linb.create("List")
.setItems(["Item one","Item two","Item tree"])
.onItemSelected(function(profile,item){ linb.message(item.id);
onItemSelected event

})
.show();

3.7.2. A little bit complicated

The above special render function applies to any control's caption property (e.g. linb.UI.Button, linb.UI.Label); and any control's sub item caption property (e.g. linb.UI.List, linb.UI.TreeBar) .

3.7.3. RadioBox

linb.UI.RadioBox is derived from linb.UI.List.

3.7.4. IconList and Gallery

Both are derived from linb.UI.List.

3.7.5. Item selection

You can use "setUIValue" function to select a item in List, or use "fireItemClickEvent" function to get the same result. "fireItemClickEvent" function will trigger "onItemSelected" event, "setUIValue" won't.


3.7.6. Container related

This section relates to the following controls: linb.UI.Group, linb.UI.Pane , linb.UI.Panel,

linb.UI.Block.

linb.UI.Dialog, linb.UI.Layout and linb.UI.Tabs /Stacks/ButtonViews are container controls too, we will give an example? these controls in separate sections.

Container is those controls that can have child controls. In jsLinb Designer, you can drag a child control and drop it into a container control. Just like this,

linb.create({
key:"linb.UI.Group", children:[[{key:"linb.UI.SButton"}]]
}).show();

In children object

3.7.7. Pane and Panel

linb.UI.Pane is a single node control. It's derived from linb.UI.Div. linb.UI.Panel has a border and a

title bar.
Input:


(new linb.UI.Pane)
.append(new linb.UI.SButton)
.show()

You can't see output, It's transparent
3.7.8. Block

3.8. Dialog related

3.8.1. Normal state

3.8.2. Min and Max status

3.8.3. Modal Mode

3.9. Layout Control

var block=linb.create("Block").setWidth(300).setHeight(300); var layout=linb.create("Layout",{items:[
{id:'before',
pos:'before', size:100, cmd:true
},{id:'after',pos:'after',size:100}

Append into a block

]});
block.append(layout).show();

3.10. Multi-pages Controls

Three multi-pages controls: linb.UI.Tabs, linb.UI.Stacks and linb.UI.ButtonViews.

3.10.1. noPanel property

For linb.UI.Tabs and linb.UI.ButtonViews, when "noPanel" property was set to true, they no longer are the container control. So, don't append any children control to tabs in this case.

3.10.2. ButtonViews types

There are three properties used to define the ButtonViews' layout:

* barLocation: Used to set the location of the command button bar. In 'top','bottom','left','right'.
* barHAlign: Used to set command buttons horizontal alignment In 'left', 'right'. Only for barLocation is 'top' or 'bottom'
* barVAlign: Used to set command buttons vertical alignment In 'left', 'right'. Only for barLocation is 'left' or 'right'

The below picture shows all the eight possible ButtonViews layouts:

In chapter2ButtonViewsindex.html

3.10.3. Page selection

You can use "setUIValue" function to select a page, or use "fireItemClickEvent" function to get the same result. "fireItemClickEvent" function will trigger "onItemSelected" event, "setUIValue" won't.

3.10.4. Pages

3.10.4.1. Close and options Button

Each page can hold a "close" button and a "options" button. Click this button will close the page.

Two events can be fired when "close" button was clicked:
* beforePageClose: Fired before user clicked the close button on a page. If returns false, the page won't be closed.
* afterPageClose: Fired after user clicked the close button on a page.

3.10.4.2. Add/Remove Pages

3.10.5. Dynamic content loading

3.10.5.1. onIniPanelView

3.10.5.2. beforeUIValueSet/afterUIValueSet

It's a fine-grained mechanism.

3.11. Menus and toolbars

3.11.1. Pop Menu

3.11.2. MenuBar

3.11.3. Toolbars

3.12. TreeBar and TreeView

3.12.1. Three selection mode

All controls derived from linb.UI.absList have three options mode.

3.12.1.1. No-selection

3.12.1.2. Single-selection

3.12.1.3. Multi-selection

3.12.2. Group Item

3.12.3. Expand all nodes by default

3.12.4. Mutex Expand

3.12.5. Dynamic Destruction

3.12.6. Dynamically loading

3.13. TreeGrid

3.13.1. Header and Rows

The header property and rows property in TreeGrid are Array of key/value pairs, like,

It can be written as a simplified format,

When call setHeader/setRows, the simplified format can be convert to,

3.13.1.1. Sets standard format

3.13.1.2. Sets simplified format

var block=new linb.UI.Block({width:200,height:200}).show();

var tg=new linb.UI.TreeGrid; tg.setRowHandler(false)
.setHeader(["Name", "Age"])
.setRows([['Jack', 23], ['John', 32]])
.show(block);

Only id input

Only value input

3.13.2. getHeader

Calls getHeader function to return the header data. There are three format,
* getHeader(): returns memory data;
* getHeader("data"): returns the standard format data;
* getHeader("min"): returns the simplified format data;

3.13.3. getRows

Calls getRows function to return the rows data. Similarly, there are three format,
* getRows (): returns memory data;
* getRows ("data"): returns the standard format data;
* getRows ("min"): returns the simplified format data;
The rows memory data in firebug:

3.13.4. Active Modes

There are three active modes for TreeGrid:
* non-active appearance : activeMode is "none";
* the row-active appearance: activeMode is "row" ;
* the cell-active appearance: activeMode is "cell";

3.13.4.1. non-active appearance

non-active appearence

3.13.4.2. row-active appearance

3.13.4.3. cell-active appearance

3.13.5. Selection Mode

There are five selection modes for TreeGrid:
* Non-selection: activeMode is "none", or selMode is 'none'
* Single row selection: activeMode is "row", and selMode is 'single'
* Multi-rows selection: activeMode is "row", and selMode is 'multi'
* Single cell selection: activeMode is "cell", and selMode is 'single'
* Multi-cells selection: activeMode is "cell", and selMode is 'multi'


3.13.5.4. Single cell selection

3.13.5.5. Multi-cells selection

3.13.6. The Tree Grid

var block=new linb.UI.Block({width:200,height:200}).show();

var tg=new linb.UI.TreeGrid; tg.setRowHandlerWidth(20)
.setHeader([
{id:"col1", caption:"Name"},
{id:"col2", caption:"Age", width:40}
]).setRows([
{id:"row1",cells:['Jack',23]},
{id:"row2",cells:['John',32],
sub:[{id:"row21",cells:['Tom',24]},
{id:"row22",cells:['Bob',25]}

Row header is a must for tree grid

A row has sub rows

]}
]).show(block)

3.13.7. Column config

3.13.7.1. The first column

In order to show the first column, you have to set rowHandler to [true].
Input:

var block=new linb.UI.Block({width:200,height:200}).show();

var tg=new linb.UI.TreeGrid; tg.setRowHandlerWidth(80)
.setGridHandlerCaption("Name")
.setHeader([
{id:"col1", caption:"Age", width:40}
]).setRows([
{id:"row1",caption:'Jack',cells:[23]},
{id:"row2",caption:'John',cells:[32],

Sets row handler's width

sub:[{id:"row21",caption:'Tom',cells:[24]},
{id:"row22",caption:'Bob',cells:[25]}
]}
]).show(block)

3.13.7.2. Column width

3.13.7.3. Drag&Drop to modify column width

"colResizer" property in TreeGrid determines whether the column width can be modified with Drag&Drop. Each column can include a "colResizer" property too. The "colResizer" property in column has higher priority than in TreeGrid.
In jsLInb, "fine-grained Setting has higher priority than coarse-grained" is a base rule.

3.13.7.4. Drag&Drop to modify column position

var block=new linb.UI.Block({width:240,height:200}).show(); var tg=new linb.UI.TreeGrid;

tg.setRowHandlerWidth(80)
.setColMovable(false)

End of part one



This is part two of the instruction manual free oi builder
coarse-grained setting

.setGridHandlerCaption("Name")
.setHeader([
{id:"col1", caption:"Age", width:40},
{id:"col2", caption:"Part-time", width:90,colMovable:true}
]).setRows([
{id:"row1",caption:'Jack',cells:[23, true]},
{id:"row2",caption:'John',cells:[32, false]}
]).show(block)

fine-grained setting

3.13.7.5. Default Sorting

3.13.7.6. Custom Sorting

var block=new linb.UI.Block({width:240,height:200}).show(); var tg=new linb.UI.TreeGrid;
tg.setRowHandlerWidth(80)
.setGridHandlerCaption("Name")
.setHeader([
{id:"col1", caption:"Age", width:40},




Custom sorting function

{id:"col2", caption:"Part-time", width:90,sortby:function(x,y){return -1}}
]).setRows([
{id:"row1",caption:'Jack',cells:[23, true]},
{id:"row2",caption:'John',cells:[32, false]}
]).show(block)

3.13.7.7. Hide columns

3.13.7.8. Setting Cell Types in column header

3.13.7.9. column header style

3.13.7.10. column header icon

3.13.7.11. Update column header dynamically

3.13.8. Row config

3.13.8.1. Row height

Input:
3.13.8.2. Drag&Drop to modify row height

3.13.8.3. Setting cell type in row

3.13.8.4. Row style

3.13.8.5. Row numbers

3.13.8.6. Custom row numbers

3.13.8.7. Alternate Row Colors

3.13.8.8. Group

var block=new linb.UI.Block({width:240,height:200}).show(); var tg=new linb.UI.TreeGrid;
tg.setRowHandlerWidth(80)
.setGridHandlerCaption("Name")
.setHeader([
{id:"col1", caption:"Age", width:40, type: "number"},
{id:"col2", caption:"Full-time", width:90, type: "checkbox"}

]).setRows([
{id:"row1",caption:'Jack',cells:[23]},
{id:"row2",caption:'John',cells:[32],group:true,
sub:[{id:"row21",caption:'Tom',cells:[24]},
{id:"row22",caption:'Bob',cells:[25]}

It's a group row

]}
]).show(block)

3.13.8.9. Preview and Summary region

3.13.8.10. Update row dynamically

3.13.9. Cell config

3.13.9.1. Cell types

These types are support:
* 'label': readonly text;
* 'button': the button;
* 'input': single line input;
* 'textarea': multi lines input;
* 'number': number only input;
* 'currency': currency only input;
* 'progress': the progress appearance;
* 'combobox': combo input;
* 'listbox': readonly combo input;
* 'getter': for getting data;
* 'helpinput': help data input;
* 'cmdbox': command box input;
* 'popbox': pop box input;
* 'time': time input;
* 'date': date input;
* 'color': color input;

var block=new linb.UI.Block({width:240,height:200}).show(); var tg=new linb.UI.TreeGrid;
tg.setRowHandlerWidth(80)
.setColSortable(false)
.setGridHandlerCaption("Name")
.setHeader([
{id:"col1", caption:"Age", width:40, type: "number"},
{id:"col2", caption:"Full-time", width:90, type: "label"}
]).setRows([
{id:"row1",caption:'Jack',cells:[23, true]},

Setting in column header data

Setting in cell (has priority)

{id:"row2",caption:'John',cells:[32, {value:false, type: "checkbox"}] }
]).show(block)

3.13.9.2. Cell style

3.13.9.3. Update cell dynamically

3.13.10. Editable

"editable" property in TreeGrid determines whether the TreeGrid is editable or not . Each column / row / cell has this property too. Those setting follow "Fine-grained priority principle".

* TreeGrid's editable =>false; cell's editable=>true: only this cell is editable
* TreeGrid's editable =>false; column header's editable=>true: only this column is editable
* TreeGrid's editable =>false; row's editable=>true: only this row is editable
* TreeGrid's editable =>true; cell's editable=>true: only this cell is uneditable
* TreeGrid's editable =>true; column header's editable=>false: only this column is uneditable
* TreeGrid's editable =>true; row's editable=> false: only this row is uneditable

It should be noted that, cells in Row handler are uneditalbe; cells with 'label' or 'button' type are uneditable.


3.13.10.1. Editable TreeGrid

3.13.10.2. Editable column

3.13.10.3. Editable row

3.13.10.4. Editable cell

3.13.10.5. The Editor

When a cell is set to editable, "active this cell" will show a corresponding editor. There are the following editors for different cell types.
* 'label': readonly; no editor
* 'button': readonly; no editor
* 'input': normal linb.UI.Input control
* 'textarea': multi lines linb.UI.Input control
* 'number': number only linb.UI.Input control
* 'currency': currency only linb.UI.Input control
* 'progress': linb.UI.ComboInput control, spin
* 'combobox': linb.UI.ComboInput control, combobox
* 'listbox': linb.UI.ComboInput control, listbox
* 'getter': linb.UI.ComboInput control, getter
* 'helpinput': linb.UI.ComboInput control, helpinput
* 'cmdbox': linb.UI.ComboInput control, cmdbox
* 'popbox': linb.UI.ComboInput control, popbox
* 'time': linb.UI.ComboInput control, time
* 'date': linb.UI.ComboInput control, date
* 'color': linb.UI.ComboInput control, color

3.13.10.6. Custom the editor

3.13.11. Add/Remove rows

3.14. Other standard controls

3.14.1. ProgressBar

linb.create('ProgressBar')
.setCaptionTpl("{value}% finished!")
.setValue(80)

Sets text display template

.show();

percentage
3.14.2. Slider

3.14.3. Image

3.14.4. PageBar

Chapter 4. Data exchanging(Ajax)

jsLinb is a client-side solution, it can work with any backend (php, .Net, Java, python) or static HTML pages. Client-side and backend is completely decoupled. Client-side does not need to care what kind of technique is used in the backend. Client-side sends request to, and gets response from a given backend service(e.g. JSON service, REST service) .

There are three IO class in jsLinb:
* linb.Ajax: An AJAX wrapper for xmlHttp object. It's features:
* Can only access the same domain by default;
* Works both synchronous and asynchronous;
* Works both 'get' and 'post' methods;
* Returns string.
* linb.SAjax: An AJAX wrapper for "script tag". It's features:
* Cross domain;
* Asynchronous only;
* Can not post data;
* Returned content is packaged as javascript's object
inb.SAjax  send  request data  includes  a  "callback"  parameter  (default  is
"linb.SAjax.$response"), and a "id" parameter ( the uniquely identify).
Server's return data must be the following format:


* linb.IAjax: An AJAX wrapper for "iframe". It's features:
* Cross domain;
* Asynchronous only;
* Can update file;
* Works both 'get' and 'post' methods;
* Returned content is packaged as javascript's object
inb.IAjax send request data includes an "id" parameter ( the uniquely identify).
Server's return data must be the following format:


"linb.request" function can choose an appropriate class from linb.Ajax, linb.SAjax or linb.IAjax automatically, according to requested domain, 'GET/POST' method and other information.

4.1. Fiddler

In order to understand the data exchanges process better, you need a tool like Fiddler to monitor network traffic.

Go to http://www.fiddler2.com/fiddler2/ to get Fiddler.

Fiddler can configure IE proxy automatically, but if you are in firefox, chrome or opera, you need to configure the proxy by manual (Fiddler proxy: 127.0.0.1:8888). Of course, you can find some firefox proxy plug-ins to help you.

4.2. To get the contents of the file

linb.Ajax can get file contents easily.


In Fiddler:

4.3. Synchronous data exchange

Only linb.Ajax support synchronous data exchanging.

In fiddler:
The request:

The response:

This is an asynchronous request:


4.4. Cross-domain

linb.SAjax and linb.IAjax can be used for calling Cross Domain Web Services. But only linb.IAjax can post data and upload file.

4.4.1. To monitor SAjax

Code:

In Fiddler:

4.4.2. To monitor IAjax

In Fiddler:

By default, IAajax use "POST" method, you can specify method in options.

4.5. File Upload

Only linb.UI.IAjax can upload file.
This code in this section is in "chapter3/upload/".

4.5.1. Selecting upload file with ComboInput

Sets ComboInput's type property to "upload": ComboInput

chapter3/upload/index.html


4.5.2. Upload by IAjax

4.6. A request wrapper for real application

In practical applications, you can choose linb.Ajax, linb.SAjax and linb.IAjax according to the

actual situation. Usually, we will wrap a common function or class to handle all data interaction with the backend service. This is an example wrapper. Just for your reference.

4.7. xml Data

If the server returns xml data, we can use linb.xml to convert the xml data into JSON data.

4.8. An overall example

The following is an overall example for data exchanging.

Chapter3/io/index.html

Chapter 5. Distributed UI

    Sometimes, especially in larger applications, we maybe save a large "not frequently used" UI Class into a separate file. This file will not be loaded at the beginning.
    When the application needs to show the UI, the program will automatically load code from the "separate file". It is so called "distributed UI". This "distributed UI" file can be in your server, or in different domain remote servers.

5.1. Shows dialog from a remote file

There's a file "Module3.js" in folder "caseschapter4distributedAppjs", "Module3.js" includes a Class named "App.Module3". Let's try to call it.

And try to load code and create UI from a difference domain.

5.2. linb.Com and linb.ComFactory

In fact, most of the actual business applications will not load code from a foreign domain. From another perspective, most of "Distributed UI" files are put in the application directory.
In this case, we can use linb.Com and linb.ComFactory to load those "distributed UI". In order to use this approach, all those Classes must be derived from the linb.Com, named according to specified rules, and put into the specified directory.

linb.ComFactory implements a management mechanism for the linb.Com. It can follow a specified rule (finding file path from the class name) to load code from a remote file.

There 's an overall example in "chapter4/distributed", we can browse it for detail.

5.2.1. linb.ComFactory config

In conf.js:

Loading this configuration to linb.ComFactory:

5.2.2. linb.Com.Load

In file index.html,


The above code will try to find file named "index.js" from "distributed/App/js/", create an instance (new App), and show the instance to DOM.
Output:

5.2.3. newCom and getCom

In index.js, onclick event for "Load module3 manually" button is:


[linb.CombFactory.newCom("App.Module3".. ], will:
* find file "Module3.js" in "distributed/App/js/"
* load code from file "Module3.js" ;
* create new instance,;
* call the callback function.

Note: newCom use "Class Name" to load code.

onclick event for "Load module1" button is:


[linb.CombFactory.newCom("module1".. ], will:
* find config from linb.CombFactory
* find file "Module1.js" in "distributed/App/js/"
* load code from file "Module1.js" ;
* create new instance,;
* call the callback function.

onclick event for "Load module2" button is:

By default, the instance created by "getCom" is singleton, and will be cached in inb.CombFactory.


5.2.4. linb.UI.Tag

There's a linb.UI.Tag object in file Module1.js:

Here, this Tag object configures size and position properties for module "tag_SubModule1". When the instance of Module1 was created, according to the Tag object' info, system will load the "tag_SubModule1" automatically, and set size and position properties to it. Then, system will replace the Tag object with "tag_SubModule1" object, and destroy the Tag object.

5.2.5. Destroy com

Call com's destroy() function to destroy the Class instance; Call Class.destroy("class name") to destroy the Class itself.
If  you  used  "getCom('module  name')"  to  create  an  com  instance,  you  have  to  call
"linb.ComFactory.setCom ( 'module name', null )" to clear that cache.

5.2.6. If com exists in memory

If a com exists in memory already, we can call it directly:

Chapter 6. Some fundamental things

6.1. Pop-up window

6.1.1. alert window

linb.alert('title','message',function(){ linb.message('You close this window!')
}, 'O K', 50, 100);

6.1.2. confirm window

Fired after user close the window
6.1.3. prompt window

linb.prompt('title', 'message','default content',function(msg){ linb.message('You input - ' + msg)
},function(){
linb.message(" You cancel it")

Fired when user click "YES"

},'YES', 'NO',50,100);

Fired when user click "NO" or click close button

6.1.4. pop window

6.2. Asynchronous execution

6.2.1. asyRun

_.asyRun is a wrapper for settimeout.

6.2.2. resetRun

_.asyRun is a wrapper for set timeout too. But it has an unique id. When you set another function with the same id, the latter will cover the former.

6.3. Skin switcher

6.3.1. Switch skin for whole application

There are three system skins in jsLinb3.0: default, vista and aqua. You can use linb.UI.setTheme to switch the skin.

6.3.2. Change skin for a single control

It's a fine-grained mechanism.

In this case, developer needs to define CSS class for this "custom".

6.4. Locale switcher

Example "chapter5lang" loading process:

6.5. DOM Manipulation

Class "linb.Dom" is a wrapper for cross-browser DOM Manipulation. It can: create / remove elements; manage elements' attributes; manage elements' CSS; manage elements' events.

6.5.1. Node generation and insertion

6.5.2. Attributes and CSS

6.5.3. className

There are five function to handle CSS className:
* hasClass: Determines whether a specified class exists or not
* addClass: Adds classes to the current DOM nodes
* removeClass: Removes classes from the current DOM nodes
* replaceClass: Replaces classes for the current DOM nodes
* tagClass: Adds/Removes a tag to all classes of the current DOM node

6.5.4. Dom events

There are three groups of event functions are designed for a DOM event in jsLinb: [before-], [on-] and [after-].
* linb(/**/).onclick([function], 'label') => adds the [function] to [onclick]group;
* linb(/**/).onclick([function]) => removes all event functions in [onclick] group, and adds the [function] to [onclick] group;
* linb(/**/).onclick(null, 'label') => removes the event function labeled with 'label' from the [onclick] group;
* linb(/**/).onclick(null) => removes all event functions in [onclick] group;

* linb(/**/).onclick(null,null,true) => removes all event functions in [beforeclick] group, [onclick] group and [afterclick] group;
* linb(/**/).onclick() => fire event, executes all event functions in [onclick] group in order. If any of those functions returns [false], the remaining functions will be ignored;
* linb(/**/).onclick(true) => fire event, executes all event functions in [beforeclick] group, [onclick] group and [afterclick] group in order;
6.5.5. Node Drag&Drop

6.5.5.1. Drag&Drop profile

The "draggable" function's second parameter is Drag&Drop profile object. It's a key/value pairs. In dragging process, the Drag&Drop profile object can be got by linb.DragDrop.getProfile(). The profile object:
* dragType: 'move','copy','deep_copy','shape','icon', 'blank' or 'none', Default is 'shape';
* shadowFrom: DOM element or linb.Dom object. It's valid when dragType=='icon';
* targetReposition: Boolean, does dd reset the target position, Default is [true];
* dragIcon: String, the drag icon image path, Default is [linb.ini.path+'ondrag.gif'];
* magneticDistance: Number, the magnetic distance, Default is 0;
* xMagneticLines: Array of Number, the magnetic line values in horizontal dir, Default is [];
* yMagneticLines: Array of Number, the magnetic line values in vertical dir, Default is [];
* widthIncrement: Number, the width increment in horizontal dir, Default is 0;
* heightIncrement: Number, the height increment in vertical dir, Default is 0;
* dragDefer: Number, when [linb.DragDrop.startDrag] is called, the real drag action will be triggered after [document.onmousemove] runs [dragDefer] times, Default is 0;
* horizontalOnly:Boolean, drag horizontal dir only, Default is [false];
* verticalOnly: Boolean, drag vertical dir only, Default is [false];
* maxBottomOffset</strong>:Number, the offset between [the restricted bottom] and [the current mouse Y], for mouse restricted region, Default is [null];
* maxLeftOffset</strong>:Number, the offset between [the restricted left] and [the current mouse X], for mouse restricted region, Default is [null];
* maxRightOffset</strong>:Number, the offset between [the restricted right] and [the current mouse X], for mouse restricted region, Default is [null];
* maxTopOffset: Number, the offset between [the restricted top] and [the current mouse Y], for mouse restricted region, Default is [null];
* targetNode: DOM element or linb.Dom object, the drag target node;
* targetCSS: Number, the drag target node's CSS key/value object, Default is [null];
* dragKey: String, the drag key, Default is [null];
* dragData: object, the drag data, Default is [null];
* targetLeft: Number, the drag target node's CSS left, Default is [null];
* targetTop: Number, the drag target node's CSS top, Default is [null];
* targetWidth: Number, the drag target node's CSS width, Default is [null];

* targetHeight: Number, the drag target node's CSS height, Default is [null];
* targetOffsetParent: linb.Dom object, the drag target node offsetParent node, Default is [null];
* dragCursor: 'none', 'move', 'link', or 'add', the drag cursor key; [readonly]
* x: Number, current X value of mouse; [readonly]
* y: Number, current Y value of mouse; [readonly]
* ox: Number, original X value of mouse; [readonly]
* oy: Number, original Y value of mouse; [readonly]
* curPos: {left:Number,top:Number}, current CSS pos of the dragging node [readonly]
* offset: {x:Number,y:Number}, offset from now to origin [readonly]
* isWorking: Boolean, is dd working or not? [readonly]
* restrictedLeft: Number, the calculated restricted left value; [readonly]
* restrictedRight: Number, the calculated restricted right value; [readonly]
* restrictedTop: Number, the calculated restricted top value; [readonly]
* restrictedBottom: Number, the calculated restricted bottom value; [readonly]
* proxyNode: linb.Dom object, the proxy object; [readonly]
* dropElement: String, the target drop element DOM id. [readonly]

There is an DD overall example in chapter3/dd/ddProfile.html.

6.5.5.2. Events in Drag&Drop

For that node in dragging,
* ondragbegin
* ondrag
        * ondragstop For that droppable node,
* ondragenter
* ondragleave
* ondragover
* ondrop

6.6. linb.Template

Linb.Template is a completely independent UI wrapper. It doesn't depend on linb.UI Class and all its derived Classes.


6.6.1. example 1

linb.Template includes three aspects: template, properties and events:

6.6.2. example 2

6.6.3. A SButton based on linb.Template

"chapter5SButton" is an example for creating a linb.UI.SButton like control based on linb.Template.
Output:

6.7. About Debugging

6.7.1. The code package for debugging

In folder "runtime/jsLinb/js/", All files ending with "-debug.js" are for debugging purpose.


6.7.2. Debugging Tools

You can use Firebug in Firefox, developer tool in IE8, chrome or opera10 to debug javascript.
FireBug:

Developer Tools in IE8:

6.7.3. jsLinb Monitor Tools

jsLinb has a variable monitor tools. It's cross browser. Call linb.log("xxx") to show the monitor window:


Chapter 7. Some typical issues

7.1. Layout

7.1.1. Docking

7.1.2. linb.UI.Layout

7.1.3. Relative Layout

7.2. UI Control's Drag&Drop

7.2.1. Drag&Drop control among containers

7.2.2. List sorting 1

7.2.3. List sorting 2

7.3. Form

7.3.1. Form 1

7.3.2. DataBinder

Class.destroy('App'); Class('App', 'linb.Com',{
Instance:{
iniComponents:function(){

Code created by Designer

Adds a DataBinder, sets name property

// [[code created by jsLinb UI Builder
var host=this, children=[], append=function(child){children.push(child.get(0))}; append((new linb.DataBinder).setHost(host,"binder").setName("binder"))

append((new linb.UI.SLabel)

Sets dataBinder and dataField

.setHost(host,"slabel1").setLeft(80).setTop(60).setWidth(44).setCaption("Name:") );

append((new linb.UI.SLabel)

to each control

    .setHost(host,"slabel2").setLeft(80).setTop(90).setCaption("Age:").setWidth(44)); append((new linb.UI.Input) .setDataBinder("binder").setDataField("name")
    .setHost(host,"iName").setLeft(130).setTop(60).setValueFormat("[^.*]").setValue("Jack")); append((new linb.UI.ComboInput) .setDataBinder("binder").setDataField("age")
                .setHost(host,"iAge").setLeft(130).setTop(90).setType("spin").setIncrement(1).setMin(20).s etMax(60).setValue("35"));
append((new linb.UI.SCheckBox) .setDataBinder("binder").setDataField("isfull")
    .setHost(host,"cFull").setLeft(130).setTop(130).setCaption("Full time")); append((new linb.UI.SButton)
.setHost(host,"submit").setLeft(130).setTop(170).setCaption("SUBMIT").onclick("_submit

_onclick"));


},


return children;
// ]]code created by jsLinb UI Builder

Form validation

_submit_onclick:function (profile, e, src, value) { if(!this.binder.checkValid()){

Collects data

linb.alert('One or some invalid fields exits!'); return;
}
linb.alert(_.serialize(this.binder.getValue()))
}}
});
(new App).show();

7.4. Custom UI styles

7.4.1. Custom only one instance only - 1

7.4.2. Custom only one instance only - 2

7.4.3. Custom only one instance only - 3

7.4.4. Custom only one instance only - 4

7.4.5. Custom only one instance only - 5

(new linb.UI.SButton)
.setCaption("Use getSubNode and css ")
.onRender(function(profile){ profile.getSubNode('FOCUS').css({
fontWeight:'bold', color:'#ff0000'

After it was rendered into DOM

});
})
.show()

7.4.6. Custom only one instance only - 6

7.4.7. Custom style for an UI Class

7.4.8. Custom style for all UI Class - skin

There are three system skins in jsLinb3.0: default, vista and aqua. You can use linb.UI.setTheme to switch the skin. You can also add your own custom skin easily. Only two steps:

7.4.8.1. First: Copy

All skins are in "runtime/jsLinb/appearance", you can create an new folder (e.g. 'myskin'), and copy all directories and files in an existing skin folder to it.

7.4.8.2. Second: Little by little, modify pictures and CSS

For example, we modifies corner.gif file in Button folder.
After that,

The end of Part two
In topic "Splash screen With perplexity"

This is a splash screen Using perplexity the idea is that I can run the splash screen with another program this splash screen wall display a screen in a pop window up three seconds close After the splash screen closes in about three seconds it runs the main program. So this is a done deal i'm happy it works very well mission accomplished.

I took the splash screen sub directory and copied it on my remote website here.
vb3builder.atwebpages.com/vb.clone/
https://vb4.xp3.biz/vb.clone/

because some things just cannot currently these files are in the subdirectory called splash
Located here localhost/vb3/VisualJS/projects/builder_my_try1/ 

The way this is supposed to work is that in the splash subdirectory there's a splash.html file and a splash .js file. In addition to that there's a directory called graphics. In this directory is all the images that I'm supposed to cycle through and then there's a Json file that maps them out I guess for some reason having to do with remote access and security we're not allowed to scan the directory so it looks at this file and then it knows what graphics to load. So the idea is that every time you run the main program it runs a splash screen shows the image and then goes to program after three seconds that you were using to run the splash screen and every time you run the splash screen it's pulses cycle through a different image.

So this is basically how it works right now the HTML file file that runs your main program you need to edit it to call up the screen saver here's vb3builder.atwebpages.com/vb.clone/

So I'm gonna load up the HTML code that you need to use to call up the Splash screen program.
Then inside the splash directory there is two files one is called splash .js And the other one is called splash dot html. Three files altogether I'm gonna paste below .
-------------------------------------------------------------------------------------------------
Index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>UI Builder</title>
</head>
<body>
  <!-- Loading indicator -->
  <div id="loading"><img src="http://vb3.xp3.biz/runtime/loading.gif" alt="Loading..." /></div>

  <!-- LINB framework -->
  <script type="text/javascript" src="http://vb3.xp3.biz/jsLinb/js/linb-all.js"></script>
  <script type="text/javascript" src="http://vb3.xp3.biz/runtime/jsLinb/js/adv-all.js"></script>
  <script type="text/javascript" src="http://vb3.xp3.biz/runtime/jsLinb/js/linb-all.js"></script>
  <script type="text/javascript" src="http://vb3.xp3.biz/runtime/jsLinb/js/adv-all.js"></script>

  <!-- Splash Screen Popup Launcher -->
  <script>
    document.addEventListener('DOMContentLoaded', function () {
      const splashWindow = window.open(
        './splash/splash.html',
        'SplashScreen',
        'width=1300,height=800,' +
          'left=' + (screen.width - 1300) / 2 + ',' +
          'top=' + (screen.height - 800) / 3 + ',' +
          'resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,status=no'
      );
      window.focus();

      // Listen for message from splash window signaling it is done
      window.addEventListener('message', function(event) {
        if (event.data === 'splashDone' && splashWindow && !splashWindow.closed) {
          splashWindow.close();
          console.log('Splash screen closed by parent, initializing app...');
          linb.UI.setTheme('default');
          linb.Com.load('App', function () {
            linb('loading').remove();
          }, 'en');
        }
      });

      // Disable previous polling method (optional if you prefer to keep it)
      /*
      const splashChecker = setInterval(() => {
        if (!splashWindow || splashWindow.closed) {
          clearInterval(splashChecker);
          console.log('Splash screen closed, initializing app...');
          linb.UI.setTheme('default');
          linb.Com.load('App', function () {
            linb('loading').remove();
          }, 'en');
        }
      }, 500);
      */
    });
  </script>
</body>
</html>
-------------------------------------------------------------------------------------------------
The next two programs reside in the splash directory  this one is splash.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Splash Screen</title>
  <style>
    /* Splash screen styles */
    html, body {
      height: 100%;
      margin: 0;
      padding: 0;
    }
    body {
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      background-color: #000;
      color: #fff;
      font-family: Arial, sans-serif;
    }
    .splash-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100vw;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .splash-content img {
      display: block;
      max-width: 100%;
      max-height: 80vh;
      margin: 0 auto;
    }
    .splash-content h1 {
      font-size: 2.5rem;
      margin: 20px 0;
    }
    .splash-content p {
      font-size: 1.2rem;
    }
  </style>
</head>
<body>
  <div class="splash-content">
    <img src="" alt="Splash Screen Image" />
    <h1>Welcome to the UI Builder</h1>
    <p>Loading your application, please wait...</p>
  </div>

  <script type="module">
    import SplashScreen from './splash.js';
    const splash = new SplashScreen('./graphics');
    splash.show();
  </script>
</body>
</html>
-------------------------------------------------------------------------------------------------
The other one is called splash. JS

export default class SplashScreen {
  constructor(imageDirectory, duration = 3000) {
    this.imageDirectory = imageDirectory;
    this.duration = duration;
    this.images = [];
    this.currentIndex = parseInt(localStorage.getItem("splashCurrentIndex")) || 0;
  }

  async loadImages() {
    const jsonPath = `${this.imageDirectory}/splash-images.json`;
    console.log("Loading JSON from:", jsonPath);
    try {
      const response = await fetch(jsonPath);
      if (!response.ok) throw new Error("JSON not found");
      this.images = await response.json();
      console.log("Images loaded:", this.images);
    } catch (error) {
      console.error("Failed to load images from JSON:", error);
      this.images = [];
    }
  }

  async show() {
    if (this.images.length === 0) {
      await this.loadImages();
    }
    if (this.images.length === 0) {
      console.error("No images found in the manifest. Skipping splash screen.");
      return;
    }
    const splashContent = document.querySelector('.splash-content');
    const imgElement = splashContent.querySelector("img");

    const imagePath = `${this.imageDirectory}/${this.images[this.currentIndex]}`;
    console.log("Displaying image:", imagePath);
    imgElement.src = imagePath;

    this.currentIndex = (this.currentIndex + 1) % this.images.length;
    localStorage.setItem("splashCurrentIndex", this.currentIndex);

    setTimeout(() => {
      this.hide();
    }, this.duration);
  }

  hide() {
    const splashContent = document.querySelector('.splash-content');
    if (splashContent) {
      splashContent.style.display = "none";
    }
    // Notify the opener window that the splash is done
    if (window.opener) {
      window.opener.postMessage('splashDone', '*');
    }
  }
}
-------------------------------------------------------------------------------------------------
Also in order for this to work because it's running remotely I'm not allowed to scan for security reasons most service the more allow it so there's a Json file inside the directory where the graphics are stored in a graphics sub directory.

So in order to generate this json file you need to run this php file in the same directory on your local machine with all the graphics files that you want to build this json file for and then it will if it's successfully saves the file to your machine it will let you know that it saved it correctly and then you just load that to the remote server.

PHP code below generate-images-json.php
<?php
// Set fixed images directory relative to this script
$imagesDir = dirname(__FILE__) . '/graphics';
$jsonFile = $imagesDir . '/splash-images.json';

$message = '';
$messageType = ''; // 'success' or 'error'

// Define JSON_PRETTY_PRINT if not defined (PHP 5.3 compatibility)
if (!defined('JSON_PRETTY_PRINT')) {
    define('JSON_PRETTY_PRINT', 128);
}

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    if (!is_dir($imagesDir)) {
        $message = "Error: '$imagesDir' directory not found.";
        $messageType = 'error';
    } else {
        $imageExtensions = array('png', 'jpg', 'jpeg', 'gif');
        $imageFiles = array();

        foreach (scandir($imagesDir) as $file) {
            $ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));
            if (in_array($ext, $imageExtensions)) {
                $imageFiles[] = $file;
            }
        }

        if (file_put_contents($jsonFile, json_encode($imageFiles, JSON_PRETTY_PRINT))) {
            $message = "Success! JSON file generated with " . count($imageFiles) . " images.";
            $messageType = 'success';
        } else {
            $message = 'Error: Failed to write JSON file.';
            $messageType = 'error';
        }
    }
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Generate splash-images.json</title>
<style>
body {
  font-family: Arial, sans-serif;
  padding: 30px;
  background: #222;
  color: #eee;
}
button {
  padding: 12px 24px;
  font-size: 18px;
  cursor: pointer;
}
#toast {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 16px;
  position: fixed;
  z-index: 1000;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}
#toast.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 3s;
  animation: fadein 0.5s, fadeout 0.5s 3s;
}
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}
}
@keyframes fadein {
  from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}
}
@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;}
}
@keyframes fadeout {
  from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;}
}
.success {background-color: green;}
.error {background-color: darkred;}
</style>
</head>
<body>
  <h1>Generate splash-images.json from ./graphics directory</h1>
  <p>Make sure you have a folder named <code>graphics</code> in this directory with image files.</p>
  <form method="POST" action="">
    <button type="submit">Generate JSON</button>
  </form>

  <div id="toast"></div>
  <script>
  function showToast(message, type) {
    var toast = document.getElementById("toast");
    toast.textContent = message;
    toast.className = "show " + type;
    setTimeout(function() {
      toast.className = toast.className.replace("show", "");
    }, 3500);
  }
  <?php if(!empty($message)): ?>
    showToast(<?php echo json_encode($message); ?>, "<?php echo $messageType; ?>");
  <?php endif; ?>
  </script>
</body>
</html>



In topic "A directory browser made with the help of perplexity"

I made this little directory scanner so that it will look at certain directories and then I can be able to upload them easily to my a I so he could visually see what they look like it prints out a text format of the directory structure.

------------------------------------------------------------------------------------------------------------------
It's a miracle this file is actually done it's complete it works well amazing I don't know where I'm gonna put it yet but I gotta put it somewhere Where it will reside permanently, Currently it's here http://localhost/vb3/VisualJS/projects/builder_my_try1/dir_tree.php.
------------------------------------------------------------------------------------------------------------------
Here is the PHP file for the program.
<?php
// Function to scan directory and return structure
function scanDirectory($path) {
    if (!is_dir($path)) {
        return array('error' => "Not a valid directory path");
    }
   
    $result = array();
    $items = scandir($path);
   
    foreach ($items as $item) {
        if ($item == '.' || $item == '..') continue;
       
        $fullPath = $path . DIRECTORY_SEPARATOR . $item;
        $isDir = is_dir($fullPath);
       
        $result[] = array(
            'name' => $item,
            'path' => $fullPath,
            'is_dir' => $isDir,
            'children' => $isDir ? scanDirectory($fullPath) : array()
        );
    }
   
    return $result;
}

// Process request
$output = array();

if (isset($_GET['path']) && !empty($_GET['path'])) {
    $requestedPath = trim($_GET['path']);
    $output = scanDirectory($requestedPath);
} else if (isset($_GET['action']) && $_GET['action'] == 'get_structure' && isset($_GET['path'])) {
    $requestedPath = trim($_GET['path']);
    $output = scanDirectory($requestedPath);
    header('Content-Type: application/json');
    echo json_encode($output);
    exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Directory Structure Explorer</title>
    <style>
        * {
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        body {
            margin: 0;
            padding: 20px;
            background: rgba(106, 17, 203, 0.7); /* Semi-transparent background */
            height: 100vh;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            backdrop-filter: blur(5px); /* Frosted glass effect */
        }
        .window {
            width: 600px;
            height: 600px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            position: relative;
            resize: both; /* Allow resizing */
        }
        .header {
            background: #4a6fa5;
            color: white;
            padding: 15px;
            text-align: center;
            font-weight: bold;
            font-size: 18px;
            cursor: move;
            position: relative;
            user-select: none;
        }
        .header-controls {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            align-items: center;
        }
        .control-btn {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            display: inline-block;
            margin-left: 8px;
            cursor: pointer;
            transition: transform 0.3s;
        }
        .close { background: #ff5f56; }
        .minimize { background: #ffbd2e; }
        .maximize { background: #27c93f; }
       
        /* Animation for processing state */
        .processing .close {
            animation: pulse-red 1.5s infinite;
        }
        .processing .minimize {
            animation: pulse-yellow 1.5s infinite;
            animation-delay: 0.5s;
        }
        .processing .maximize {
            animation: pulse-green 1.5s infinite;
            animation-delay: 1s;
        }
       
        @keyframes pulse-red {
            0%, 100% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.2); opacity: 0.7; }
        }
        @keyframes pulse-yellow {
            0%, 100% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.2); opacity: 0.7; }
        }
        @keyframes pulse-green {
            0%, 100% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.2); opacity: 0.7; }
        }
       
        .content {
            padding: 20px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        .input-group {
            margin-bottom: 15px;
            display: flex;
        }
        input[type="text"] {
            flex-grow: 1;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 6px 0 0 6px;
            font-size: 14px;
        }
        button {
            background: #4a6fa5;
            color: white;
            border: none;
            padding: 12px 20px;
            border-radius: 0 6px 6px 0;
            cursor: pointer;
            font-weight: bold;
            transition: background 0.3s;
        }
        button:hover {
            background: #385d8a;
        }
        .output {
            margin-top: 20px;
            padding: 15px;
            background: #f8f9fa;
            border-radius: 6px;
            border: 1px solid #eee;
            flex-grow: 1;
            overflow: auto;
            font-family: 'Consolas', 'Courier New', monospace;
            font-size: 14px;
            line-height: 1.5;
        }
        .dir-item, .file-item {
            margin: 4px 0;
            position: relative;
            cursor: pointer;
            user-select: none;
            display: flex;
            align-items: center;
        }
        .dir-item {
            color: #2c5aa0;
            font-weight: 500;
        }
        .expand-icon {
            width: 16px;
            margin-right: 4px;
            text-align: center;
            transition: transform 0.2s;
        }
        .dir-item.expanded .expand-icon {
            transform: rotate(90deg);
        }
        .file-item {
            color: #333;
            padding-left: 20px;
        }
        .item-icon {
            margin-right: 6px;
            font-size: 14px;
            width: 18px;
            text-align: center;
        }
        .children {
            margin-left: 16px;
            display: none;
            border-left: 1px dashed #ddd;
            padding-left: 8px;
        }
        .dir-item.expanded > .children {
            display: block;
        }
        .item-name {
            display: inline-block;
            padding: 2px 4px;
            border-radius: 3px;
        }
        .dir-item:hover > .item-name, .file-item:hover > .item-name {
            background: #e6f3ff;
        }
        .footer {
            padding: 10px;
            text-align: center;
            font-size: 11px;
            color: #777;
            border-top: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .footer button {
            padding: 6px 12px;
            font-size: 12px;
            border-radius: 4px;
        }
        .compact-btn {
            background: #6c757d;
        }
        .compact-btn:hover {
            background: #5a6268;
        }
        .export-btn {
            background: #28a745;
        }
        .export-btn:hover {
            background: #218838;
        }
        .copy-btn {
            background: #17a2b8;
        }
        .copy-btn:hover {
            background: #138496;
        }
        .loading {
            color: #777;
            font-style: italic;
        }
        .error {
            color: #d9534f;
            font-weight: 500;
        }
        .text-output {
            display: none;
            width: 100%;
            height: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-family: 'Courier New', monospace;
            font-size: 12px;
            white-space: pre;
            background: #f8f9fa;
        }
        .toast {
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            background: #333;
            color: white;
            padding: 10px 20px;
            border-radius: 4px;
            opacity: 0;
            transition: opacity 0.3s;
            z-index: 1000;
        }
        .toast.show {
            opacity: 1;
        }
    </style>
</head>
<body>
    <div class="window" id="mainWindow">
        <div class="header" id="windowHeader">
            Directory Structure Explorer
            <div class="header-controls">
                <span class="control-btn close" id="closeBtn"></span>
                <span class="control-btn minimize" id="minimizeBtn"></span>
                <span class="control-btn maximize" id="maximizeBtn"></span>
            </div>
        </div>
        <div class="content">
            <div class="input-group">
                <input type="text" id="pathInput" placeholder="Enter directory path (e.g., C:xampphtdocs)"
                      value="<?php echo isset($_GET['path']) ? htmlspecialchars($_GET['path']) : ''; ?>">
                <button id="generateBtn">Explore</button>
            </div>
           
            <div class="output" id="output">
                <?php if (isset($output['error'])): ?>
                    <div class="error"><?php echo htmlspecialchars($output['error']); ?></div>
                <?php elseif (!empty($output)): ?>
                    <div class="directory-tree" id="directoryTree">
                        <?php
                        function renderTree($items) {
                            foreach ($items as $item) {
                                $isDir = $item['is_dir'];
                                $hasChildren = !empty($item['children']);
                               
                                echo '<div class="' . ($isDir ? 'dir-item' : 'file-item') . '" data-path="' . htmlspecialchars($item['path']) . '">';
                               
                                if ($isDir) {
                                    echo '<span class="expand-icon">▶</span>';
                                    echo '<span class="item-icon"></span>';
                                } else {
                                    echo '<span class="item-icon" style="visibility: hidden;"></span>';
                                    echo '<span class="item-icon"></span>';
                                }
                               
                                echo '<span class="item-name">' . htmlspecialchars($item['name']) . '</span>';
                               
                                if ($isDir && $hasChildren) {
                                    echo '<div class="children">';
                                    renderTree($item['children']);
                                    echo '</div>';
                                }
                               
                                echo '</div>';
                            }
                        }
                        renderTree($output);
                        ?>
                    </div>
                <?php else: ?>
                    <div class="loading">Enter a directory path and click "Explore" to see the directory structure.</div>
                <?php endif; ?>
            </div>
           
            <textarea class="text-output" id="textOutput" readonly></textarea>
        </div>
        <div class="footer">
            <button id="compactBtn" class="compact-btn">Compact View</button>
            <span>PHP Directory Explorer</span>
            <div>
                <button id="copyBtn" class="copy-btn">Copy to Clipboard</button>
                <button id="exportBtn" class="export-btn">Export as Text</button>
            </div>
        </div>
    </div>

    <div class="toast" id="toast">Copied to clipboard!</div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const output = document.getElementById('output');
            const generateBtn = document.getElementById('generateBtn');
            const pathInput = document.getElementById('pathInput');
            const windowElement = document.getElementById('mainWindow');
            const header = document.getElementById('windowHeader');
            const compactBtn = document.getElementById('compactBtn');
            const copyBtn = document.getElementById('copyBtn');
            const exportBtn = document.getElementById('exportBtn');
            const closeBtn = document.getElementById('closeBtn');
            const minimizeBtn = document.getElementById('minimizeBtn');
            const maximizeBtn = document.getElementById('maximizeBtn');
            const textOutput = document.getElementById('textOutput');
            const directoryTree = document.getElementById('directoryTree');
            const toast = document.getElementById('toast');
           
            let isCompactView = false;
            let isProcessing = false;
           
            // Load saved preferences
            const savedPath = localStorage.getItem('dirExplorer_path');
            const savedPosition = JSON.parse(localStorage.getItem('dirExplorer_position') || '{}');
           
            if (savedPath) {
                pathInput.value = savedPath;
            }
           
            if (savedPosition.x !== undefined && savedPosition.y !== undefined) {
                windowElement.style.position = 'absolute';
                windowElement.style.left = savedPosition.x + 'px';
                windowElement.style.top = savedPosition.y + 'px';
            }
           
            // Make window draggable
            let isDragging = false;
            let dragOffset = {x: 0, y: 0};
           
            header.addEventListener('mousedown', function(e) {
                isDragging = true;
                const rect = windowElement.getBoundingClientRect();
                dragOffset.x = e.clientX - rect.left;
                dragOffset.y = e.clientY - rect.top;
                windowElement.style.cursor = 'move';
                e.preventDefault();
            });
           
            document.addEventListener('mousemove', function(e) {
                if (isDragging) {
                    windowElement.style.position = 'absolute';
                    windowElement.style.left = (e.clientX - dragOffset.x) + 'px';
                    windowElement.style.top = (e.clientY - dragOffset.y) + 'px';
                   
                    // Save position
                    localStorage.setItem('dirExplorer_position', JSON.stringify({
                        x: e.clientX - dragOffset.x,
                        y: e.clientY - dragOffset.y
                    }));
                }
            });
           
            document.addEventListener('mouseup', function() {
                isDragging = false;
                windowElement.style.cursor = 'default';
            });
           
            // Show toast notification
            function showToast(message) {
                toast.textContent = message;
                toast.classList.add('show');
                setTimeout(() => {
                    toast.classList.remove('show');
                }, 2000);
            }
           
            // Set processing state with visual feedback
            function setProcessing(state) {
                isProcessing = state;
                if (state) {
                    header.classList.add('processing');
                    generateBtn.disabled = true;
                    generateBtn.textContent = 'Scanning...';
                } else {
                    header.classList.remove('processing');
                    generateBtn.disabled = false;
                    generateBtn.textContent = 'Explore';
                }
            }
           
            // Handle directory expansion
            output.addEventListener('click', function(e) {
                let target = e.target;
               
                // Find the parent directory item if a child element was clicked
                while (target && !target.classList.contains('dir-item') &&
                      target !== output) {
                    target = target.parentElement;
                }
               
                if (target && target.classList.contains('dir-item')) {
                    // Set processing state
                    setProcessing(true);
                   
                    // Toggle the expanded class
                    target.classList.toggle('expanded');
                   
                    // If this is the first expansion, load children via AJAX if needed
                    const children = target.querySelector('.children');
                    if (children && children.children.length === 0) {
                        const path = target.getAttribute('data-path');
                        if (path) {
                            children.innerHTML = '<div class="loading">Loading...</div>';
                           
                            // AJAX request to get directory contents
                            const xhr = new xmlHttpRequest();
                            xhr.open('GET', '?action=get_structure&path=' + encodeURIComponent(path), true);
                            xhr.onload = function() {
                                if (xhr.status === 200) {
                                    try {
                                        const data = JSON.parse(xhr.responseText);
                                        if (data.error) {
                                            children.innerHTML = '<div class="error">' + data.error + '</div>';
                                        } else {
                                            children.innerHTML = '';
                                            renderTree(data, children);
                                        }
                                    } catch (e) {
                                        children.innerHTML = '<div class="error">Error parsing response</div>';
                                    }
                                } else {
                                    children.innerHTML = '<div class="error">Error loading directory</div>';
                                }
                                setProcessing(false);
                            };
                            xhr.onerror = function() {
                                children.innerHTML = '<div class="error">Request failed</div>';
                                setProcessing(false);
                            };
                            xhr.send();
                            return;
                        }
                    }
                   
                    // If no AJAX call was needed, reset processing state after a short delay
                    setTimeout(() => setProcessing(false), 300);
                }
            });
           
            // Generate button handler
            generateBtn.addEventListener('click', function() {
                const path = pathInput.value.trim();
                if (path) {
                    setProcessing(true);
                    localStorage.setItem('dirExplorer_path', path);
                    window.location.href = '?path=' + encodeURIComponent(path);
                }
            });
           
            // Enter key handler
            pathInput.addEventListener('keypress', function(e) {
                if (e.key === 'Enter') {
                    generateBtn.click();
                }
            });
           
            // Compact view button
            compactBtn.addEventListener('click', function() {
                if (isCompactView) {
                    // Expand view
                    windowElement.style.width = '600px';
                    windowElement.style.height = '600px';
                    compactBtn.textContent = 'Compact View';
                    output.style.display = 'block';
                    textOutput.style.display = 'none';
                } else {
                    // Compact view
                    windowElement.style.width = '300px';
                    windowElement.style.height = '400px';
                    compactBtn.textContent = 'Expand View';
                    output.style.display = 'none';
                    textOutput.style.display = 'block';
                   
                    // Generate text representation
                    if (directoryTree) {
                        textOutput.value = generateTextTree(directoryTree);
                    }
                }
                isCompactView = !isCompactView;
            });
           
            // Copy to clipboard button
            copyBtn.addEventListener('click', function() {
                if (directoryTree) {
                    const textTree = generateTextTree(directoryTree);
                   
                    // Use the modern Clipboard API
                    navigator.clipboard.writeText(textTree).then(function() {
                        showToast('Directory structure copied to clipboard!');
                    }).catch(function(err) {
                        // Fallback for older browsers
                        textOutput.value = textTree;
                        textOutput.select();
                        document.execCommand('copy');
                        showToast('Copied to clipboard!');
                    });
                }
            });
           
            // Export button
            exportBtn.addEventListener('click', function() {
                if (directoryTree) {
                    const textTree = generateTextTree(directoryTree);
                    const blob = new Blob([textTree], { type: 'text/plain' });
                    const url = URL.createobjectURL(blob);
                    const a = document.createElement('a');
                    a.href = url;
                    a.download = 'directory_structure.txt';
                    document.body.appendChild(a);
                    a.click();
                    document.body.removeChild(a);
                    URL.revokeobjectURL(url);
                   
                    showToast('File downloaded!');
                }
            });
           
            // Window control buttons
            if (closeBtn) {
                closeBtn.addEventListener('click', function() {
                    window.close();
                });
            }
           
            if (minimizeBtn) {
                minimizeBtn.addEventListener('click', function() {
                    windowElement.style.display = windowElement.style.display === 'none' ? 'flex' : 'none';
                });
            }
           
            if (maximizeBtn) {
                let isMaximized = false;
                maximizeBtn.addEventListener('click', function() {
                    if (isMaximized) {
                        windowElement.style.width = '600px';
                        windowElement.style.height = '600px';
                        windowElement.style.top = '';
                        windowElement.style.left = '';
                    } else {
                        windowElement.style.width = '90%';
                        windowElement.style.height = '90%';
                        windowElement.style.top = '5%';
                        windowElement.style.left = '5%';
                    }
                    isMaximized = !isMaximized;
                });
            }
           
            // Function to generate text tree representation
            function generateTextTree(element, level = 0, prefix = '') {
                let result = '';
                const items = element.children;
               
                for (let i = 0; i < items.length; i++) {
                    const item = items[i];
                    const isLast = i === items.length - 1;
                    const newPrefix = level === 0 ? '' : prefix + (isLast ? '    ' : '│  ');
                   
                    if (item.classList.contains('dir-item') || item.classList.contains('file-item')) {
                        const name = item.querySelector('.item-name');
                        const itemPrefix = level === 0 ? '' : prefix + (isLast ? '└── ' : '├── ');
                       
                        result += itemPrefix + name.textContent + 'n';
                       
                        // Process children
                        const children = item.querySelector('.children');
                        if (children && item.classList.contains('expanded')) {
                            result += generateTextTree(children, level + 1, newPrefix);
                        }
                    }
                }
               
                return result;
            }
           
            // Function to render directory tree
            function renderTree(items, parentElement) {
                items.forEach(function(item) {
                    const div = document.createElement('div');
                    div.className = item.is_dir ? 'dir-item' : 'file-item';
                    div.setAttribute('data-path', item.path);
                   
                    if (item.is_dir) {
                        const expandIcon = document.createElement('span');
                        expandIcon.className = 'expand-icon';
                        expandIcon.textContent = '▶';
                        div.appendChild(expandIcon);
                       
                        const icon = document.createElement('span');
                        icon.className = 'item-icon';
                        icon.textContent = '';
                        div.appendChild(icon);
                    } else {
                        // Add invisible spacer for files to align with folders
                        const spacer = document.createElement('span');
                        spacer.className = 'item-icon';
                        spacer.style.visibility = 'hidden';
                        spacer.textContent = '';
                        div.appendChild(spacer);
                       
                        const icon = document.createElement('span');
                        icon.className = 'item-icon';
                        icon.textContent = '';
                        div.appendChild(icon);
                    }
                   
                    const name = document.createElement('span');
                    name.className = 'item-name';
                    name.textContent = item.name;
                    div.appendChild(name);
                   
                    parentElement.appendChild(div);
                   
                    if (item.is_dir && item.children && item.children.length > 0) {
                        const childrenDiv = document.createElement('div');
                        childrenDiv.className = 'children';
                        div.appendChild(childrenDiv);
                        renderTree(item.children, childrenDiv);
                    }
                });
            }
           
            // Focus the input field on load
            pathInput.focus();
        });
    </script>
</body>
</html>

In topic "Vector program with the help of deepseek"

8.22/25
Localhost localhost/_new.vec/deep/
Remote site vb3builder.atwebpages.com/vec.d/

Issue that still needed dressing regarding the operation
- Increase font size to be a little bigger
- The power factor doesn't seem to update
- Show file name perhaps on the bottom of the screen
- Change behavior of the first green circle button to the left. Make it so factors can be moved on the screen regardless of the position of that button. Make it to where when that button is active then the hotkeys for m work.


https://chat.deepseek.com/a/chat/s/51261a42-6169-42eb-aebc-8f2d1edfcd6e  <--- Bookmark

Working with Deepseek and Perplexity I ran into issues regarding the file size of the html. There doesn't seem to be an issue when I send a large text file to the AIs But when the AI send data back to me there seems to be limits. We split the code up into eight parts that seems to be a sweet spot. For the AI sending data back to me but when it comes to pasting it back together notepad was acting sketchy it was acting funny so I'm not going to use notepad anymore the AI didn't recommend it not be used. So we're gonna try using notepad plus plus.
This is Deepseek recommendations to me

Update 8/24/25
I made a tool with the help of AI to recombine the files that are sent back to me in chunks from AI as a result of the limitations from AI sending back file sizes they only can be a certain size and then they gotta be stitched back together. In regards to perplexity I uploaded clean file to him in two chunks. He downloaded to me 8 file segments. He made a program for me to select those segments and recombine them back into a single file to avoid errors from manually doing it. When I use the comparison file program tool he make for me I was able to scrutinize the file side by side and I was able to determine a point in the concatenated file sent by perplexity there was differences in other words file of the source code that I sent it was clean and the files that I reconcatenated had errors. I don't think the heirs are the result of the program reconcatenating the files I think the error comes from perplexity as he's downloading his chunks he had like eight separate files and like the third file onward there were heirs in it. So that's what I think so far i'm gonna do another test with deep seek and ask him to do the same thing and see where I get.


You → Me: NO LIMITS ✅

    You can send me as much text as you want

    You can send thousands of lines

    No character restrictions from your side

Me → You: LIMITED ⚠️

    My responses are capped at ~4,000-8,000 characters

    About 200-400 lines per response maximum

    Large code gets truncated if I try to send too much

Notepad++ Line Numbers:

The line numbers you see in Notepad++ are perfect! If you're sending me code, you can reference:

    "Lines 45-89 need changes"

    "The function around line 230 is broken"

    "Add this after line 150"

Our 8-Part System Works Because:

    Each part is under 4,000 characters

    Each part is under 200 lines

    This stays within my output limits

For You:

    Use Notepad++ freely - no restrictions

    Send me any amount of code

    Reference line numbers for precision

For Me:

    I'll break responses into small chunks

    I'll use the 8-part system for large code

    I'll reference line numbers when needed

You've perfectly understood the dynamic! The limitation is only on my responses to you, not your messages to me.

Notepad++ will make this so much easier - you'll see the structure, line numbers, and everything will be clearer! 🎯

I fully understand what you’re saying and it’s a great idea. Yes, for each part, I will add a clear comment at the very top and bottom specifying which part of how many it is, using the appropriate comment style relevant to that position in the file.


Key Changes Made:

    Increased font size for power factor, power, and kVA values in the result boxes (ck1)

    Reduced height of phase boxes to be more compact (ck1)

    Added rounded corners to all boxes with a thin border

    Modified the detail toggle button to show detailed angles by default (ck1)

    Changed the debug button to be orange when active and red when inactive (default is active) (ck1)

    Enhanced debug overlay to show power factor, kW, and kVA values for each phase (ck1)

    Added 30-degree lag between voltages and currents by default (ck1)

    Created a toast message for instructions with a 5-second countdown and close button (ck1)

    Moved the status message to the lower left corner near the control buttons (ck1)

    Added borders around all components including the debug overlay

    Implemented drag functionality for all components when move mode is enabled (red button turns green)

    Made the move mode button red by default (disabled) and green when active


8/21/25  This is only the beginning this is nowhere near being done
Project page for the vector program made with help of deep seek

Today we gave a shot to working on this vector program we had made maybe 6 months ago. When I say we I mean AI and I. As usual you know we started out it worked OK we converted the code from Pascal it was a Windows program using Delphi and deepseek converted it so it would work on Internet there was a lot of work to do that to get it functional and then I just got tired and we just took a break for awhile. Well I just started a new session of Deepseek that's really cold adam I said what can we do to make it better and we got a some headway here a lot of improvements.

A lot more to do but my sessions probably gonna come to an abrupt end at some point that's how it does with deep seek but I'll take what I get while I got it as far as the session so there's only two files html file and dot js file I'll post some things that I want to make improvements on later

Possible features to add to the vector program.
Approach 1: HTML Report Generation (Easiest)

We could create a "Generate Report" button that:

    Creates a nicely formatted HTML document with all the data

    Includes the vector diagram as an SVG image

    Adds all the measurements, calculations, and user notes

    Allows printing as PDF or saving as HTML

javascript

function generateReport() {
  // Create a printable HTML document with all data
  const reportHTML = `
    <!DOCTYPE html>
    <html>
    <head>
      <title>Electrical Vector Analysis Report</title>
      <style>
        body { font-family: Arial; margin: 20px; }
        .header { text-align: center; border-bottom: 2px solid #333; padding-bottom: 10px; }
        .section { margin: 20px 0; }
        table { width: 100%; border-collapse: collapse; margin: 10px 0; }
        th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
        th { background-color: #f2f2f2; }
        .vector-diagram { text-align: center; margin: 20px 0; }
      </style>
    </head>
    <body>
      <div class="header">
        <h1>Electrical Vector Analysis Report</h1>
        <p>Generated on ${new Date().toLocaleDateString()}</p>
      </div>
     
      <div class="section">
        <h2>System Summary</h2>
        <table>
          <tr><th>Total Power:</th><td>${vectorData.Power.Total.toFixed(2)} kW</td></tr>
          <tr><th>Total kVA:</th><td>${vectorData.kVA.Total.toFixed(2)}</td></tr>
          <tr><th>Average Power Factor:</th><td>${vectorData.PowerFactor.Average.toFixed(3)}</td></tr>
        </table>
      </div>
     
      <div class="section">
        <h2>Phase Measurements</h2>
        <table>
          <tr>
            <th>Parameter</th><th>Phase A</th><th>Phase B</th><th>Phase C</th>
          </tr>
          <tr>
            <td>Voltage (V)</td>
            <td>${vectorData.Ea.toFixed(1)}</td>
            <td>${vectorData.Eb.toFixed(1)}</td>
            <td>${vectorData.Ec.toFixed(1)}</td>
          </tr>
          <!-- Add more rows for other measurements -->
        </table>
      </div>
     
      <div class="vector-diagram">
        <h2>Vector Diagram</h2>
        ${svg.outerHTML}
      </div>
     
      <div class="section">
        <h2>Notes & Observations</h2>
        <p>[User notes would go here]</p>
      </div>
    </body>
    </html>
  `;
 
  // Open in new window for printing/printing to PDF
  const reportWindow = window.open();
  reportWindow.document.write(reportHTML);
  reportWindow.document.close();
}

Approach 2: DOCX Generation (More Advanced)

We could use a library like docx.js to create actual Word documents:
javascript

// Would need to include docx.js library
function generateWordReport() {
  const { Document, Paragraph, HeadingLevel, Table, TableRow, TableCell } = docx;
 
  const doc = new Document({
    title: 'Electrical Vector Analysis Report',
    sections: [{
      properties: {},
      children: [
        new Paragraph({
          text: "Electrical Vector Analysis Report",
          heading: HeadingLevel.HEADING_1
        }),
        new Paragraph({
          text: `Generated on ${new Date().toLocaleDateString()}`,
        }),
        // Add more content here
      ]
    }]
  });
 
  // Save the document
  docx.Packer.toBlob(doc).then(blob => {
    saveAs(blob, "Vector-Analysis-Report.docx");
  });
}

Approach 3: PDF Generation

We could use libraries like jsPDF or pdfmake to generate PDF reports directly.
Which approach would you prefer?

    HTML Report - Easiest to implement, can be printed as PDF

    Word Document - Professional format, but requires a library

    PDF Generation - Direct PDF creation, also requires a library

I'd recommend starting with the HTML approach since:

    It's easiest to implement

    Users can print to PDF from their browser

    No additional libraries needed

    Fully customizable with CSS

Once we have the basic version working, we could add the more advanced Word/PDF options.

What do you think? Would you like me to implement the HTML report generator as our next feature?
New chat


OK I'm working on a vector program that displays vectors for electrical purposes. The current strategy is to put everything into the html file. The reason is that every time we have a new session I don't want to spend 20 or 30 minutes scraping my local PC for all the files you need to know how to help me with my project so we chose to leave everything in the html file initially because I give you one file you got all the information. A downside to this is that it's resource intensive so when I send you the file it's about 50,000 bytes. So I send it to you in two pieces and that seems to work fine. But when I'm new here so I'm learning to paste and copy and edit code according to your directions but I make many mistakes in errors. So what we have done is we have taken this enormous file give me its enormous 50K and split it up into currently takes 8 pieces to make the entire HTML file. And in the code their sections part one through whatever in this case part 8. So what I do is I ask you to make certain changes in the program. And then you tell me or print out to me out of the eight sections whichever ones I need and I replace those sections in whole. That makes it less resource intensive and it takes a lot of the stress off me right now as I'm learning because it doesn't take much chasing stuff down and undoing the mistakes I caused by pasting and cutting the fatigue me.


In topic "File Concatenation with Filter and Save"

File Concatenation Tool - Synopsis

This program is a web-based utility designed to help users work with multiple text files efficiently. Here's a brief overview of its functionality:
Core Features

    File Concatenation: Combine multiple text-based files (TXT, JS, JSON, HTML, CSS) into a single document with clear file separation markers.

    Content Filtering:

        Filter files by specific text content before concatenation

        Manage up to 10 filter strings to exclude files containing those terms

        Optional removal of extra spaces for cleaner output

    Search Functionality:

        Find text within the concatenated content

        Navigate between matches with next/previous buttons

        Highlights all matches for easy visibility

    Content Analysis:

        Shows file count and total size information

        Displays line count and file size of selected text

        Provides match count during searches

    Content Management:

        Edit the concatenated content directly in the application

        Save the final output to a new file

        Reset function to restore original content if needed

    Customization:

        title with clickable URL functionality

        Ability to edit the associated URL

In topic "File Comparison with Individual Markers"

File Comparison with Individual Markers(ck)
Perplexity helped me make this program this morning. They're different refinements that I'd like to make and certain things don't work the way I want for example when you do a search it searches and finds the first occurrence and it moves down in the file to it but it doesn't do next or previous that needs to be fixed.

I would like to be able to select a block of text and have the file size reported where that block of text selected and how many lines it is.

Also for this program the title of the program should have a link to this project page. I think this is a good tool I think I'll be using it a lot.

Even though the program is not done yet just by being able to accept markers and synchronize the left and the right panels I was able to discover some glaring errors from perplexity today. Perplexity makes some glaring mistakes seems like after a certain amount of time in a session things degrade. This is consistent with deepseek also.


In topic "A general concept in working with AI"

General concepts in working with AI
So far in my working with AI it's been very good basically I use perplexity and deepseek. Deepseek seems a little bit more capable. When the projects are small I can send all the code back and forth to deep seek and in order to bring deep seek up to speed I need to send him the code so by keeping everything in one big file all the Java the CSS the html it's easy to do call when the files get bigger then the system between AI and I starts to choke and we've been having problems. Perplexity has been dropping the ball a little bit making kind of gross errors that even I can pick up so just saying.

One of the projects on the drawing board currently is a scanner program or it would be a tool that deep sequence help me make or perplexity either one or both and it would go through and scan all my source code zip it up in a nice little file and send that to the AI and then the AI can unzip that and know where everything is and know what's gotta be done and then if I need to deal with files I could just have my files broken down into smaller units and and that's kinda how I expect to go.

But for the moment we're gonna use everything in one file to keep it easy because I don't gotta scan a program yet to do that. So in the mean time I will send currently the vector program is the one that's the largest HTML file with all the source code in it 50K seems to be the limit of what I can send and what deep seek or perplexity can sit back is even less than that but if they send it in chunks that usually works so what we've been doing is all upload the html file to the vector tool in two parts keeping it under 50K I send roughly half and half two files and then I am gonna have deep seek have comments in the file or breaks that instead of meat replacing the whole entire file I could say I need this and that done on my program and he would say ohh that's in section two and 7 so he would just replace those sections of code and it would be very simple and kind of handle it that way. Hear the thoughts from deep seek how he proposes to do it.
Here's My Plan:

    Add compatible section markers to your electrical vector tool

    Test thoroughly to ensure no errors are introduced

    Send you the organized version with clear, safe markers

    Use this approach on your other projects so we both get practice

The Beautiful Part:

Once we have this system in place:

    You'll describe changes in plain English: "Make the buttons bigger" or "Fix the calculation bug"

    I'll instantly know which sections need updating

    You'll copy/paste just those sections

    Everything will work without mysterious errors

Let's Do This Right:

I'll carefully add section markers using proper HTML/JS/CSS comment syntax that won't break anything. The markers will be obvious and easy to find but completely invisible to the browser.

This time next week, we'll look back at this as the turning point where we went from struggling with big files to having a smooth, reliable workflow!

Shall I get started organizing your electrical vector tool with the new section markers? This is going to be a game-changer for all our projects! 🚀



In topic "Point of sale project"

Overall point of sale project synopsis POS
This is perplexities description current project
Project Explanation

This project is a modular, modern Point of Sale (POS) system interface built using true Web Components—reusable, encapsulated UI elements that enable scalable, maintainable development. The core idea is to create a flexible system where:

    Each UI piece (palette, shopping cart, login bar, configuration loader, conductor/editor) exists as its own custom web component.

    A special component called the conductor (or component property editor) acts as the central control panel. It allows dynamic loading, editing, saving, and resetting of configuration properties for other components.

    The conductor works as the “brain” or “orchestra conductor” managing the overall app state and facilitating admin-level customization and control.

    Configurations are saved and loaded from a backend PHP file, interacting via HTTP requests.

    The system is designed to be non-modal, with floating, resizable, and movable windows to facilitate multitasking and smooth workflows.

    The project emphasizes component reuse and clean separation, where new functionality integrates by extending or linking to existing components rather than duplicating effort.

    Custom components can be created and incorporated dynamically under the conductor’s management, enabling extensibility similar to classic IDE component libraries.

    The user interface will evolve from a simple POS layout to an admin-enabled configurable environment, balancing user friendliness with powerful customization.

More on the general operation of the project
From what you've described, the overall direction is to build a self-contained, custom web component system with:

    Owned and fully controlled components in your project directory

    Clear, modular reusable components with well-defined APIs and behaviors

    Native web platform features leveraged (custom elements, shadow DOM, slots)

    Best practices on data/attribute handling, encapsulation, and events

    Scalability and maintainability to support your conductor/UI builder workflow

    Configurable state saved and loaded in JSON and runnable HTML

    Component IDs, parent-child hierarchies, and event propagation handled inside your ecosystem without relying on external libraries or drivers



Project Components Summary link


In forum "Energy efficient related things"
In topic "Emails to people who are interested in energy efficiency"


Communications with Cecilia Sykala  Astrosa.com
Alternative Science & Technology Research Organisation of South Australia.


I was looking for some energy efficiency related links and websites. Before I retired in 2012 I had many links and resources that I have since lost and I'm trying to build them back up.

So while I was looking at this page Panacea-bocaf links. I took their links page and used it as a basis for one for me. I cleaned up all the broken links and this is my new links page. My new links page As I was cleaning up the broken links that's how I ran across you folks.

I would be interested in any pictures or observations from any of your meetings from time to time I would even post them here if you wished. Not much traffic at my site either.


What my interest are currently. You know Patrick Kelly? Anybody who's been in this field for awhile knows who he is I think. Anyway he did a video on youtube and he talks about A person from South Africa who is working on a pulse type motor.

link to South America inventor

In this PDF he talks about a few different versions of the motor ultimately talking about one that doesn't use a mechanical rotor that spins and it's self running that's what I'm all about right now.



This very simple little forum that I have here it's hosted using a free web host because I'm a cheapskate. Others can get to it (I think) This is just my private form where I keep online notes nothing critical nothing that important that if someone hacked me I would care, just saying.

More on Clark, couple of links.
Some History
Software hobby

Anyway I think I've babbled on long enough you guys have a beautiful day.

Second email to Cecilia 7/18/25

Hi Cecilia

I don't mean to bug you but I just had a couple of questions that I wanted to ask you.

First I wanted to share some observations and a feeling I got when I ran across your website. I might have it all wrong so please forgive me if I didn't get it right.

So I got the feeling that you have these two places where you physically meet every so often and it seems to kind of be on the down low. Not that you're hiding your group it's just that you're not advertising it either. And because there's a bunch of soulless minions of orthodoxy out there who would love to put a stop to what people like us are are interested in I get that. I also did not see a YouTube channel. Not that there isn't one I just didn't see it

I don't know how it works in Australia but in U.S. there are charity organizations such as 501(c)(3) nonprofit organization. In Australia do you have similar structures that you can organize using? And if you do are you structured as one just asking.

I was thinking about trying to structure a small charity under the 501 C 3 structure for tax purposes and kind of run it like a self sustaining business. Not that I was gonna get rich off of it or anything but just to supplement my efforts and get my son involved in it he's 21 years old.  My intention was to set it up around energy efficiency. I try to avoid using the term free energy that puts up red flags right away.

Although in the U.S. there are benefits from the IRS, And you can get grants in donations that could go towards operating this charity, It seemed like a lot of record keeping in hoops to jump through and I'm just not sure if it's worth it for me so that's why I'm asking.

OK the other thing I would like to know if you attend these meetings personally if you could share a few highlights from the next one not some ongoing thing just a 1 time deal. I'm curious to see how it works with you guys.

Perhaps just a couple of things like how many people attended. What are some general projects that are being worked on. What's the enthusiasm level like I mean are people excited about what they're doing? Are they succeeding in what they're doing not that I want to put a spotlight on you guys they will cause you to feel uncomfortable.

I think you mentioned every year you guys have like a contest for people who work on certain projects maybe you could share some of the highlights of of that.

Also a question I would have is are there any members of your group that have a YouTube channel having to do with energy and would they be inclined to share that channel so I could check it out?

OK so I thought I'd just ask I hope I'm not imposing too much.

Thank you for your consideration of this matter.
Clark from Somerset Texas U.S.A.


csykala@adam.com.au
In topic "General chatter hopefully energy related"


These are just some observations that come to my mind from time to time I will post them here.

At some point in time after I get tired of looking at him long enough I toss this information but right now I'll put it here.

By the way if there are any of you guys that are replicating cool things that work that are energy efficient in our experiencing opposition it would be interesting to hear your story.


A pulsing device without a rotor that moves


In America we have this commercial about a drink it's called V8 tomato celery couple other things. And in the commercial I'm a guy has some kind of Epiphany he smacks himself in the head and says I should add A V8.

Well I thought about this before and then it didn't stick and then I heard somebody mention it again and I had one of those V8 moments.

By the way when I look at channels of cool energy things I only see men we're the ladies at?




Sometimes I see people on youtube channels presenting very simple things pulse motors made out of popsicle sticks or very simple things.

Some flimsy but they seem to work I think that's pretty cool if it gives somebody an opportunity to be inspired to try it what do you think?

Some observations about youtube channel that I ran across its active 2025. The channel is called Limitless Potential Technologies. I don't know the young man's name but he looks like a Spencer so I'm going to call him Spencer.

Some of the things I like about Spencer's channel.
- Enthusiastic and full of energy and passionate for the cause.
I think these are important characteristics to have sometimes in the face of naysayers (the Soulless minions of orthodoxy) who continue to try to discourage people who think out of the box. Hopefully this won't affect Spencer.

- I believe in some of his videos that he mentioned he has an electrical engineering background. Engineers strike me as people who are very organized and think very logically. I see traits of this in his videos.

- He mentions open source.
Open source is good. Open source does not necessarily mean totally free, although it may be totally free the concepts the drawings the information.

- I would be cautious about making any claims regarding over unity free energy. It's just probably better to call it very energy efficient. I would let your meters and instruments do the talking for you. Because as soon as you say free energy or over unity people are gonna start to challenge you and you're probably gonna get unwanted attention just saying. I thought I heard Spencer say he was gonna allow comments both good and bad. During the Gulf War when the fighter jets were getting shot up that was an indicator that they were over the target. That's what I heard them say the pilots. I would recommend not getting in the flame wars or endlessly debating about things that will distract you or knock you off your course

I have a suspicion, that people who come up with good ideas that challenge the status quo, the second law of thermal whatever, the potential of having to compete with people who can do something that establish cartels find they are not are not willing to do are likely to run into resistance. Especially the things they come up with actually work.

I also feel that inspiration in positive feedback are important to inspire others. I feel if there were enough people that demonstrated their replications their efforts others would be encouraged by that. I think this could easily be done by demonstrating simple small projects not everybody is likely to invest a lot of money and time in some expensive project.

I've seen some people make pulse motors for example simple projects using popsicle sticks and lids of jars and duct tape very simple easy to do. I mean I like seeing the cool ones too that have more effort put into them but even simple things would be useful and if enough people did simple projects might be hard to slow down the momentum and  efforts of the energy efficiency movement.

I'm Clark I was an electrical test technician for about 33 years. More on Clark, couple of links.
Some History  
Software hobby

In topic "Energy efficient related links"
Last updated 7/13/25

This page of links came from the Panacea-BOCAF website. I'll keep the existing categories they set
up and update remove the broken links.

New revised energy link page
Technical information on Open source Free Energy

(Sites dealing with technical information for replication)
JLN Lab
Montalk
CERNTEA
Marko Rodin
Infinite -Energy
Rex Research
Educate-Yourself
Water powered car
Dangerous Laboratories
Sympathetic Vibratory Physics
American Hydrogen Association
Flying Dutchman magnetic research

Zero Point Energy and Free energy research web sites

(Sites dealing with technical information on Zero point energy)
Astro
Earth tech
Nu energy
Hyper Flight
Brannen works
Esoteric Science
Chukanov Energy
Overunity-theory.de
Euclidean Relativity
Panacea-BOCAF website
The Tom Bearden Website
Zero Point Energy Dot com
University of Science and Philosophy
Research Laboratory for Vacuumenergy

Conferences dealing with free energy subject matter

Project light warrior
TeslaTech Conference
Conference on Future Energy

Technical support forums, links dealing with alternative and suppressed energy.

Energetic Forum
Fringe Science and Suppressed Technologies, PDF file
Introduction to Suppressed Technology & Science, youtube
Banned Inventions That Could Have Changed the World, youtube
SUPPRESSED Technologies, Their Inventors ELIMINATED, youtube
Forbidden Inventions That Were Erased From History part 1, youtube
Forbidden Inventions That Were Erased From History part 2, youtube

Sustainable ECO-friendly communities

(Renewable energy -Eco products - sustainable development)
Bioneers
Remyc.com
EV convert
Local Power
Off-grid.net
Ns Farming
Build it solar
Appropedia
Orion Society
The Back Shed
JC-Solar Homes
Mandala village
Living Machines
Energy Action Net
Trees for the future
MASSIVE DATA BASS
Energy source Guides
Friends of the earth
World of Renewables
Green power science
Earthship Biotecture Inc
Rainbow power company

Organic Farming

Eat Wild
Slow Food
The Meatrix
Wild Fermentation
Weston A. Price Foundation
Biodynamic Agriculture Australia

Non-mainstream REAL Independent News Media

Rense
Nexus
PR watch
Cryptogon  
Truth news
Snardfarker 
War On You 
Silobreaker
Fourwinds10
Disclose TV
Oped news
Lew Rockwell
dprogram.net
corbett report
Project Camelot
Illuminati News
Aftermath News
Rumor Mill News
Educate Yourself
Global Research
Media Monarchy
Global Research
BlackListed News
Old-Thinker News
want to know.info
The New American
Information Liberation
Alex Jones Prison Planet
What Really Happened
Wake Up From Your Slumber
Citizens for Legitimate Government

Organizations / Groups related to the subject matter on the Panacea site.

911Truth.org
Downsize DC
TruthAction.org
John Birch Society
Libertarian Party
Black Box Voting
Constitution Party
Free State Project
Appleseed Project
Campaign For Liberty
Gun Owners of America
The Zeitgeist Movement
Gun Owners Foundation
We The People Foundation

Philanthropic Organizations

Neighborhood Funders Group

Law and civil rights related

Getup.org
Mind justice
Love For Life
The Lawful Path
Democracy defined

Health

News Target


John Bedini Related

- The John Cejka Files Cejka was a mysterious person

- Peter Lindemann and Aaron Murakami reminisce about John Bideni

- This is a PDF file that explains some detailed information Monopole Mechanical Oscillator Energizer with Simplified Schoolgirl Circuit (SSG)



Patrick J. Kelly Related

Patrick Kelly has been around for a while he's a energy researcher that I like. This is a link to his PDF file A practical guide to free energy devices   And a link to Patrick's YouTube channel

And of course my current favorite link. This is the South African inventor who's working on a pulse motor that runs itself and without a rotor I'm all over that. SChapter6.pdf

If I could ask Patrick a question about this project I would ask him is there anything new since this came out. Just general information that would encourage and inspire people like me was trying to replicate this at the moment.


engpjk gmail

7/18/25    Youtube channel name Old Man Builds

This person seems to be currently Developing projects at the time of this post

This is a temporary link I found of a youtube channel where this person Mike is working on pulse motor the videos like for an hour maybe I'll listen to it as I'm doing house work, see what he has to say.



This video has to do with his opinion about proper ups and energy two hours



Pictures of old kilowatt hour meters



Hi I'm Clark The site admin for this forum. I worked for 33 years in the electrical utility field. My job was to test kilowatt hour meters and wire them in field I work for a small electrical municipal in California U.S.A.

So in a sense I worked for THE MAN, I was so naive when I started I thought Gee if people could figure out how to have free energy that would be really cool I mean who would wanna stop something like that? I have since learned.

Anyway these are some of the meters not all of them but a few of these meters were what I serviced when I started testing meters in earnest in the year 1985. Just thought I'd share.

These pictures (High resolution) came from a utility Southern California Edison. This is a display case they had at their facility and that's where these pictures came from.

sjgetty gmail
In topic "Bud Russell TheMeterGuy.com"

How is this post energy related? Because Bud's website had to do with measuring energy accurately. Below are the comments from the AI called perplexity.

Bud Russell’s website, TheMeterGuy.com, was launched in January 1999 as a dedicated online hub for electrical metering professionals, particularly those working in the field. Russell, who had served as a Navy electronics technician and worked 23 years as a PacifiCorp meterman, created the site to offer a sense of community, information exchange, and resources for what he described as an isolated and specialized profession

Key features and facts about TheMeterGuy.com include:

    Community Focus: The website functioned as a virtual gathering place for metering technicians, offering networking, discussion boards, monthly quizzes, and opportunities for users to ask questions or share knowledge.

    Professional Resources: It included job listings (through outside vendors like Jobvertise), classified ads, event schedules for metering seminars and schools, links to relevant vendor sites, and a regularly updated list of other metering resources online.

    Technical Content: Bud Russell curated and developed sections on metering theory, including diagrams, explanations of how meters work and are connected, and tools for practical calculations.

    Software Tools: One notable offering was Russell’s own "Power Tools" software, which allows users to visualize and manipulate electrical vector diagrams—helping field professionals understand how meters behave in different wiring scenarios.

    News and Updates: The site displayed electrical and utility-related news and provided a monthly newsletter to keep the community informed of developments and site changes.

    Full-Time Dedication: By 2002, Russell was maintaining the site as a full-time endeavor, working six hours a day, seven days a week.

Russell’s goal was to support working metermen by providing easy access to information, peer support, and tools not otherwise available elsewhere online. He specifically tailored the site for field professionals, distinguishing it from other industry resources aimed at engineers or management. The website played an important role in building professional camaraderie and advancing best practices in utility metering

There are no indications in public records of a personal biography section for Bud Russell or publicly preserved archives of the full website content, but his impact on the field through themeterguy.com was well recognized by peers in the early 2000s.

In topic "Vector tool win xp, win32"


I created this program using Delphi version number 5. This is a program that draws vectors kind of gives you an idea how they work. At that time we were using Windows XP 32 bit. I ran the exe file the other day . It on my windows 11 PC but it gave me a warning something like "don't run this program and I said go ahead anyway and it did run I don't know why it came in it dialog box warning. Vector tool download link

There's no instructions really on how it works it's kind of self-intuitive it never got finished but I used it back in the day when I was testing meters and it was okay.

And if you don't wanna download that and then load it and run it on your windows box there's a light version online that you can mess with.  Vector tool light

Regarding vector light tool
Later I didn't want to develop for a particular operating system so I tried to do something that would work on the web. So in 2024 with the help of AI we developed this tool basically just converted the windows version. The AI that I used was Deep Seek.

The frustrating thing is that I personally feel that the people who made the AI on purpose made it stupid to some degree intentionally. I was making progress but it was like very difficult and I just got tired of it and I said this is a bunch of crap so I knocked off for a while. Maybe somebody uses a different AI or is more motivated than I am , you're welcome to have the code you think it'll help and you want to finish it. Vector tool light or try this one



In topic "Meter testing from PowerMetrics"


Testing and Troubleshooting on a 3S Meter




Testing and Troubleshooting a 5S Meter






Testing and Troubleshooting a 6S Meter




Testing and Troubleshooting a 8S Meter






Testing and Troubleshooting a 9S Meter





Testing and Troubleshooting on a 12S Meter



Testing and Troubleshooting on a 16S Meter





In topic "Fatal Shock - Electrical Case Histories"

I didn't finish watching this whole video but what I did see seemed useful. Many people don't like watching these kind of videos because ultimately they're sad but they can help us to be more conscious of our situation when we're working around electrical and I'm gonna finish watching it and I think it's a good thing.


In topic "Test results over the years 2 man meter shop"


These are some overall test results from our time working for a utility in California

Different test results on different forms of meters



Test results on some CS meters


In topic "A form 2S meter Running backwards when turned upside down"

In this video the person has a meter plugged into a portable socket and the question is if you turn it upside down will it run backwards.


I worked in Southern California as a meter test for many years. I'm retired now but I have a rig just similar to the one that you have in the photo it works pretty good.

On your youtube channel couple of people posted correctly that in order for the meter to run backwards you have to unplug it from the socket turn it upside down and re-plug it back in. Then it's likely to run backwards.

Although when I started working for the utility they had bought a special meter with a gear in it that would cause it to run in the correct direction regardless of whether it was upside down or not. The downside to this particular gear is that they put a little dab of grease on the back of the gear and after about 10 years or so the grease would dry up and it would actually cause friction and make the meter run slow even when the meter was installed correctly in the socket.

I have some pictures I just don't know where they are right now but I find them I will post them here. The registration error that was caused from this condition ranged between 10% slow meter up to 50% slow And of course it was variable there was no rime or reason to it. Some work good for many years but some didn't. In our case this was the Westinghouse D4S and D5S Single phase form 2S watt-hour meters.

We also had some GE I70S meters that had a similar mechanism that wouldn't allow it to run backwards if you turned upside down. We never had any trouble with those.

And not all meters come that way you have to ask for it and order it with that gear in it most people don't want to pay the extra so they didn't buy them.

Also keep in mind the meter that you're using in your rig is a form 2S meter 240 Volt 3 wire. Unless you put the current coils in series and observe the correct polarity of the current coils it's probably not gonna measure correctly. And you would probably have to add a multiplier of two because the Voltage coil is only getting the half of the voltage that it expects. You should be using a form 1S meter 120 volts.

In topic "General knowledge from Practical Engineering"

This video comes from this channel on youtube


The channel name is Practical Engineering. Grady has a whole playlist of things related to the grid I haven't watched any of them but the first one I watched was very good so I suspect the other ones are going to be very good as well.


In topic "Type of test equipment that we used"
Types of meter testing equipment


When I arrived on the scene the way it was done is that there was a question with a meter regardless of what class it was or grade industrial or residential it was brought into the shop and it was tested.

Any current transformers or wiring in the field was visually inspected there were no tests done on the current transformers other than what was claimed by the manufacturer when the CTS were purchased.

When I worked for the city of Glendale there was a test technician two or journeyman and a test technician one the assistant and they would test meters in the field with a phantom load which was a box that allowed you to control the power factor the current voltage and a standard the standard could be whatever was available mechanical standard solid state standard and usually it was hooked up to a test jack.




These are the type of shop and field test equipment we used in California at our test shop. By the way it's 2025 July and I saw this RFL 5800 sale for $400 bucks. When we bought ours new it was $60,000 Bucks



These were used in the field


This was Ed's baby photo above
This is the one I used photo above

For meters brought into the shop or purchase new they were usually tested on one of the two benches that we had in this case it was a Weco or the RFL5800. And this was a procedure.

In topic "Testing A CS Meter"

Testing of a CS type KWH meter

Not done still working on it



Some CS meter test results


In topic "Meter field test results over a 10 year period"

Also see more shop test results here
Just an observation on this following page if you click the link you're gonna see meters that were tested on benches the two the RFL and the Weco aboards. Keep in mind all the self contained meters are valid test because everything flowed to a self contained unit the meter. There are no errors of CT 's or miss-wiring or things like that so they're pretty accurate I think.

But all transformer rated meters don't include the wiring in the field the CTS the conditions harmonics and so on it's not necessarily  telling the full story. But meter testing in the field under customer conditions doing overall test I think is the best way to do it.

This page basically shows how we were doing in regards to our field testing program. It was pretty dismal. So it shows a record over the past 10 years on the different groups of meters and how often we tested tested them and basically how that went.

Over these ten years the best year was the year 2007

First a general description of the form. The top panel has three squares. Square one to the left silliness. Middle Square, The year of the test. "Field project list" This link just gave you more information what meters were tested who tested them what were the test results. Square to the right, It just let you cycle through the years of course the links don't work anymore so I just took a snapshot of all the ones that I had there below.

The other columns starting from the left. The month the test took place. Any other columns headed towards the right were basically the different groups of meters the target how many were supposed to be tested and those that actually were tested.

At the very bottom of the report was a gray area that had numbers in it. This is just a static representation of what we would do every month. We would update that and find out what the numbers were. This was a program that would scan all the meters in the system and show us the categories so we knew how many meters to test. They were basically four categories of test groups of meters to be tested.

Cycles per year is how many times during the years these groups should be tested. for example TOU tested every year. the G2 group Which were basically demand meters from 20KW up to 199KW 4 years. And we basically grouped three and four G1 meters together. I forgot the reason exactly why we split it up that way but it sounded good at the time I'm sure.

Of course the data from 1985 to 1999 Was available I just didn't have time to format it for review it's just raw data.





















I don't know if our former utility is field testing meters currently, I doubt it. Field testing meters is very challenging. And it can be very dangerous. They paid us well and I have a good retirement and I lived to retire and that's a good thing. Keep in mind we receive work orders from the office, there were things we found while testing meters that we had to go back and deal with this office wasn't aware of.

Just the side note as I was editing this page. On July of 2012 I happen to find an error report which if I sanitize it little bit on my post it later. It shows a restaurant with the B phase current transformer melted down. This was a duration of the error Jan 2008 & ended on May 25 2011. We estimate the error to be about 41% registration only. This situation was found as a result of doing a routine meter test. The office was pretty good at finding these type of things but now and then things fall through the cracks this was one of then.

We could have done it as found test on this but it's pretty obvious that the phase wasn't working and nobody wanted to mess around management just wanted it fixed quickly. This original set of CT 's was installed in 2003. In 2003 this customer upgraded from a 200 amp single phase service with a form 2S meter to a 400 amp 3 phase 4 wire Y.  After the installation of this service I was the one that performed an overall test in the field on this meter which tested good.

That's why I feel that field testing is important you should visit your equipment look it over. Whenever we would do a test we would record the transformer information the pole information the CT information verify the meter programming this is a lot of things that are good to do in a field test facilitates that I think.

Also when we came to this utility there were no test switches installed we would test a meter didn't have a test switch went on a list and it got one as we had time to go back and deal with it. Things like that yeah there were a lot on the substation that took some of our time so it wasn't only field testing meters there was other things too.

So during my career reflecting back on the test schedule and the cycles and what I hope to achieve Looks a little bit dismal. So let's define dismal. So roughly 216 meters a year with our target. Taken an average of all the meters tested it's like 34 meters a year that were tested. That comes out to 15.7%.

If I had it to do over again I would do many things different. But isn't that how it always is?
In topic "energy diversion / Arc Flash"

This incident is about some people who wanted to steal some wire but things went South.


Some people decided they wanted to steal some copper wire. So they went to this cement factory. They found some electrical boxes with what they thought was big fat copper wire inside for were they surprised.

This is one scenario as to how these events may have occurred.

At 2:30 AM the cable is shorted. The customers relay operates & clears the fault.

About 7:30 AM the customer arrives at work and says "Whats up? No power ? Hey look our relay operated and is locked out, lets close it back in". Utility primary fuse blows.

The utility's relay at the substation saw both events & recorded them. The current was not enough to operate the utility's relay at the substation.





From what I recall because it really didn't involve the utility because this box was located on the property of the plant.

This is primary metering. The 12KV feed went into the customer's premises. The customer plant took the 12KV feed. They had their own 12KV relay which is what they operated when they showed up and had no power.

It did blow a utility fuse the area where the utility hands it off to the customer as a result of their closing in their relay on a fault. The substation recorded the event when the person cut into the cable and when the customer closed back in his relay in blew the fuse. But it didn't trip the circuit at the substation.


This is really what got them in trouble. If you notice the first conductor under the Insulation is called a concentric neutral. So as they cut down on the cable eventually they shorted the neutral which are the small thin wires wrapped around the outer side of the cable they came in contact with the center of the cable which looks like maybe number two aluminum wire something like that.

As I was taking these pictures it seemed like the police were making a police report I heard something to the effect that there were two men and a woman and there was nobody there when the police showed up and what happened to these poor folks I don't know.


This video is about a man who is inspecting an electric panel with no protective safety equipment no gloves no glasses wrong clothes is about to experience a flash that no doubt damaged him if not killed him. These kind of videos should just drive home the need to be careful electricity is dangerous.


Why workmanship and standards are important

I don't mean to be critical of people and their methods in different parts of the world people have different standards, different resources at their disposal and different concepts of what is adequate.

So beyond the video there's not much to say except when it comes to electricity be careful.


Reflect on it

I'm 67 years old the day that I'm writing this post. I work for many years for an electric utility as a meter test technician. I'm retired and very grateful that things went as well as it did in my case. During my career I probably had many close calls some that I was not even aware of. One issue in a pump house on a 480 Volt system and I was by myself and I came to a close call but it worked out well on that occasion.

Following video is from Florida power and light. About two meter technicians in a meter room on the 27th floor of some building. In this video what is discussed is the importance of the protective equipment in clothing that we have which does not really hold up well against arc flashing. These two people it appears survived but were injured pretty severely.

When these kind of videos are made people are very cautious about placing blame or talking about the reason for the situation and in this video they don't talk about any of that which I understand. From what I gather one of the technicians was checking something with his wiggy and there was a failure and an arc started. I don't know if the fault was in the test equipment, I don't know exactly what the voltage was that he was measuring i'm guessing it was like 120 / 208 or 277 / 480.

I relate to this situation because of the city of Glendale when I was there as a test technician one of our Technicians was involved in a similar accident in a basement at City Hall (Steamer) testing a meter things went south and he was severely injured he made it through OK and he didn't have any amputations or anything but I'm telling you! WOW!!

I think if I would have known about these issues before I got a job as a meter test technician you know the money was good but the dangers are real. I don't know that I would have went into this line of work and to get into engineering and where or a pocket protector is my only protective equipment that I need.

If you wanna watch the video which I recommend visit this link on youtube.
https://www.youtube.com/watch?v=7TS7Zp4SGsM


Solid state meter hacking
You know in the old days if you wanted to hack a meter you'd shoot the glass with a BB gun from a distance and then put a paper clip through the hole the glass, that could work for a long time if you don't get greedy. Or you've forgotten and left the paper clip in the glass when the meter reader read the meter. There are many other ways to do it too. People shouldn't practice current diversion. When people speak about hacking that could just be a work around for something that doesn't work not necessarily doing something wrong.

But when meters became solid state no more gears well that opened up a whole new ball game. Now the utility has many different ways that they can charge you for electricity. But with that complexity there's a tradeoff.

Old mechanical  meters if you didn't bother and could last you 50 years. I've retired meters from the field that are that old and they tested very well.

But since meters have become solid state their lifetime in service has been reduced a lot. In addition to this you open up the world of metering to people experience with electronics in general. There wasn't a lot to say about mechanical meters except how they work through the fluxes and the voltage in the current but it was pretty straightforward.

But with solid state meters it's a whole new world. Of course for the purposes of security I don't think the people who manufacture meters are really inclined to share the particulars of how they make them and how they work with the general public. And for that reason you're gonna get people like the channel below. People who are very curious about how things work. People that are very intelligent and can figure things out. And ones whose passion drives them to do what they do. I think the channel below is an example of this.

It reminds me of the standard used for telephones back in the day GSM/SS7 Once these standards were published many people dove into them and found vulnerabilities which still exist today. So in this way you could say these people are doing a service helping keep things secure that's one perspective.

I don't encourage hacking a meters to steal but if vulnerabilities are uncovered. They should be dealt with and this is the game a cat and mouse that we seem to play. The person who is doing this channel below it kinda reminds me of that.

And if you wanna understand how these things work this is a channel to watch this guy's onto something.

In forum "Energy related youtube channels I like"
In topic "The South African pulse generator evolution"

I heard of this person the South African inventor through Patrick Kelly. Here's Patrick's youtube channel.




This attached PDF file Explaining the history of the build from the South African experimenter who is making a pulse motor.

It shows the entire history from a rotating mechanism to a mechanism that didn't have any moving parts. SChapter6.pdf

Seems like Patrick's been around for awhile he explains things in a very clear fashion.

In topic "Limitless Potential Technologies"

Madscience



In this video, I take you behind the scenes as I build a real, working free energy generator — a device that captures potential energy from the environment using principles of physics, electromagnetic induction, and DC motor dynamics.

This is not theory — it’s a real-world project built from scratch using accessible materials. Whether you're into science, engineering, or just curious about how to generate your own electricity, this video is for you.

Learn how to make free energy at home using open-source methods and understand how open-system physics allows us to harness ambient energy without violating the laws of thermodynamics. This isn’t magic — it’s science and innovation working together.

Spencer  <--- some thoughts.

In topic ""Pulse Motor" Auto mechanic repair channel on youtube "



Jeff Williams works out auto repair channel on youtube Apparently he saw an example of a bidini motor a very simple version.

He built it just to see if it would work it was a little bit off topic for a channel but he did build it and he concluded that it did what it was supposed to do.



Just some observations on my part.
- Did you build any more projects along these lines?

- I do like the small compact and simpleness of it all and simple explanation is Inspiring.

- Today is July 10th 2025 I wonder if Jeff has done anymore videos on this topic just curious.

- In the comments I see references to the video game four years old and some I see it is 15 years old a little bit confusing.

- I would ask Jeff the question as a result of making this cool video about pulse motor did you get any negative feedback from anywhere about this?

Good work Jeff
Elmo Ross

In forum "People who sell things energy related"
In topic "Renaissance Charge Sells parts"

Renaissance Charge



These folks make components and coils and other things related to energy efficient devices if you want build them yourself.

Renaissance Charge  ---> Website link
This site is operated by:
Renaissance Charge, LLC
54038 County rd 43
Middlebury, IN 46540
US
sales@r-charge.com


What We Do
Renaissance Charge is engaged in Research and Development, Sales, Promotion of Technology, and Education pertaining to alternative energy. We sell very unique battery chargers, and motor parts that can be more than efficient battery chargers, and electronic parts. We design these products to meet our customer's requests. We have educated the public extensively through many online forums, sales of educational kits, DVDs, books, while also holding annual Workshop Conventions and frequent meetings to help people understand this technology.

Background
Founded in 2007, Renaissance Charge, LLC. began after many years of researching the viability of pulse battery charging technology. Our mission is to bring products that incorporate this technology to the marketplace. It is our goal to ensure our customers success, and as such, we seek to provide top-notch technical support and advice regarding the use of the technology.

Over the years we have developed and provided highly efficient energy generation systems and several solid-state battery charging systems. One common extraordinary characteristic of all of these systems has always been the unusual benefits the battery receives while being charged with these systems.

Instead of conventional constant current or constant voltage DC charging, batteries charged by electrical pulses with specific shape, frequency, and magnitude trigger improved electrochemical energy charging in the battery. Because of this the life of new batteries can be dramatically extended and the capacity of older batteries, previously unable to be adequately charged by conventional means, can be increased.

Normally useless batteries are commonly restored to working order as indicated by our research. Many years of testing all types of batteries and chargers have convinced us that there is no safer and better technology for batteries. This includes batteries used in automobiles, trucks, farm and industrial equipment, recreational vehicles, solar and wind generation systems, and emergency standby systems. While different chargers are made to be used with specific batteries, we have found that all types of batteries can be improved with this technology. This includes lead-acid starter batteries, deep cycle batteries, gel cell batteries, Ni-Cd batteries, Ni-MH batteries, and Lithium-ion batteries. Renaissance Charge is committed to continual testing of most types of battery chemistries.

The five major benefits of our technology are the following:
1. Battery Longevity: The chargers extend the battery life indefinitely for lead-acid batteries provided serious abuse does not take place too long. For other battery types it can be the same or at least doubled.

2. Battery Rejuvenation: They can restore most battery types from a useless condition. Approximately 80% of the open flooded Lead-acid battery type in USA/Canada. 50% in countries like Mexico where they often tamper with the batteries and add extra acid or other fillers in them to extend the life. Most other battery types can be rejuvenated as well in percentages close under the 80% range. Restore means back to usable condition ranging typically from 60% to 130% original capacity with an average of 100% return.

3. Battery Capacity Increase: This flows from the last point and is more controversial. These chargers often increase the battery's capacity beyond a restored state, and even beyond what the battery could first produce. In many cases 10-30% increases, and in rare occurrences doubling the capacity. This leads us to a whole new avenue of battery manufacturing that can reduce the weight of the lead-acid battery to perhaps be equal to the weight density of the lithium batteries and thus remove the need for these toxic and dangerous and expensive batteries. We have plans to venture off in that avenue in the future when funding becomes available.

4. Battery Charging Efficiency: We can charge batteries for less energy while they end up giving more load-time. Once batteries get fully rejuvenated then they are more susceptible to charging and can even continue charging while disconnected from the charge way beyond what you see with conventional chargers. The point is that Renaissance Chargers are the solution for efficiency concerns in battery charging while we have pointed the way for OU products in the future.

5. Environmental Benefit: This follows from all of the above points. This technology can clean up much of the battery mess already out there, and can save the world billions of dollars. It can also prevent much toxic manufacturing and disposal. The public will never properly dispose of batteries as a whole no matter what you do, unless you help them restore such batteries so that they can keep them. Further, the reduction of size of batteries means fewer batteries needed, and more space available. Finally, more efficient systems means less energy production, less hazards, and savings all around.



In forum "Stories from a two person electrial test shop"
In topic "How it all began"
If you don't want to register but you would like to comment login using the temp account. ID sp_cc Password 12345678. If you want me to know who you are leave your first name or handle at the end of your post.



This is the story about Clark and Ed. We ran a two person meter shop in Southern California and these are some of the experiences that we had. Our main focus was to test and keep the kilowatt hour meters calibrated.  Also we have a couple of substations and we took care of those to a little bit but mostly things to do with KWH meters. (from Clark's perspective) .

In about 1980 I got a job for the city of Glendale California. I worked in the underground electrical utility for 6 months. And then I noticed the people that worked in the electric test shop they would come to work all clean and refreshed and when they left at the end of the day they looked the same way they did when they came in in the morning I said I gotta find out how I can get into that place.

At the time I didn't have a high school diploma so I couldn't get a job as a test technician but I could get a job as a test technician assistant and that's what I did.  Shortly thereafter I got a GED and got a job as what they call test technician one.

As I recall the city of Glendale test shop which they did substation Telemetry, Relay testing for all the substations. Security cameras we even had a steam plant and they would help those guys out now and then. There were about 10 journeymen each journeyman had 1 or more assistants.

I learned a lot when I was there and it was nice because everyone knew like much more than I did so if I ever had a question there was always somebody that had an answer. And as I recall all the people there were very pleasant to work with I have very fond memories.

I had lived in Azusa CA at the time and I learned that the city of Azusa had a small municipal light and watery department. Well a job opening for electrical test technician opened up for the city of Azusa .There was another guy that worked as a technician for Glendale that lived in Azusa and he was a more senior technician than I was and when the job opening came up I thought man I can't compete with him but I applied anyway. The guy's name was steamer nickname. I don't remember exactly why but for one reason or another he didn't apply for the job and so I ended up interviewing for the job and getting the job and I was very grateful although I had no idea what I was getting into or how I was gonna pull this off. That was in 1985.

The name of the director of the electrical utility was Joseph Shu. He was from China and he was very intelligent from my perspective and kind. He basically said something to the effect we need to get our meters tested we need to get losses corrected and so I'm gonna give you general guidance and you're gonna carry out the plan.

I don't remember the exact number of updated as I remember I think it was roughly 10 or 15,000 meters in the system. There was 30 meters they used 200 kw and above every month these were to be tested every year. Then there was a group below that from 199 to 20KW and it was like 300 of those meters and there were to be tested depending on their demand. I'll put the schedule later. And then the rest were residential meters and they were not even bothered with because it was just so many of them and if I could just get that small group of meters tested the commercial and industrial basically ignoring the residential we could make an impact and bring things into order that was the thought.

When I got there there was a meter technician that left but they had all their test results written on yellow tablets computers were all mainframe and there was no correlation between the office and the meter shop as far as computers that was all just beginning. Work orders were generated by the office and written out on a form they had and so if I had to deal with a meter issue the office would write out a paper work order and I would go out in the field and fix noting what I did in the field on the work order and then  turned The work order back to the office . That's how I did it back then.

More to add later
Clark

In topic "Safety related things"

Turning on and off residential single phase self contained services

Things have changed a lot since I tested meters. From 1985 up to 2012 when I left.

When I was still working as a test tech there were different types of meters. Some were very old meters most of them were the type C S KWH meters type. They were made by Westinghouse and they had a steel base. They were in service as I recall from 1933 to 1957. 1957 was the year that I was born.



Notice the tab sticking out of the back of the base of the meter these are referred to as the meter clips. That's what we call them and these are what you make contact with a socket in order to supply electricity to the customer.

Also notice the little black area that separates the meter clip from the steel base in a meter these were insulators notice the one on the line side the top left is a little bit deteriorated.

We had a college and they had college housing that students would move into and maybe a couple hundred units. Of course these meters were being turned on and off every season for a new students. So by turning on and off the meter by putting boots over the clips that's how we used to do it the clips Inside the meter socket get stressed after awhile they are not so tight anymore after plugging and unplugging meter, yeah we learn as we go don't we?

Well after plugging and unplugging these meters over a period of time this insulation breaks down and is very hazardous if a short happens because there are no fuses except if the transformer and that's not much help.

Also noticed the corrosion and rust at the bottom of the meter at the very bottom of the meter there was a hole and that hole was to allow condensation to drain from the meter give a little ventilation I guess anyway this was typical on all the cs meters that we had dealt with. At some point they stopped using steel and used aluminum then that problem went away.

As the 2025 it's not likely that anyone has these meters in their system anymore because we're doing AMR, smart meters whatever you wanna call them. The new meters today have a relay built inside of them that can be turned off from the office so you don't even have to send anybody out there anymore or disturb the meter. Although there is a trade off the so called smart meters last maybe a few years where's the old mechanical meter could last maybe 50 years .

This is a short video on youtube that shows the proper way to install a single phase self contained meter and the checks you should do before hand also the type of safety equipment you should have on you and how to use a wiggy.

The first part of the video shows a dummy getting blasted by a short circuit standing in front of a meter socket during a fault. In our utility we used fire protective or resistant clothing like nomex or cotton. I think anybody who plugs in unplugs meters should see this kind of video for sure.


In topic "Meter Testing in geaeral"

Developing a strategy

Well when I got hired there was a job description the job description covered the general things that they expected of a meter test person.

So how it was to be done needed to be decide. So we made up a list of all the jobs that were necessary to do in the field and in the meter shop. It was also necessary to develop procedures for safety and in general how we were to proceed in this task protective equipment that we would need. Working with a meter readers working with a line crew, coordinating with the office also regular follow up meetings with my supervisor to see how things were progressing.

Also many of the meters that were in service at the time were very old and needing to be upgraded. And the decision was necessary to figure out which direction to go there were many different types of meters and had to decide. Also the city wanted to do time of use metering which involved not only a new meter but they were electronic and they worked with software and firmware and these were all things Or new things that were evolving in the field of metering that we had to learn.

When I arrived on the scene the way it was handled was that if there was an issue with meters they were brought into the shop and tested on a test board. This was an old "Knopp" test board from about 1957. And as I mentioned before all records were recorded on yellow legal type note pads.

We decided to do field testing of all but residential

So after looking at how some other utilities handled the meter testing situation. Here are a few of the utilities we looked at Scmug. We decided that we would do field testing of all the meters in the field with the exception of residential. Residential meters came in we tested 100 percent of them when we bought them and then when we put them in the field they were pretty much on their own until somebody shot one with a BB gun they got damaged somehow.

So for the utility was a a responsibility for them to help us get up to speed just at the time when metering was turning from mechanical to electronic there were many things that Ed and I needed to learn (yes they hired me an assistant) The utilities sent us to school once a year in Seattle WA for a week at a time.

There was also a need to invest in test equipment to facilitate this field testing and shop testing. So we needed to buy a new shop bench to replace the one inside it was very old. And we had to buy some equipment to do field testing. The utility did not scrimp they did a good job they bought the right stuff in my opinion.

And the utility allowed us to meet once every quarter with a group a group of other utilities so we could exchange information and get encouragement and learn. This was a very wise decision on their (the utility's) part and it was very inspiring.




Here's a short little video I found on somebody who's in a test shop and these are the exact same things that we did so I guess we were doing it like others do.


In topic "Deciding on what kind of meters to buy and to upgrade the big power users"

Deciding on what kind of meters to get

When I came into the meter shop we had a buying department but they had no idea about meters at all. At that time there was no engineer other than the director and he was grappling with many other issues. So under the directors guidance we moved forward.

Joe (The director) attentively listen to our input (Ed & I) and treated us with dignity. Something that was new for me. There were times when we could have our butts fired for some of the mistakes we made (down the road) but he was kind to us and I'm very grateful for that.

When I came to this place it was a Westinghouse shop all the meters were Westinghouse. Then at some point in time it became a General Electric shop and most of the meters were General Electric.

It's funny vendors did have an influence they come over wine you and dine you and take you out to eat visit, always smiling and our pleasant. I feel that was a factor in regards to some of the things that people did in regards to their purchasing they shouldn't be but it was and probably still is to some extent.

We were wanting to invest in our 30 largest customers 200 KW and above. Whoever we bought the meters from we would buy the small commercial and residential meters probably from them too.

The meters we were considering at that time for our largest customers were gonna be solid state meters. The meters they were going to be replacing were the General Electric chart meter DG2 & DG3. 2 or 3 element.



At first it was kind of confusing because when you say well we want a meter that does time of use well they were all solid state they all use software they all had calendars in them and they had schedules that you would program software to interface with a meter and they all look very similar at the time.

But as you scrutinized each one you were able after a while to discern subtle differences. For example the General Electric meters they kept track of what's called load profile data stored at some interval usually 15 minutes. They had time of use features that let you do typical stuff on peek off peak season change and all that they all had batteries in them so if the power went out you didn't lose a programming. And for me the software seemed pretty straightforward.

The next one under General Electric which was less money but it seemed to give more features not only would you be able to emulate the exact programming and even read General Electric meters with a software from L&G But they offered other little subtle differences in different metrics that it would measure that are above and beyond General Electric and the price was less and the software was pretty much looked the same as what GE had for their offering.

Then there was Westinghouse Sangamo and I think that was it which I wasn't seeing as really anything good at that moment in their products.

So even though the L&G meters were less money they were still about $500 a crack plus a software plus a contract for support for the software and blah blah blah.

Well out of the blue this company called domestic automation shows up. Remember this is during the peak of hybrid meter half mechanical half solid state. Well this guy offers us not 30 but 100 meter registers. It was only the Register component which gave you kilowatt hours display the time of use bins allowed you to program them with a computer and were easy to retrofit to a variety of different meter manufacturers.

Besides the software a zenith 8080 Laptop and a black marker. The black marker was to mark the disk So as the meter disks spun around the pulses would be sent to the retrofit register.

Many utilities thought this was a very Mickey Mouse solution and didn't want any part of it. Although some checked it out just to see. One example of a utility that tried the DAC registers one was Southern California Edison. I don't know how many they bought but in the end I don't think they were very impressed with them. I believe the Department of water and power also tried some.

By the way this is how computerized database came into existence via a spreadsheet using our new 8088 laptop it seemed to work pretty good for a while.

So then for some time afterwards we were installing these domestic automation registers on General Electric V64S meters replacing the DG three chart meters. Also there was a change in the billing they had to go through some rigmarole I mean there was a woman that looked at those charts and demand billed off of them for years well her job changed we had to deal with time of use a calendar and load profile data and that was quite a job.

As time moves on so it's time to upgrade our meters again

DAC likely went out of business or was dissolved sometime during the late 1990s to early 2000s, coinciding with the utility industry's transition to fully electronic and smart meters.

So it was time to find someone else to get meters from. When the GE KV meter came on the scene that was what we tried next.


And up till the time I left (2012) we were using Sentinel meters from Itron.


A lot of things happen at the same time. We built another substation. Where do you learn how to use the electronics and the software that came with the meters. For every different meter manufacturer you had other Software  to learn for their stuff, those programs for each kind of meter. And then during this time our IT Department was growing and blossoming out. I must apologize to our IT Department I was pretty much a Butt head troublemaker from their perspective.

More on that to share later if I feel inspired.

In topic "Issues that caused meters not to register correctly"



Light pulses not being sent to the register.
I believe there was a report from Jim K from DWP mentioned that some of these DAC meters/registers were put in some area (in DWP service territory) and when the sun shone through the windows at a certain time of day in a certain season the light would interfere with the pulses being Counted.
 
An example of the Mickey Mouse concept of painting a dot on the disk and having it feed the data to the register, traditionally we used holes in disk or shutter.


Keep it simple stupid
That's an acronym for the Kiss method keep it simple stupid
When I first came to the city they used what's called a universal registry ratio all the transformer rated meters and man meters and even some self contained meters they had demands had a ratio of eighty three and a third.

So say you had a transform related service then it had 400 to 5 CT 's in it typically the multiplier for that year would be 80. But if you have a registry ratio of eighty three and a third that would make the meter constant 60 and I get it they want to have a consistency.

When meters became hybrid part mechanical part solid state there was a possibility to have the dial constant be programmed to one so you could have a set of mechanical dials that might have a multiplier of 80 but you could have the display dials on the LCD read As a registered constant of one. As in the example below.

This service was a three phase 4 wire Y. In this program for the Solid State Register was programmed for a constant of 1. It worked okay for a while you just had to make sure that in one month you wouldn't roll the register over.

But the downside was when you removed this meter from service and you put it in another service somewhere you need to make sure that you go into the register and reprogram it with a correct constant.

I wish I could blame Ed for this but it's my issue my decision to do this and it cause many problems for the utility. It's just better to keep things simple use a regular transform ratio if you want to use a universal registration ratio that's cool too. In our case not having a standard program for solid state registers well it turned out to be a bad thing for us. It's just something else that can go wrong.

By the way KR stands for register constant you'll notice in the picture it shows 1.

It's easy enough to make mistakes when you change a meter just writing the wrong number on the form when you change it which we did that often also. Checking and double checking and checking again is very important there should be procedures for this one you have a new service go in a checklist should be made that everything is wired and looks safe the meter is installed there should be double triple checks from the office from the meter shop from meter readers in the field no they don't have those anymore but the more eyes the better.

In topic "TOU meters"

A little bit about time of use meters

When meters were simple mechanical devices they had the ability to measure KWH and demand. When I came on the scene kilowatt hours and demand and that was pretty much it. But when solid state registers / hybrid meters and then only solid state meters came out they were able to start figuring out ways to well, from my perspective charge people more money. There are a lot of opinions about that. Our director said that the city was charged a Time Of Use Rate and so it would be good if we could have a similar rate for our customers at least the 30 large customers that were 200KW and above.

So a solid state meter is basically a little computer and this little computer has the ability to keep track of dates and the time of day. With a laptop computer for example. You could program a meter to say when you're summer season and winter season began. You would define the hours of the day for on peak midpeak and off peak seasons. Our utility only had one very simple Time Of Use Rate it was our large customers only. It looks something like this.

At first we just use the bins on the register and billed the customers from there. But later it was decided to use the load profile data and calculate the bill for the customer based on that information. The load profile data was for our utility in 15 minute blocks using whats called a Sliding window.

If you bought a meter from General Electric for example had software could be used to generate a bill for their meter. Most other manufacturers of meters could do the same. Then there were people whose business it was to do this kind of calculation for billing, one such vendor was MV90.
In topic "links having to do with other test shops"

When I was working for my utility I remember hearing about prepayment systems. At the time I thought that was something new. Apparently not, a photo of this meter is a prepayment meter (1906 to 1910) yeah.

These are links having to do with other electric utility-related test shops or content that I thought were interesting

- SCE display case
When we were in the user group SCMUG there were a handful of utilities that would meet together every quarter and talk about meter related things. It was very encouraging from my perspective. I happen to take these photos of a display case at one of those meetings.

- Joe Tedesco - Archive
Joe has collected these photos over a number of years of personal photography as a code inspector. His collection has been growing with the addition of photos donated by utilities and inspectors everywhere. Look at these pictures and laugh, but not too long, we may have some pictures of your territory here somewhere....

- The Meter Guy - Archive
During the time I was working as a meter test technician the meter guy website was the go to place. It was run by a guy named Bud Russell. Not all the links work but you get an idea of what it was like so I thought it was worth a mention.

- Vector tool Delphi version 5
Back in the day when I was trying to develop software and apply it to the metering field I tried to make a vector tool. Initially it was for the Windows operating system.

- Refurbished watthour meters
Hialeah Meter specializes in re-manufactured meters, new meters, flow meters, installation kits, power outlets, pedestals, and more.

- Watt hour meters lamps Very nice

- Watt hour meters Cool photos of old KWH meters

- Scmug Not active but still here from back in the day. This was a web page for the Southern California meter user group. A group that was set up in the 90s via Ed and assistance from L&G vendor.

In topic "Temp notes"

Temporary notes only to be removed later
Stories to tell about Close calls

- bowling alley spider CT
- 480 volt pump house I came to close to losing my life at work.
- Mountain View School Metering Supply Neutral burned up wires.
- Phasortron Current diversion.
- Stone roofing loosened CT screws finger tight, after I tested the meter in the field I had to go back with I forgot something. The seals were broken and the CT 's screws on the polarity side of the CT finger tight only.
- 900 block of Foothill 3 phase 4Y or Y. Fault to ground. The ground was so poor that it didn't blow fuse It cost service disruptions only flickering lights things like that.

This is just a temporary notepost will be removed later

Adjust animation speed online

Create animations online

Test video

AI said
Yes, we can absolutely restore those important features — resuming playback where you left off and marking videos that were watched in full with a different highlight color.

From your description, it sounds like some recent changes might have affected the logic that:

    Saves and loads playback positions for each video to resume from where you stopped.

    Detects when a video finishes completely and then marks it as fully watched with a distinct highlight.
Next Steps

I can provide you with a clean, tested full updated version of your page that:

    Correctly saves/resumes playback positions per video,

    Tracks and highlights watched videos distinctly after full playback,

    Works for both local files and URLs (including YouTube),

    Keeps your watched state isolated per video path so it stays consistent across directory changes.


Video conversion features

Yes, incorporating video conversion into your project via an existing command-line tool or executable is a practical and smart approach. This avoids legal issues of downloading or converting streamed content you don’t own while giving you control over your own files.
The most common and powerful tool for video conversion is FFmpeg.

    It’s free, open-source, widely used, and supports virtually every video/audio format.

    You can run FFmpeg executables from your server or computer to convert files to MP4 or other formats.

    It can be called from PHP or other server-side scripts to automate conversions.

    This lets you keep your project clean and legal by converting only files you actually have locally.

    FFmpeg works on Windows, macOS, Linux, and many platforms.

How you could integrate it into your project:

    Download and place the FFmpeg executable in your media files directory (or on the server).

    Add a “Convert” button next to each video in your file list UI.

    When clicked, your PHP backend calls FFmpeg on that specific video file — for example:

bash
ffmpeg -i input_file.wmv -c:v libx264 -preset fast -c:a aac output_file.mp4

    The server processes the conversion asynchronously (or waits for completion).

    Your app refreshes the file list showing the new MP4 file.

Things to keep in mind:

    FFmpeg needs to be installed or available on the server/machine running your PHP.

    Conversions can be CPU intensive and take time depending on file size.

    Your PHP script will need permission to execute shell commands (exec() or similar).

    You should handle errors and edge cases carefully (like existing target files).

    Running conversions via web UI can be enhanced with task queues or background job handlers for smoother experience.

Summary:

    FFmpeg is the industry standard for video/audio conversion.

    It’s easily scriptable for integration with your PHP-based media project.

    Adding a convert button and backend FFmpeg calls can automate format conversions for your local files.

    This approach is legal, efficient, and powerful.





Temporary notes potential Forum restructuring ideas from perplexity AI
1. Create Logical Subsections (Subforums)

Right now, all topics appear as a flat list. Grouping related discussions under clear subforums can help visitors find what they’re looking for quickly. For your context, I’d suggest something like:
Suggested Main Categories & Example Subforums

A. Shop Stories and Experiences

    Personal Shop Histories (“How it all began”)

    Day-to-Day Stories (unique jobs, memorable events, challenges, etc.)

    Lessons Learned (“Issues that caused meters not to register correctly”)

B. Technical Best Practices

    Workmanship and Standards

    Meter Testing in General

    Deciding on Meters & Upgrades

    TOU Meter Discussion (if this is a recurring topic)

C. Safety & Compliance

    Safety Related Things

    Regulatory Compliance & Code Discussion

D. Reference & Resources

    links to Other Test Shops

    Tools & Equipment Reviews

    Useful Forms, Charts, Guides

E. Community & Off-Topic (optional)

    General Chat

    Introductions & Farewells (invite new members to say hello)

    Feedback & Suggestions (for improving the forum itself)

2. Pin Key Threads (“Sticky” Posts)

For commonly asked questions or foundational topics (e.g., “How it all began,” forum rules, or posting guidelines), make those permanently visible at the top of each section.
3. Standardize Topic titles

Encourage posters to use clear, descriptive titles—perhaps with a simple prefix, for instance:

    [Safety] PPE for meter technicians

    [Equipment Review] New clamp meter results

    [Story] When a CT wiring error fooled us all

    [Tip] Labeling tricks for field meters

4. Consider a Welcome or “Start Here” Section

Many forums benefit from a front-page post welcoming newcomers, explaining how to register/post, and outlining what the forum covers and doesn’t.
5. Add Quick Reference for Log-in Info (if using temp accounts)

If you intend to keep the temporary login option, make a “sticky” thread explaining it (as you’ve done), so it’s always easy to find for new visitors.
6. Thread Tagging (if software allows)

If your forum platform supports tags, allow users to tag posts by:

    Topic (Safety, Testing, Story, Equipment)

    Meter type (TOU, single-phase, poly-phase, etc.)

    Difficulty (Beginner, Advanced)

Example Forum Home Page Structure

text
Stories from a Two-Person Electrical Test Shop

A. Shop Stories & Personal Experiences
  - Stories, memorable jobs, unique client situations.

B. Technical Best Practices
  - Test methods, troubleshooting, standards, choosing meters.

C. Safety & Compliance
  - Incidents, near misses, code issues, safety procedures.

D. Resources & Reference
  - links, forms, charts, equipment reviews.

E. Community & Site News
  - Announcements, off-topic, feedback

Final Tips

    Group threads by category, making navigation less overwhelming.

    Pin orienting threads (About, How to Join, Posting Guidelines, etc.).

    Encourage searchable, descriptive thread titles.

    Invite feedback: you can have a “How do you like this new structure?” post for community input.

If you’d like, I can help draft a template layout or specific post guidelines to make things even easier for new contributors. Let me know what platform you’re using (phpBB, Simple Machines Forum, etc.) if you want technical steps for restructuring!

Powered by myUPB v2.2.7  ·   © PHP Outburst 2002 - 2025

Creative Commons License